/* Authenticated creation workspace */
.studio-route { width:100%; max-width:100%; overflow:hidden; }
.studio-wrap { width:auto; max-width:none; height:100vh; overflow:hidden; background:#f2f5f8; }
.studio-grid { width:100%; max-width:100%; height:100vh; display:grid; grid-template-columns:minmax(360px,420px) minmax(0,1fr) minmax(280px,330px); overflow:hidden; padding:0; }
.studio-controls, .studio-media { background:#fff; min-width:0; }
.studio-controls { min-height:0; border-right:1px solid #dce3eb; display:grid; grid-template-rows:58px minmax(0,1fr) auto; }
.studio-tabs { display:grid; grid-template-columns:repeat(2,1fr); border-bottom:1px solid #dce3eb; }
.studio-tab { border:0; border-bottom:3px solid transparent; background:#fff; color:#768399; font-weight:800; display:flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; }
.studio-tab svg { width:18px; height:18px; }
.studio-tab.active { color:var(--rose); border-bottom-color:var(--rose); }
.pro-crown { color:#f2a918; font-size:12px; }
.control-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:13px 16px 48px; scrollbar-width:auto; scrollbar-color:#aeb8c6 #f2f5f8; scrollbar-gutter:stable; scroll-padding-bottom:48px; }
.control-scroll::-webkit-scrollbar { width:11px; }
.control-scroll::-webkit-scrollbar-track { background:#f2f5f8; border-left:1px solid #e2e7ed; }
.control-scroll::-webkit-scrollbar-thumb { min-height:45px; border:3px solid #f2f5f8; border-radius:999px; background:#aeb8c6; }
.control-scroll::-webkit-scrollbar-thumb:hover { background:#8997a9; }
.model-family { position:relative; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; color:#718097; margin-bottom:12px; }
.model-family > span { font-weight:700; font-size:13px; }
.model-family button { height:43px; border:1px solid #d7e0ea; background:#fff; border-radius:10px; display:flex; align-items:center; gap:10px; padding:0 12px; text-align:left; font-weight:800; }
.model-family button b { color:var(--rose); font-size:20px; }
.model-family button span:last-child { margin-left:auto; color:#7d8a9c; }
.model-menu { position:absolute;z-index:40;top:52px;left:0;right:0;min-width:0;border:1px solid #d7e0ea;border-radius:12px;background:#fff;padding:8px;box-shadow:0 16px 38px rgba(30,40,52,.2); }
.model-menu button { width:100%;height:auto!important;min-height:72px;display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;text-align:left;padding:11px 12px!important;border:0!important;border-radius:9px!important;background:#fff; }
.model-menu button.active { background:#eef2f6; }
.model-menu button > span { min-width:0;margin:0!important; }
.model-menu strong,.model-menu small { display:block; }
.model-menu strong { color:#263143;font-size:14px;line-height:1.25; }
.model-menu small { margin-top:3px;color:#718097;font-size:11px;font-weight:650;line-height:1.35;white-space:normal; }
.model-menu i { justify-self:end;color:#718097;font-size:18px;font-style:normal; }
.model-card { width:100%; height:100px; position:relative; overflow:hidden; border:0; border-radius:14px; color:#fff; text-align:left; display:flex; align-items:flex-end; padding:14px; cursor:pointer; }
.model-card:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(19,17,25,.82),rgba(19,17,25,.24)); }
.model-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.model-card span, .model-card em { position:relative; z-index:1; }
.model-card small, .model-card strong { display:block; }
.model-card small { font-size:12px; }
.model-card strong { font-size:17px; max-width:280px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.model-card em { margin-left:auto; font-style:normal; font-weight:800; }
.model-card em i { margin-left:3px;font-style:normal; }
.model-card-wrap { position:relative;z-index:16; }
.model-card.open { box-shadow:0 0 0 3px rgba(240,79,111,.18); }
.anima-guide-link { width:100%;min-height:64px;margin:10px 0 15px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce3eb;border-radius:11px;background:#fff;color:#344154;text-align:left;cursor:pointer; }
.anima-guide-link:hover { border-color:#efb5c3;background:#fff8fa; }
.anima-guide-link > svg { width:22px;height:22px;justify-self:center;color:var(--rose); }
.anima-guide-link > span,.anima-guide-link strong,.anima-guide-link small { min-width:0;display:block; }
.anima-guide-link strong { font-size:12px;line-height:1.3; }
.anima-guide-link small { margin-top:3px;overflow:hidden;color:#718097;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }
.anima-guide-link > b { color:var(--rose-dark);font-size:16px; }
.model-card-menu { position:absolute;z-index:24;top:calc(100% + 8px);left:0;right:0;max-height:285px;overflow-y:auto;padding:7px;border:1px solid #d9e1ea;border-radius:13px;background:#fff;box-shadow:0 18px 44px rgba(30,38,51,.2);scrollbar-width:thin;scrollbar-color:#aeb8c6 #f2f5f8; }
.model-card-option { width:100%;min-height:67px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:9px;background:#fff;color:#364256;text-align:left;cursor:pointer; }
.model-card-option:hover { background:#fff5f7; }
.model-card-option.active { background:#f0f3f7; }
.model-card-option > b { color:var(--rose);font-size:20px;letter-spacing:-1px; }
.model-card-option span,.model-card-option strong,.model-card-option small { display:block;min-width:0; }
.model-card-option strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
.model-card-option small { margin-top:3px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#77859a;font-size:9px;line-height:1.35; }
.model-card-option > i { color:#536176;font-size:15px;font-style:normal;font-weight:900;text-align:center; }
.studio-field { margin-bottom:22px; }
.studio-label { min-height:33px; display:flex; align-items:center; gap:8px; }
.studio-label strong { font-size:14px; }
.info-dot { width:17px; height:17px; border:1px solid #9aa7b9; color:#8190a4; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:900; }
.info-dot[data-help-tooltip] { position:relative;cursor:help;outline:none; }
.info-dot[data-help-tooltip]::after { content:attr(data-help-tooltip);position:absolute;z-index:45;left:50%;top:calc(100% + 8px);width:max-content;max-width:230px;padding:7px 10px;border-radius:7px;background:#202735;color:#fff;font-size:10px;font-weight:800;line-height:1.25;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .13s ease,transform .13s ease; }
.info-dot[data-help-tooltip]:hover::after,.info-dot[data-help-tooltip]:focus-visible::after { opacity:1;transform:translate(-50%,0); }
.info-dot[data-help-tooltip]:focus-visible { border-color:var(--rose);box-shadow:0 0 0 3px rgba(240,79,111,.12); }
.switch-row { color:#8794a7; font-size:11px; display:flex; align-items:center; gap:5px; }
.switch-row i { width:25px; height:15px; background:var(--rose); border-radius:20px; position:relative; }
.switch-row i:after { content:""; position:absolute; width:11px; height:11px; top:2px; right:2px; border-radius:50%; background:#fff; }
.studio-label .switch-row { margin-left:0; height:auto; padding:0; border:0; background:none; }
.switch-row:not(.active) i { background:#cbd3dd; }
.switch-row:not(.active) i:after { right:auto; left:2px; }
.studio-label button { margin-left:auto; border:1px solid #d7e0ea; border-radius:7px; height:29px; padding:0 10px; background:#fff; color:#66758a; font-size:11px; font-weight:750; }
.studio-label .square-add { margin-left:-8px; width:29px; padding:0; font-size:18px; }
.prompt-field { position:relative; }
.prompt-field textarea { width:100%; min-height:170px; resize:vertical; border:1px solid #d7e0ea; border-radius:10px; padding:13px; outline:none; color:#263143; }
.prompt-field textarea:focus { border-color:var(--rose); box-shadow:0 0 0 3px rgba(240,79,111,.09); }
.prompt-suggestions { display:none;position:absolute;z-index:18;left:8px;right:8px;top:76px;max-height:300px;overflow:auto;padding:7px;border:1px solid #d7e0ea;border-radius:11px;background:#fff;box-shadow:0 12px 35px rgba(30,40,52,.18); }
.prompt-suggestions.show { display:block; }
.prompt-suggestions button { width:100%;min-height:39px;display:grid;grid-template-columns:minmax(0,1fr) max-content 54px;column-gap:15px;align-items:center;border:0;border-radius:7px;background:#fff;padding:7px 10px;text-align:left;color:#357ee8; }
.prompt-suggestions button:hover,.prompt-suggestions button:first-child { background:#eef2f6; }
.prompt-suggestions button b { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650; }
.prompt-suggestions small { min-width:48px;padding-right:2px;color:#718097;text-align:right; }
.prompt-suggestions i { --tag-tone:#2bbb72;width:calc(var(--heat) * 10px);height:12px;background:repeating-linear-gradient(90deg,var(--tag-tone) 0 7px,transparent 7px 10px);opacity:.92;justify-self:start; }
.prompt-suggestions i[data-tone="suggestive"] { --tag-tone:#f2a526; }
.prompt-suggestions i[data-tone="explicit"] { --tag-tone:#e8445f; }
.prompt-suggestions i[data-tone="identity"] { --tag-tone:#8b5cf6; }
.prompt-tag-catalog i { --tag-tone:#2bbb72;width:calc(var(--heat) * 10px);height:12px;background:repeating-linear-gradient(90deg,var(--tag-tone) 0 7px,transparent 7px 10px);opacity:.92;justify-self:start; }
.prompt-tag-catalog i[data-tone="suggestive"] { --tag-tone:#f2a526; }
.prompt-tag-catalog i[data-tone="explicit"] { --tag-tone:#e8445f; }
.prompt-tag-catalog i[data-tone="identity"] { --tag-tone:#8b5cf6; }
.prompt-library-open { overflow:hidden; }
.prompt-library-backdrop { overflow:hidden; }
.prompt-library-modal { position:relative;width:min(980px,calc(100vw - 32px));min-width:0;max-height:min(90vh,860px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:30px;scrollbar-gutter:stable; }
.prompt-library-head { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-right:2px; }
.prompt-library-head span { display:block;margin-bottom:4px;color:var(--rose-dark);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.prompt-library-head h2 { margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-1.7px; }
.prompt-library-close { flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#5d5661;font-size:27px;line-height:1;cursor:pointer; }
.prompt-library-close:hover { border-color:#eaa4b6;background:#fff4f6;color:var(--rose-dark); }
.prompt-library-intro { max-width:780px;margin:14px 0 23px;color:var(--muted);line-height:1.6; }
.prompt-library-section-title { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 1px 10px; }
.prompt-library-section-title strong { font-size:14px; }
.prompt-library-section-title span { color:var(--muted);font-size:11px; }
.prompt-library-section-title.tag-title { margin-top:27px; }
.prompt-preset-grid { width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0; }
.prompt-preset-grid button { min-width:0;min-height:132px;display:flex;flex-direction:column;border:1px solid #ecd9df;border-radius:12px;background:linear-gradient(145deg,#fff7f9,#fff);padding:14px;text-align:left;cursor:pointer;overflow:hidden; }
.prompt-preset-grid button:hover { border-color:var(--rose);box-shadow:none;transform:translateY(-1px); }
.prompt-preset-grid strong,.prompt-preset-grid span { display:block; }
.prompt-preset-grid strong { color:var(--ink);margin-bottom:7px; }
.prompt-preset-grid span { min-width:0;color:var(--muted);font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere; }
.prompt-preset-grid em { margin-top:auto;padding-top:10px;color:var(--rose-dark);font-size:10px;font-style:normal;font-weight:850; }
.prompt-library-toolbar { width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;position:sticky;top:-30px;z-index:2;padding:12px 0;background:#fff; }
.prompt-library-toolbar label { min-width:0; }
.prompt-library-toolbar input,.prompt-library-toolbar select { width:100%;min-width:0;min-height:46px;border:1px solid #d7e0ea;border-radius:9px;background:#fff;padding:0 12px;color:var(--ink); }
.prompt-tag-legend { display:flex;flex-wrap:wrap;gap:7px;margin:0 1px 10px; }
.prompt-tag-legend span { display:inline-flex;align-items:center;gap:5px;color:#718097;font-size:10px; }
.prompt-tag-legend span:before { content:"";width:8px;height:8px;border-radius:2px;background:#2bbb72; }
.prompt-tag-legend span[data-tone="suggestive"]:before { background:#f2a526; }
.prompt-tag-legend span[data-tone="explicit"]:before { background:#e8445f; }
.prompt-tag-legend span[data-tone="identity"]:before { background:#8b5cf6; }
.prompt-tag-catalog { width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px; }
.prompt-tag-catalog button { width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) max-content 54px;column-gap:18px;align-items:center;min-height:52px;border:1px solid #e2e7ed;border-radius:9px;background:#fff;padding:10px 14px;text-align:left;cursor:pointer;color:#357ee8; }
.prompt-tag-catalog button:hover,.prompt-tag-catalog button.selected { background:#fff1f4;border-color:#f2bdc9; }
.prompt-tag-catalog button span { min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3; }
.prompt-tag-catalog button small { min-width:52px;color:#718097;text-align:right; }
.prompt-tag-catalog button em { display:none; }
.library-empty { grid-column:1/-1;text-align:center;padding:30px; }
.studio-prompt-examples { display:flex; gap:6px; margin-top:9px; overflow-x:auto; scrollbar-width:none; }
.studio-prompt-examples::-webkit-scrollbar { display:none; }
.studio-prompt-examples button { flex:0 0 auto; border:1px solid #dbe3ec; border-radius:8px; background:#fff; color:#65738a; padding:7px 9px; font-size:11px; font-weight:750; cursor:pointer; }
.studio-prompt-examples button:hover, .studio-prompt-examples button.active { border-color:#efa3b5; background:#fff1f4; color:#bd3454; }
.prompt-tools { display:flex; align-items:center; gap:5px; padding-top:7px; }
.prompt-tools button { border:1px solid #d6dfe9; background:#fff; color:#627086; border-radius:7px; padding:5px 9px; font-size:11px; font-weight:750; }
.prompt-tools span { margin-left:auto; color:#a0acbb; font-size:10px; }
.upload-zone { width:100%; min-height:150px; border:2px dashed #e5eaf0; border-radius:12px; background:#fff; color:#acb6c4; display:grid; place-content:center; gap:8px; text-align:center; cursor:pointer; }
.upload-zone span { font-size:22px; }
.upload-zone strong { font-size:12px; }
/* A chosen source shows the actual picture - A text label alone reads as "nothing happened". */
.upload-zone.has-source { min-height:0; padding:8px; border-style:solid; border-color:#efdde2; background:#fff8fa; place-content:stretch; gap:7px; }
.edit-source-thumb { width:100%; max-height:186px; object-fit:contain; border-radius:9px; background:#f2e9ec; }
.upload-zone.has-source strong { color:var(--rose-dark); }
.edit-source-clear { width:100%; margin-top:7px; padding:7px; border:0; border-radius:8px; background:none; color:var(--muted); font-size:11px; font-weight:800; cursor:pointer; transition:color .15s ease; }
.edit-source-clear:hover { color:var(--rose-dark); }
.edit-instruction { width:100%;min-height:150px;border:1px solid #d7e0ea;border-radius:9px;padding:11px;resize:vertical; }
.edit-instruction:focus { outline:0;border-color:var(--rose);box-shadow:0 0 0 3px rgba(240,79,111,.09); }
.edit-hints { display:flex;flex-wrap:wrap;gap:6px; }
.edit-hints button { border:1px solid #d7e0ea;border-radius:7px;background:#fff;padding:7px;color:#627086;font-size:10px;cursor:pointer; }
.edit-hints button:hover { border-color:#efb5c3;background:#fff7f9;color:var(--rose-dark); }
.compact-settings { display:grid; gap:14px; }
.compact-settings label { display:block; font-size:11px; font-weight:800; margin-bottom:6px; }
.compact-settings select { width:100%; border:1px solid #d7e0ea; border-radius:9px; height:38px; padding:0 10px; background:#fff; }
.image-size-setting { min-width:0;position:relative;padding-top:2px; }
.image-size-heading { min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px; }
.image-size-heading > div { display:flex;align-items:center;gap:8px; }
.compact-settings .image-size-heading label { margin:0;color:#182132;font-size:17px;letter-spacing:-.25px; }
.image-size-heading .info-dot { width:19px;height:19px;background:#fff; }
.image-size-readout { min-height:29px;display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:0 9px;border:1px solid #f1c7d1;border-radius:9px;background:#fff5f7;color:var(--rose-dark);font-variant-numeric:tabular-nums;white-space:nowrap; }
.image-size-readout b { font-size:10px; }
.image-size-readout i { width:3px;height:3px;border-radius:50%;background:#d8899a; }
.image-size-readout span { font-size:9px;font-weight:850; }
.image-size-picker { padding:5px 12px;border:1px solid #e0e6ee;border-radius:15px;background:linear-gradient(145deg,#fbfcfe,#f7f9fc); }
.image-size-summary { width:100%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #d6dee8;border-radius:11px;background:#fff;cursor:pointer;color:#202a3b;transition:border-color .15s ease,background .15s ease; }
.image-size-summary:hover,.image-size-summary:focus-visible { border-color:#eb9fb0;background:#fff9fa;outline:none; }
.image-size-summary-left { display:flex;align-items:center;gap:8px;min-width:0; }
.image-size-summary label { font-size:12px;font-weight:700;cursor:pointer; }
.image-size-summary .image-size-readout { margin-left:auto; }
.image-size-headshape { flex:none;width:16px;height:16px;display:grid;place-items:center; }
.image-size-headshape b { display:block;border-radius:2px;background:var(--rose); }
.image-size-chevron { flex:none;color:#8a94a4;font-size:10px; }
.image-size-setting.is-open .image-size-summary { border-color:var(--rose);background:#fff8fa;border-bottom-left-radius:0;border-bottom-right-radius:0; }
/* Inline expand-down: the picker opens directly below the bar, in normal flow, connected
   to it. It stays in place - No floating, no jump. */
.image-size-dropdown { padding:6px 11px 10px;border:1px solid var(--rose);border-top:0;border-radius:0 0 11px 11px;background:#fff; }
.image-size-dropdown .image-size-custom-fields { margin:9px 0 0; }
.image-size-group { min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:10px 0;border-top:1px solid #e5e9ef; }
.image-size-group:first-child { border-top:0; }
.image-size-group:last-child .image-size-row { grid-template-columns:minmax(0,1fr); }
.image-size-group-label { display:block;margin:0;color:#7a8494;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.image-size-row { min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.image-size-option { position:relative;min-width:0;height:60px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;border:1px solid #d6dee8;border-radius:11px;background:#fff;color:#202a3b;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease; }
.image-size-option:hover,.image-size-option:focus-visible { border-color:#eb9fb0;background:#fff9fa;color:var(--rose-dark);outline:none; }
.image-size-option.active { border:2px solid var(--rose);background:linear-gradient(145deg,#fff8fa,#fff0f4);color:var(--rose-dark); }
.image-size-option.active:after { content:"✓";position:absolute;top:5px;right:6px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:var(--rose);color:#fff;font-size:8px;font-weight:900; }
.image-size-option strong { min-width:0;font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.image-size-shape { flex:none;width:26px;height:26px;display:grid;place-items:center; }
.image-size-shape b { display:block;border-radius:2px;background:linear-gradient(145deg,#dbe1e9,#c8d0dc); }
.image-size-option.active .image-size-shape b { background:linear-gradient(145deg,#f5b8c6,#ef8faa); }
.image-size-custom-icon { flex:none;width:21px;height:21px;border:2px dashed #aab5c4;border-radius:5px; }
.image-size-tooltip { position:absolute;z-index:35;left:50%;bottom:calc(100% + 8px);min-width:max-content;padding:6px 9px;border-radius:7px;background:#202735;color:#fff;font-size:10px;font-weight:800;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .13s ease,transform .13s ease; }
.image-size-option:hover .image-size-tooltip,.image-size-option:focus-visible .image-size-tooltip { opacity:1;transform:translate(-50%,0); }
.image-size-custom-fields { display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:end;gap:8px;margin:9px 0 0 94px;padding:11px;border:1px solid #e0e6ed;border-radius:11px;background:#f8fafc; }
.image-size-custom-fields.hidden { display:none; }
.compact-settings .image-size-custom-fields label { min-width:0;margin:0; }
.image-size-custom-fields label span { display:block;margin-bottom:4px;color:#657389;font-size:9px;font-weight:800; }
.image-size-custom-fields input { width:100%;height:37px;border:1px solid #d4dce7;border-radius:8px;background:#fff;padding:0 8px;color:#202838;font-size:12px;outline:none; }
.image-size-custom-fields input:focus { border-color:var(--rose);box-shadow:0 0 0 3px rgba(240,79,111,.08); }
.image-size-custom-fields > span { padding-bottom:9px;color:#93a0b2;text-align:center;font-weight:800; }
.image-size-custom-fields small { grid-column:1/-1;color:#7f8b9d;font-size:9px;line-height:1.35; }
@media (max-width:420px) {
  .image-size-heading { align-items:flex-start; }
  .image-size-readout { gap:5px;padding:0 7px; }
  .image-size-readout b { font-size:9px; }
  .image-size-picker { padding-right:9px;padding-left:9px; }
  .image-size-group { grid-template-columns:58px minmax(0,1fr);gap:7px; }
  .image-size-row { gap:6px; }
  .image-size-option { height:57px;gap:5px;padding:0 5px; }
  .image-size-option strong { font-size:11px; }
  .image-size-custom-fields { margin-left:74px; }
}
@media (max-width:350px) {
  .image-size-heading { align-items:stretch;flex-direction:column;gap:7px; }
  .image-size-readout { align-self:flex-start;margin-left:0; }
  .image-size-group { grid-template-columns:1fr;gap:6px; }
  .image-size-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .image-size-custom-fields { margin-left:0; }
}
.advanced-settings { margin:4px 0 10px; overflow:hidden; border:1px solid #e2e7ed; border-radius:15px; background:#f8fafc; }
.advanced-settings-toggle { width:100%; min-height:54px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:10px; padding:0 14px; border:0; background:transparent; color:#1e2735; text-align:left; cursor:pointer; }
.advanced-settings-toggle:hover { background:#f2f5f8; }
.advanced-settings-toggle svg { width:21px; height:21px; }
.advanced-settings-toggle strong { font-size:15px; }
.advanced-settings-toggle > span { color:#68778c; font-size:16px; }
.advanced-settings-body { padding:5px 14px 16px; }
.advanced-option { padding:12px 0 15px; border-top:1px solid #e5eaf0; }
.advanced-option:first-child { border-top:0; }
.advanced-option-title { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.advanced-option-title strong { font-size:13px; }
.advanced-title-input { display:grid; gap:6px; }
.advanced-title-input input { width:100%; border:1px solid #d8e0e9; border-radius:9px; background:#fff; padding:11px 12px; color:#202838; font:inherit; font-size:13px; outline:none; }
.advanced-title-input input:focus { border-color:#ef7892; box-shadow:0 0 0 3px rgba(239,75,109,.1); }
.advanced-title-input small { color:#7d899b; font-size:10px; line-height:1.45; }
.advanced-title-locked { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 11px; border:1px solid #e2e7ed; border-radius:9px; background:#fff; color:#718097; font-size:11px; }
.advanced-title-locked button { flex:0 0 auto; border:0; background:transparent; color:var(--rose-dark); font-size:10px; font-weight:850; cursor:pointer; }
.publishing-mode { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.publishing-mode button { min-width:0;display:grid;gap:3px;padding:11px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#536177;text-align:left;cursor:pointer; }
.publishing-mode button strong { color:#202838;font-size:12px; }
.publishing-mode button span { font-size:9px;line-height:1.4; }
.publishing-mode button.active { border-color:var(--rose);background:#fff1f4;box-shadow:inset 0 0 0 1px rgba(240,75,106,.08); }
.publishing-mode button.active strong { color:var(--rose-dark); }
.publishing-note { display:block;margin-top:7px;color:#7d899b;font-size:9px; }
.free-auto-publish { display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #f1c8d2;border-radius:10px;background:#fff5f7; }
.free-auto-publish > span { width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--rose);color:#fff;font-weight:900; }
.free-auto-publish strong,.free-auto-publish small { display:block; }.free-auto-publish strong { font-size:11px; }.free-auto-publish small { margin-top:2px;color:#718097;font-size:9px;line-height:1.4; }
.free-auto-publish button { border:0;background:transparent;color:var(--rose-dark);font-size:9px;font-weight:850;cursor:pointer; }
.advanced-check { display:flex; align-items:center; gap:9px; color:#273244; font-size:12px; font-weight:650; cursor:pointer; }
.advanced-check input { width:18px; height:18px; margin:0; accent-color:var(--rose); }
.preprompt-card { margin-top:11px; padding:10px 11px; border:1px solid #e5eaf0; border-radius:10px; background:#fff; color:#66758a; }
.preprompt-card.disabled { opacity:.5; }
.preprompt-card > div { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:10px; }
.preprompt-card button { display:flex; align-items:center; gap:4px; padding:3px 5px; border:0; background:transparent; color:#6f7d91; font-size:10px; font-weight:750; cursor:pointer; }
.preprompt-card button svg { width:14px; height:14px; }
.preprompt-card p { margin:6px 0 0; overflow:hidden; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
.preprompt-card b { color:#3d485a; }
.preprompt-fields { display:grid; gap:9px; padding-top:10px; }
.preprompt-fields label { display:grid; gap:5px; color:#4e5c70; font-size:10px; font-weight:800; }
.preprompt-fields textarea { width:100%; min-height:62px; resize:vertical; border:1px solid #d7e0ea; border-radius:9px; padding:9px; background:#fff; color:#344154; font-size:10px; outline:none; }
.preprompt-fields textarea:focus { border-color:var(--rose); box-shadow:0 0 0 3px rgba(240,79,111,.08); }
.advanced-control,.advanced-range,.advanced-seed { padding:14px 0; border-top:1px solid #e5eaf0; }
.advanced-control { display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:center; gap:12px; }
.advanced-control > label,.advanced-range > label,.advanced-seed > label { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:800; }
.advanced-control select { width:100%; height:39px; border:1px solid #d7e0ea; border-radius:9px; padding:0 9px; background:#fff; }
.advanced-range > div { display:grid; grid-template-columns:minmax(0,1fr) 64px; align-items:center; gap:10px; margin-top:9px; }
.advanced-range input[type="range"] { width:100%; accent-color:#202b3e; }
.advanced-range input[type="number"],.advanced-seed input { width:100%; height:38px; border:1px solid #d7e0ea; border-radius:9px; padding:0 9px; background:#fff; color:#263142; }
.advanced-settings :disabled { cursor:not-allowed; opacity:.55; }
.advanced-seed > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.seed-mode { display:grid; grid-template-columns:1fr 1fr; padding:3px; border-radius:9px; background:#edf1f6; }
.seed-mode button { min-width:0; height:32px; border:0; border-radius:7px; background:transparent; color:#718097; font-size:11px; cursor:pointer; }
.seed-mode button.active { background:#fff; color:#172033; box-shadow:0 1px 4px rgba(24,34,49,.08); }
.studio-generate-bar { position:sticky;z-index:12;bottom:0;border-top:1px solid #dce3eb;padding:13px 16px 14px;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(27,34,45,.06);backdrop-filter:blur(10px); }
.generate-meta { display:flex; gap:7px; align-items:center; margin-bottom:10px; }
.generate-meta button { border:1px solid #d7e0ea; border-radius:99px; background:#fff; padding:7px 11px; font-size:11px; }
.batch-count-control { height:32px;display:flex;align-items:center;gap:3px;padding:0 5px 0 11px;border:1px solid #d7e0ea;border-radius:99px;background:#fff;color:#202838;font-size:11px;cursor:pointer; }
.batch-count-control select { width:39px;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;outline:none;cursor:pointer; }
.generate-meta > span { margin-left:auto; border:1px solid #e2e7ed; border-radius:99px; padding:6px 10px; background:#f8fafc; color:#76859a; font-weight:750; font-size:10px; }
.generate-meta .credit-balance i { color:var(--rose); font-style:normal; }
.studio-generate { width:100%; height:54px; border:0; border-radius:12px; background:var(--rose); color:#fff; font-size:17px; font-weight:850; cursor:pointer; box-shadow:0 8px 18px rgba(240,79,111,.23); }
.studio-generate:hover { background:var(--rose-dark); }
.premium-note { margin-top:12px; padding:13px; border-radius:12px; border:1px solid #f3c6d1; background:#fff0f4; text-align:center; }
.premium-note strong { display:block; color:var(--rose); }
.premium-note span { display:block; color:#758096; font-size:11px; line-height:1.35; }
.studio-canvas { min-width:0; min-height:0; position:relative; display:grid; grid-template-rows:70px auto minmax(0,1fr); background:#f0f3f7; border-right:1px solid #dce3eb; }
.canvas-toolbar { display:flex; justify-content:center; align-items:center; }
.canvas-toolbar button { background:#fff; border:1px solid #d7e0ea; border-radius:12px; padding:10px 17px; font-weight:800; box-shadow:0 4px 10px rgba(31,45,61,.04); }
#generation-queue:empty { display:none; }
.generation-queue-panel { margin:0 14px 12px; overflow:hidden; border:1px solid #dbe2eb; border-radius:14px; background:rgba(255,255,255,.95); box-shadow:0 9px 26px rgba(42,53,70,.08); }
.generation-queue-panel > header { min-width:0; min-height:43px; display:flex; align-items:center; justify-content:space-between; gap:14px; overflow:hidden; padding:8px 12px; border-bottom:1px solid #e7ebf0; }
.generation-queue-panel > header > div { display:flex; align-items:center; gap:8px; min-width:0; }
.generation-queue-panel > header > div:first-child { flex:1 1 auto; overflow:hidden; }
.generation-queue-panel > header > div:last-child { flex:0 1 auto; overflow:hidden; }
.generation-queue-panel > header strong { font-size:12px; }
.generation-queue-panel > header small,.generation-queue-panel > header span { color:#8190a4; font-size:9px; white-space:nowrap; }
.generation-queue-panel > header small,.generation-queue-panel > header [data-queue-batch-eta] { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.generation-queue-panel > header button { border:0; background:transparent; color:var(--rose-dark); font-size:9px; font-weight:800; cursor:pointer; }
.generation-queue-panel > header .queue-access-badge { padding:4px 7px; border:1px solid #efc0cb; border-radius:6px; background:#fff3f6; color:var(--rose-dark); font-size:8px; font-weight:850; }
.queue-live-dot { width:7px; height:7px; flex:none; border-radius:50%; background:#2bbb72; box-shadow:0 0 0 4px rgba(43,187,114,.12); }
.generation-queue-list { display:flex; gap:8px; padding:9px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; }
.queue-card { position:relative; flex:0 0 244px; min-width:0; display:grid; grid-template-columns:49px minmax(0,1fr) 23px; align-items:center; gap:9px; padding:8px; border:1px solid #e1e6ed; border-radius:11px; background:#fff; transition:.18s ease; }
.queue-card[role="button"] { cursor:pointer; }
.queue-card[role="button"]:hover { border-color:#efaabd; background:#fff8fa; transform:translateY(-1px); }
.queue-rendering { border-color:#eea8ba; box-shadow:0 0 0 2px rgba(240,79,111,.08); }
.queue-failed { border-color:#e9b4b4; background:#fff8f8; }
.queue-cancelled { opacity:.62; }
.queue-thumb { width:49px; height:57px; position:relative; overflow:hidden; border-radius:8px; background:#f2e9ec; }
.queue-thumb img { width:100%; height:100%; object-fit:cover; }
.queue-thumb > span { min-width:18px; height:18px; position:absolute; right:3px; bottom:3px; display:grid; place-items:center; padding:0 4px; border-radius:99px; background:rgba(25,22,32,.82); color:#fff; font-size:9px; font-weight:900; }
.queue-rendering .queue-thumb > span { background:var(--rose); animation:sparkPulse 1.2s ease-in-out infinite; }
.queue-done .queue-thumb > span { background:#2bbb72; }
.queue-card-copy { min-width:0; }
.queue-card-copy > div { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.queue-card-copy strong,.queue-card-copy small { white-space:nowrap; }
/* Flex children default to min-width:auto, so the model/ratio line refused to shrink and
   ran past the card edge. The status keeps its width; the meta truncates into the gap. */
.queue-card-copy strong { flex:none; color:#344154; font-size:10px; }
.queue-card-copy small { min-width:0; overflow:hidden; text-overflow:ellipsis; color:#94a0b0; font-size:8px; }
.queue-card-copy p { margin:5px 0 7px; overflow:hidden; color:#66758a; font-size:9px; line-height:1.35; white-space:nowrap; text-overflow:ellipsis; }
.queue-card-progress { height:4px; overflow:hidden; border-radius:99px; background:#e7ebf0; }
.queue-card-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--rose),#a855f7); transition:width .45s ease; }
.queue-done .queue-card-progress i { background:#2bbb72; }
.queue-remove { align-self:start; width:23px; height:23px; display:grid; place-items:center; border:0; border-radius:7px; background:#f3f5f8; color:#7f8c9e; cursor:pointer; }
.queue-remove:hover { background:#fff0f3; color:var(--rose-dark); }
.studio-canvas-body { position:relative; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:22px 22px 56px; }
.studio-canvas-body .empty-state { color:#8090a5; }
.studio-canvas-body .empty-icon { color:#a7b4c5; box-shadow:none; border:2px solid #a7b4c5; background:#fff; }
.studio-canvas-body .generated-image { max-height:100%; max-width:100%; }
.result-actionbar { position:absolute;z-index:6;left:50%;bottom:18px;width:max-content;max-width:calc(100% - 20px);transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px;overflow:visible;border:1px solid rgba(217,225,234,.95);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(32,40,53,.16);backdrop-filter:blur(16px); }
.result-actionbar button { position:relative;flex:none;width:46px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:11px;background:transparent;color:#3e4a5c;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; }
.result-actionbar button svg { width:21px;height:21px;stroke-width:1.8; }
.result-actionbar .result-post-action { width:auto;min-width:94px;padding:0 17px;display:flex;gap:7px;border-color:#f3c3cf;background:#fff5f7;color:var(--rose-dark);font-size:14px;font-weight:900; }
.result-actionbar .result-post-action.posted,.result-actionbar .result-post-action.posted:disabled { border-color:#bde4d2;background:#edf9f4;color:#24825a;opacity:1;cursor:default; }
.result-actionbar button:hover,.result-actionbar button:focus-visible { border-color:#efb0bf;background:#fff4f7;color:var(--rose-dark);box-shadow:none;outline:none;transform:translateY(-2px); }
.result-actionbar button.active { border-color:#ef9bae;background:#ffedf2;color:var(--rose-dark); }
.result-actionbar button:after { content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);padding:6px 9px;border-radius:7px;background:#202532;color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:.14s ease; }
.result-actionbar button:hover:after,.result-actionbar button:focus-visible:after { opacity:1;transform:translate(-50%,0); }
.result-action-more { position:relative;flex:none; }
.result-action-menu[hidden] { display:none; }
.result-action-menu { position:absolute;z-index:40;right:0;bottom:calc(100% + 12px);width:250px;display:grid;gap:3px;padding:7px;border:1px solid #d8e0e9;border-radius:13px;background:#fff;box-shadow:0 16px 36px rgba(25,32,44,.18); }
.result-actionbar .result-action-menu button { width:100%;height:auto;min-height:50px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:9px;text-align:left; }
.result-actionbar .result-action-menu button svg { width:19px;height:19px;justify-self:center; }
.result-actionbar .result-action-menu button span,.result-actionbar .result-action-menu button strong,.result-actionbar .result-action-menu button small { min-width:0;display:block; }
.result-actionbar .result-action-menu button strong { color:#30394a;font-size:12px;line-height:1.25; }
.result-actionbar .result-action-menu button small { margin-top:2px;color:#7a879b;font-size:9px;line-height:1.3; }
.result-actionbar .result-action-menu button:hover,.result-actionbar .result-action-menu button:focus-visible { transform:none; }
.result-actionbar .result-action-menu button.active strong { color:var(--rose-dark); }
.result-actionbar .result-action-menu button:after { display:none; }
.enhance-menu { bottom:58px;top:auto;left:0;right:auto; }
@media (max-width:720px) {
  .result-actionbar { bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:420px;justify-content:center;gap:3px;padding:6px; }
  .result-actionbar > button,.result-actionbar > .result-action-more > button { width:40px;height:42px; }
  .result-actionbar .result-post-action { min-width:82px;padding:0 11px;gap:5px;font-size:13px; }
  .result-actionbar button:hover { transform:none; }
  .result-action-menu { right:-2px;bottom:calc(100% + 9px);width:min(250px,calc(100vw - 30px));max-height:min(310px,calc(100vh - 120px));overflow-y:auto; }
}
@media (max-width:340px) {
  .result-actionbar .result-post-action { width:42px;min-width:42px;padding:0;justify-content:center; }
  .result-actionbar .result-post-action span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
}
.studio-media { position:relative; display:grid; grid-template-rows:auto auto minmax(0,1fr); overflow:hidden; }
.media-heading { min-width:0; min-height:50px; overflow:hidden; padding:0 11px; border-bottom:1px solid #dce3eb; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#2e3746; }
.media-heading-toggle { min-width:0; min-height:40px; display:flex; align-items:center; padding:0 5px; border:0; background:none; color:inherit; cursor:pointer; text-align:left; }
.media-heading-toggle strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.media-toolbar, .media-view { display:flex; align-items:center; gap:5px; }
.media-view button, .media-search-button { width:34px; height:32px; display:grid; place-items:center; border:1px solid #d7e0ea; border-radius:8px; background:#fff; color:#77869b; cursor:pointer; }
.media-search-button { border-color:transparent; background:transparent; }
.media-search-button svg { width:15px; height:15px; }
.media-view button:hover, .media-search-button:hover { color:var(--rose-dark); border-color:#efb5c3; background:#fff7f9; }
.media-view button.active, .media-search-button.active { color:var(--rose); border-color:var(--rose); background:#fff5f7; }
.studio-folder-panel { position:absolute;z-index:20;top:50px;left:8px;right:8px;width:auto;max-width:calc(100% - 16px);max-height:min(320px,calc(100vh - 72px));display:grid;gap:5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:9px;border:1px solid #dce3eb;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 16px 32px rgba(35,45,60,.14); }
.studio-folder-list { min-width:0;display:grid;gap:5px; }
.studio-folder-row { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px; }
.studio-folder-list button { width:100%;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;border:0;border-radius:7px;background:#fff;padding:8px;text-align:left;color:#718097;cursor:pointer; }
.studio-folder-list button:hover { background:#f5f7fa;color:#344154; }
.studio-folder-list button.active { background:#fff0f4;color:var(--rose); }
.studio-folder-list button span { min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.studio-folder-list button b { margin-left:auto;color:var(--rose); }
.studio-folder-list img { flex:none;width:27px;height:27px;border-radius:5px;object-fit:cover; }
.studio-folder-row .studio-folder-delete { width:32px;height:32px;justify-content:center;padding:0;color:#9a6672; }
.studio-folder-row .studio-folder-delete svg { width:15px;height:15px; }
.studio-folder-list > [data-new-folder] { justify-content:center;border:1px dashed #d7e0ea;color:var(--rose-dark);font-weight:800; }
.media-content { min-width:0; max-width:100%; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:12px; }
.studio-media-search { min-width:0; height:42px; margin:0 0 10px; display:grid; grid-template-columns:20px minmax(0,1fr) 28px; align-items:center; gap:5px; border:1px solid #d7e0ea; border-radius:9px; background:#fff; padding:0 6px 0 10px; color:#78879b; }
.studio-media-search:focus-within { border-color:var(--rose); box-shadow:0 0 0 3px rgba(240,79,111,.09); }
.studio-media-search svg { width:14px; height:14px; }
.studio-media-search input { width:100%; min-width:0; height:38px; border:0; outline:0; background:transparent; color:#263142; font:inherit; font-size:12px; }
.studio-media-search button { width:28px; height:28px; border:0; border-radius:6px; background:transparent; color:#8b98aa; cursor:pointer; }
.studio-media-search button:hover { background:#f2f4f7; color:#263142; }
.history-note { background:#fff0f5; border:1px solid #f3c5d2; padding:12px; color:#718097; border-radius:12px; font-size:12px; line-height:1.35; }
.history-note strong { color:var(--rose); }
.media-thumbs { width:100%; min-width:0; max-width:100%; display:grid; gap:7px; margin-top:12px; }
.media-thumbs.media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.media-thumbs.media-large { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.media-thumbs.media-list { grid-template-columns:minmax(0,1fr); gap:7px; }
.media-item { min-width:0; padding:0; border:0; border-radius:8px; background:#fff; text-align:left; cursor:pointer; overflow:hidden; }
.media-item:hover { background:#fff4f7; box-shadow:none; }
.media-item img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:7px; }
.media-item-copy { min-width:0; display:none; padding:7px 2px 2px; }
.media-item-copy strong, .media-item-copy small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.media-item-copy strong { color:#263142; font-size:11px; }
.media-item-copy small { margin-top:2px; color:#8090a5; font-size:9px; }
.media-large .media-item-copy { display:block; }
.media-list .media-item { display:grid; grid-template-columns:66px minmax(0,1fr); align-items:center; gap:10px; padding:6px; border:1px solid #e3e8ee; }
.media-list .media-item img { width:66px; height:66px; }
.media-list .media-item-copy { display:block; padding:0; }
.media-no-results { margin:24px 6px; color:#8190a4; font-size:12px; text-align:center; }
.media-end { display:block; text-align:center; color:#8190a4; font-size:12px; margin:42px 0; }
.filter-bar { display:flex; align-items:center; gap:9px; padding:22px 0; overflow:auto; }
.filter-bar .chip { padding:9px 14px; }
.help-main { max-width:1240px;margin:0 auto; }
.help-hero { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:52px;align-items:center;overflow:hidden;margin-top:0;padding:58px clamp(30px,5vw,72px);border:1px solid #eee2e6;border-radius:26px;background:linear-gradient(135deg,#fff8fa 0%,#fff 54%,#faf6ff 100%); }
.help-hero:before { content:"";position:absolute;right:220px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:rgba(240,79,111,.09);filter:blur(18px);pointer-events:none; }
.help-hero-copy,.help-support-card { position:relative;z-index:1; }
.help-label { display:inline-flex;align-items:center;gap:7px;color:var(--rose-dark);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.help-label:before { content:"";width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px rgba(240,79,111,.11); }
.help-hero h1 { max-width:760px;margin:13px 0 12px;font-size:clamp(45px,6vw,76px);line-height:.96;letter-spacing:-.058em; }
.help-hero-copy > p { max-width:650px;margin:0;color:#665e6c;font-size:17px;line-height:1.6; }
.help-search { max-width:720px;height:62px;margin-top:25px;display:grid;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:0 13px 0 18px;border:1px solid #ded7de;border-radius:15px;background:#fff;box-shadow:0 14px 36px rgba(50,34,43,.09);transition:border-color .18s ease,box-shadow .18s ease; }
.help-search:focus-within { border-color:var(--rose);box-shadow:0 0 0 4px rgba(240,79,111,.09),0 14px 36px rgba(50,34,43,.09); }
.help-search svg { width:21px;color:var(--rose-dark); }
.help-search input { min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:15px; }
.help-search input::placeholder { color:#98909b; }
.help-search button { width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#f5f1f3;color:#776e79;font-size:21px;line-height:1;cursor:pointer; }
.help-search button[hidden] { display:none; }
.help-search-meta { max-width:720px;display:flex;justify-content:space-between;gap:20px;margin-top:9px;padding:0 4px;color:#8a818d;font-size:10px;font-weight:700; }
.help-support-card { display:grid;justify-items:start;padding:24px;border:1px solid #eadde2;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(69,37,50,.07); }
.help-support-icon { width:45px;height:45px;display:grid;place-items:center;margin-bottom:19px;border-radius:13px;background:#fff0f4;color:var(--rose-dark); }
.help-support-icon svg { width:22px; }
.help-support-card > small { color:#8b8089;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase; }
.help-support-card > strong { margin-top:3px;font-size:22px;letter-spacing:-.03em; }
.help-support-card p { margin:7px 0 17px;color:var(--muted);font-size:12px;line-height:1.55; }
.help-support-card .btn { width:100%;margin:0; }
.help-support-card > a:last-child { justify-self:center;margin-top:12px;color:var(--rose-dark);font-size:11px;font-weight:800; }
.help-popular,.help-browse { padding-top:52px; }
.help-section-heading,.help-results-heading { display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px; }
.help-section-heading span,.help-results-heading > div > span { display:block;margin-bottom:4px;color:var(--rose-dark);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }
.help-section-heading h2,.help-results-heading h2 { margin:0;font-size:28px;line-height:1.12;letter-spacing:-.035em; }
.help-section-heading > a { color:var(--rose-dark);font-size:12px;font-weight:850; }
.help-section-heading > p { margin:0;color:var(--muted);font-size:12px; }
.help-popular-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px; }
.help-popular-card { min-width:0;min-height:108px;display:grid;grid-template-columns:39px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:17px;border:1px solid #e6e0e5;border-radius:15px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.help-popular-card:hover { transform:translateY(-2px);border-color:#edb7c3;box-shadow:0 10px 28px rgba(57,31,43,.07); }
.help-popular-card > span { width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#fff0f4;color:var(--rose-dark); }
.help-popular-card svg { width:19px; }
.help-popular-card strong,.help-popular-card small { display:block; }
.help-popular-card strong { font-size:13px;line-height:1.3; }
.help-popular-card small { margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4; }
.help-popular-card > b { color:var(--rose-dark);font-size:16px; }
.help-topic-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.help-topic-card { display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;min-height:168px;padding:23px;border:1px solid #e6e0e5;border-radius:17px;background:#fff;transition:border-color .18s ease,background .18s ease; }
.help-topic-card:hover { border-color:#edb7c3;background:#fffafb; }
.help-topic-card > span { width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#f6f2f4;color:#5b4b56; }
.help-topic-card:hover > span { background:#fff0f4;color:var(--rose-dark); }
.help-topic-card svg { width:21px; }
.help-topic-card h3 { margin:1px 0 5px;font-size:17px;letter-spacing:-.025em; }
.help-topic-card p { min-height:42px;margin:0;color:var(--muted);font-size:11px;line-height:1.55; }
.help-topic-card small { display:block;margin-top:15px;color:#827682;font-size:10px;font-weight:800; }
.help-topic-card small b { margin-left:5px;color:var(--rose-dark);font-size:13px; }
.help-results-heading { margin-top:64px;padding-bottom:16px;border-bottom:1px solid var(--line); }
.help-results-heading > span { color:var(--muted);font-size:11px;font-weight:800; }
.help-answer-groups { display:grid;gap:15px;padding-bottom:64px; }
.help-topic-section { scroll-margin-top:98px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;padding:27px 0 33px;border-bottom:1px solid var(--line); }
.help-topic-section.hidden,.help-answer.hidden { display:none; }
.help-topic-section > header { display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;gap:12px; }
.help-topic-section > header > span { width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff0f4;color:var(--rose-dark); }
.help-topic-section > header svg { width:20px; }
.help-topic-section > header h2 { margin:1px 0 5px;font-size:20px;letter-spacing:-.03em; }
.help-topic-section > header p { margin:0;color:var(--muted);font-size:11px;line-height:1.55; }
.help-topic-section > header small { grid-column:2;margin-top:8px;color:#91868f;font-size:10px;font-weight:800; }
.help-answer-list { min-width:0;border-top:1px solid #e7e0e5; }
.help-answer { scroll-margin-top:98px;border-bottom:1px solid #e7e0e5; }
.help-answer summary { min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 3px;list-style:none;cursor:pointer;font-size:14px;font-weight:800;line-height:1.4; }
.help-answer summary::-webkit-details-marker { display:none; }
.help-answer summary b { width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:8px;background:#f7f3f5;color:#867984;font-size:18px;font-weight:500;transition:transform .18s ease,background .18s ease,color .18s ease; }
.help-answer[open] summary { color:var(--rose-dark); }
.help-answer[open] summary b { transform:rotate(45deg);background:#fff0f4;color:var(--rose-dark); }
.help-answer-body { padding:0 42px 20px 3px; }
.help-answer-body p { max-width:800px;margin:0;color:#655c68;font-size:13px;line-height:1.72; }
.help-answer-body a { color:var(--rose-dark);font-weight:800;text-decoration:underline;text-decoration-color:#efb7c4;text-underline-offset:3px; }
.help-empty { padding:80px 20px;text-align:center; }
.help-empty.hidden { display:none; }
.help-empty > span { width:54px;height:54px;display:grid;place-items:center;margin:0 auto 16px;border-radius:16px;background:#f5f1f3;color:#8b7e89; }
.help-empty svg { width:24px; }
.help-empty h2 { margin:0;font-size:25px;letter-spacing:-.035em; }
.help-empty p { margin:8px auto 19px;color:var(--muted);font-size:13px; }
.help-contact-strip { display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 22px;padding:27px 30px;border:1px solid #eadce2;border-radius:20px;background:linear-gradient(115deg,#fff3f6,#fff); }
.help-contact-strip > div { display:flex;align-items:center;gap:16px; }
.help-contact-strip > div:first-child > span { width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:13px;background:var(--rose);color:#fff; }
.help-contact-strip svg { width:21px; }
.help-contact-strip h2 { margin:0 0 3px;font-size:21px;letter-spacing:-.03em; }
.help-contact-strip p { max-width:580px;margin:0;color:var(--muted);font-size:11px;line-height:1.55; }
.help-contact-strip .btn { min-height:40px;padding:0 14px;font-size:11px;white-space:nowrap; }
.tag-cloud { display:flex; flex-wrap:wrap; gap:9px; }
.tag-cloud .chip { font-size:14px; padding:9px 14px; }
.tag-cloud small { opacity:.6; margin-left:6px; }