@layer reset, base, components;@layer base{:root{--bg:#0b0f14;--panel:#0f1520cc;--panel-2:#0f1520aa;--card:#0e141b;--elev:hsla(0,0%,100%,.06);--text:#e6eef9;--muted:#a6b3c3;--line:#1b2430;--accent-1:#7c3aed;--accent-2:#06b6d4;--accent-3:#10b981;--warn:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 70% -10%,#1a1030 0,transparent 60%),radial-gradient(900px 600px at -10% 20%,#062635 0,transparent 55%),var(--bg);overflow:hidden}.topbar{height:64px;justify-content:space-between;padding:0 16px 0 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(15,21,32,.9),rgba(15,21,32,.6));-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.logo svg{display:none}.logo img{width:100%;height:100%;object-fit:contain}.title{display:flex;flex-direction:column;line-height:1}.title strong{font-weight:700;letter-spacing:.3px}.subtitle{font-size:12px;color:var(--muted)}.top-actions{gap:10px}.search,.top-actions{display:flex;align-items:center}.search{gap:8px;border:1px solid var(--line);background:var(--panel);padding:8px 10px;border-radius:12px;min-width:260px}.search input{background:transparent;border:0;outline:none;color:var(--text);width:100%;font-size:14px}.pill{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:500}.pill.ghost{background:transparent}.account-menu{position:relative;display:flex;align-items:center}.avatar-btn{border:0;background:transparent;padding:0;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--line)}.avatar img{width:100%;height:100%;display:block}.account-menu-popover{position:absolute;right:0;top:44px;width:220px;background:rgba(12,18,28,.98);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:10px;z-index:40}.account-menu-head{padding:8px 10px 6px;border-bottom:1px solid var(--line);margin-bottom:8px}.account-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.account-email{font-size:13px;color:var(--text);margin-top:2px;word-break:break-all}.account-credits{font-size:12px;color:var(--muted);margin-top:4px}.account-item{width:100%;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.account-item.primary{background:#fff;color:#0b0f14;border-color:#fff}.account-item:hover{border-color:#2c3948}.account-item:disabled{opacity:.7;cursor:not-allowed}.settings-shell{min-height:100vh;padding:32px;color:var(--text);background:var(--bg)}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.settings-head-left{display:flex;align-items:flex-start;gap:14px}.back-btn{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}.settings-head h1{margin:0;font-size:28px}.settings-head p{margin:6px 0 0;color:var(--muted)}.cycle-switch{display:flex;gap:10px}.cycle-switch button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}.cycle-switch button.on{background:#fff;color:#0b0f14;border-color:#fff}.cycle-switch .chip{margin-left:6px;background:#16a34a;color:#0b0f14;padding:2px 8px;border-radius:999px;font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.plan-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px;box-shadow:0 16px 40px rgba(0,0,0,.2)}.plan-card.highlight{border-color:#7c3aed}.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.plan-name{font-weight:700;font-size:18px}.plan-price{font-size:26px;font-weight:800;margin-top:6px}.plan-cycle{font-size:13px;color:var(--muted);margin-left:4px}.plan-badge{background:#7c3aed;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px}.plan-features{list-style:none;padding:0;margin:14px 0 18px}.plan-features li{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--muted)}.plan-features li:before{content:"•";color:#10b981}.plan-cta{width:100%;padding:12px;border-radius:12px;border:1px solid #fff;background:#fff;color:#0b0f14;font-weight:700;cursor:pointer}.plan-cta:disabled{opacity:.7;cursor:not-allowed}.settings-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.panel-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.panel-title{font-weight:700;font-size:16px}.panel-sub{color:var(--muted);font-size:13px}.panel-cta{width:100%;padding:12px;border-radius:12px;border:1px solid #fff;background:#fff;color:#0b0f14;font-weight:700;cursor:pointer}.panel-cta.ghost{background:transparent;color:var(--text);border-color:var(--line)}.panel-cta:disabled{opacity:.7;cursor:not-allowed}.warn-pill{background:#f59e0b;color:#0b0f14;padding:4px 10px;border-radius:10px;font-size:12px}.settings-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0f1520;border:1px solid var(--line);padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.plan-status-bar{border:1px dashed var(--line);padding:12px 14px;border-radius:12px;background:var(--panel);margin-bottom:16px}.app{height:calc(100% - 64px);display:grid;grid-template-columns:280px 1fr;grid-gap:14px;gap:14px;padding:14px}.sidebar{overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.panel{padding:12px;border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent);border:1px solid var(--line);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);margin-bottom:12px}.panel h3{margin:0 0 10px;font-size:13px;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.advanced-head{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.subtle{color:var(--muted);font-size:12px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.seg{height:36px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text)}.seg.active{border-color:#3c2a6e;background:linear-gradient(180deg,rgba(124,58,237,.25),rgba(124,58,237,.08));box-shadow:inset 0 6px 20px rgba(124,58,237,.25)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted)}.chip.active{color:var(--text);border-color:#264c58;background:linear-gradient(180deg,rgba(6,182,212,.2),rgba(6,182,212,.06))}.styles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.style-tile{position:relative;height:72px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(120deg,#0c131a,#0e141b)}.style-tile span{position:absolute;left:10px;bottom:10px;color:var(--text);font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.4)}.style-tile.active{outline:1px solid #35567a;box-shadow:inset 0 0 0 1px #35567a}.style-tile:first-child{background-image:radial-gradient(500px 200px at 80% 10%,rgba(124,58,237,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(16,185,129,.25),transparent)}.style-tile:nth-child(2){background-image:radial-gradient(500px 200px at 80% 10%,rgba(249,115,22,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(236,72,153,.25),transparent)}.style-tile:nth-child(3){background-image:radial-gradient(500px 200px at 80% 10%,rgba(6,182,212,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(59,130,246,.25),transparent)}.style-tile:nth-child(4){background-image:radial-gradient(500px 200px at 80% 10%,rgba(59,130,246,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(59,130,246,.2),transparent)}.style-tile:nth-child(5){background-image:radial-gradient(500px 200px at 80% 10%,rgba(236,72,153,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(236,72,153,.2),transparent)}.style-tile:nth-child(6){background-image:radial-gradient(500px 200px at 80% 10%,rgba(16,185,129,.35),transparent),radial-gradient(300px 160px at 10% 90%,rgba(16,185,129,.2),transparent)}.slider{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:8px}.slider span{color:var(--muted);font-size:13px}.slider input[type=range]{grid-column:1/-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(180deg,rgba(6,182,212,.22),rgba(6,182,212,.07));outline:none;border:1px solid #274e5a;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(180deg,rgba(6,182,212,.22),rgba(6,182,212,.07));border:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.slider input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(180deg,rgba(6,182,212,.22),rgba(6,182,212,.07));border:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#0f1a22,#0b1218);border:1px solid #274e5a;box-shadow:inset 0 0 0 2px rgba(56,189,248,.28),inset 0 2px 6px hsla(0,0%,100%,.06),0 1px 2px rgba(0,0,0,.5);margin-top:-6px;-webkit-transition:box-shadow .15s ease,background .15s ease;transition:box-shadow .15s ease,background .15s ease}.slider input[type=range]:hover::-webkit-slider-thumb{box-shadow:inset 0 0 0 2px rgba(56,189,248,.38),inset 0 2px 8px hsla(0,0%,100%,.08),0 0 0 4px rgba(56,189,248,.12),0 2px 6px rgba(0,0,0,.6)}.slider input[type=range]:active::-webkit-slider-thumb{box-shadow:inset 0 0 0 2px rgba(56,189,248,.5),inset 0 2px 10px hsla(0,0%,100%,.1),0 0 0 5px rgba(56,189,248,.18),0 2px 8px rgba(0,0,0,.7)}.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#0f1a22,#0b1218);border:1px solid #274e5a;box-shadow:inset 0 0 0 2px rgba(56,189,248,.28),inset 0 2px 6px hsla(0,0%,100%,.06),0 1px 2px rgba(0,0,0,.5)}.slider input[type=range]:hover::-moz-range-thumb{box-shadow:inset 0 0 0 2px rgba(56,189,248,.38),inset 0 2px 8px hsla(0,0%,100%,.08),0 0 0 4px rgba(56,189,248,.12),0 2px 6px rgba(0,0,0,.6)}.slider input[type=range]:active::-moz-range-thumb{box-shadow:inset 0 0 0 2px rgba(56,189,248,.5),inset 0 2px 10px hsla(0,0%,100%,.1),0 0 0 5px rgba(56,189,248,.18),0 2px 8px rgba(0,0,0,.7)}.slider output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.row{display:flex;gap:8px}.input{display:grid;grid-gap:6px;gap:6px;flex:1 1}.input span{color:var(--muted);font-size:13px}.input input,.input select{height:36px;border-radius:10px;border:1px solid var(--line);padding:0 10px}.input input,.input select,.input textarea{background:var(--card);color:var(--text);width:100%;max-width:100%}.input textarea{border-radius:12px;border:1px solid var(--line);padding:12px}.with-btn{position:relative}.with-btn .icon-btn{position:absolute;right:6px;bottom:4px}.icon-btn{height:28px;width:28px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);display:grid;place-items:center}.icon-btn svg{width:16px;height:16px}.icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.toggles{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:8px;border:1px solid #274e5a;background:linear-gradient(180deg,rgba(6,182,212,.22),rgba(6,182,212,.07));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);display:grid;place-items:center;cursor:pointer;transition:box-shadow .15s ease,filter .15s ease,background .15s ease,border-color .15s ease}.toggle input[type=checkbox]:hover{filter:brightness(1.12)}.toggle input[type=checkbox]:focus-visible{outline:2px solid #35567a;outline-offset:2px}.toggle input[type=checkbox]:after{content:"";width:6px;height:10px;transform:rotate(45deg) scale(0);border-right:2px solid #fff;border-bottom:2px solid #fff;transition:transform .15s ease}.toggle input[type=checkbox]:checked{background:linear-gradient(180deg,rgba(6,182,212,.32),rgba(6,182,212,.12));box-shadow:inset 0 0 0 3px rgba(56,189,248,.18),inset 0 1px 0 hsla(0,0%,100%,.06);border-color:#2e8998}.toggle input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.studio{display:flex;flex-direction:column;gap:12px;overflow:hidden}.composer{display:block}.prompt{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px;display:grid;grid-gap:10px;gap:10px}.prompt textarea{resize:vertical;min-height:94px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:12px;font-size:14px;line-height:1.5}.prompt-combo{display:grid;grid-template-columns:120px 1px minmax(0,1fr);align-items:stretch;grid-column-gap:16px;column-gap:16px}.prompt-combo:not([data-has-upload]){grid-template-columns:1fr}.upload{display:grid;grid-template-rows:auto 1fr}.upload-head{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin:2px 0 8px}.info-btn{width:18px;height:18px;border-radius:50%;border:1px dashed var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;font-weight:700}.dropzone{position:relative;width:100%;height:100%;min-height:96px;border-radius:12px;border:2px dashed hsla(0,0%,100%,.25);background:var(--card);display:grid;place-items:center;color:var(--muted);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer}.dropzone:hover{filter:brightness(1.15)}.dropzone[data-active]{border-color:#38bdf8;background:linear-gradient(180deg,rgba(56,189,248,.08),rgba(56,189,248,.02)),var(--card);box-shadow:inset 0 0 0 2px rgba(56,189,248,.25)}.dropzone .preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px;pointer-events:none}.attach-grid{display:grid;grid-template-columns:repeat(2,48px);grid-gap:8px;gap:8px;margin-top:8px}.tile{position:relative;width:48px;height:48px;border-radius:8px;background-size:cover;background-position:50%;border:1px solid var(--line)}.remove-tile{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;border:1px solid #3a1f1f;background:rgba(239,68,68,.95);color:#fff;font-weight:700;line-height:16px;text-align:center;opacity:0;transform:scale(.9);transition:opacity .15s ease,transform .15s ease}.tile:hover .remove-tile{opacity:1;transform:scale(1)}.dropzone .badge{position:absolute;top:6px;right:6px;left:auto;font-size:11px;padding:2px 6px;background:rgba(0,0,0,.6)}.v-divider{width:1px;background:var(--line);border-radius:1px}.field{flex:1 1;display:grid;grid-gap:8px;gap:8px}.field-head{color:var(--muted);font-size:12px;margin:2px 0}.prompt-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.cta-group{display:flex;align-items:center;gap:10px}.credits-estimate{min-width:92px;text-align:right;font-size:12px;color:var(--muted)}.suggestions-panel{display:flex;flex-direction:column;gap:12px;flex:1 1;min-width:260px}.suggestion-list{display:flex;flex-wrap:nowrap;gap:6px;min-height:32px;align-items:center;overflow-x:auto;overflow-y:hidden}.suggestion-pill{padding:5px 10px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.18);color:#e0f2fe;font-size:13px;white-space:nowrap;transition:background .15s ease,transform .15s ease}.suggestion-pill:hover:not([disabled]){background:rgba(56,189,248,.28);transform:translateY(-1px)}.suggestion-pill[disabled]{opacity:.6;cursor:not-allowed;transform:none}.suggestion-pill.refresh{border-color:rgba(148,163,184,.35);background:rgba(15,21,32,.6);color:var(--text)}.suggestion-pill.refresh:hover:not([disabled]){background:rgba(15,21,32,.8)}.suggestions-loading{font-size:13px;color:var(--muted);display:flex;align-items:center}.suggestions-empty{font-size:13px;color:var(--muted);white-space:nowrap}.suggestions-error-btn{padding:5px 10px;border-radius:999px;border:1px solid hsla(0,91%,71%,.45);background:hsla(0,91%,71%,.18);color:#fecaca;font-size:13px;transition:background .15s ease,transform .15s ease}.suggestions-error-btn:hover{background:hsla(0,91%,71%,.28);transform:translateY(-1px)}.cta{display:flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:12px;border:1px solid #2e8998;background:linear-gradient(180deg,rgba(6,182,212,.22),rgba(6,182,212,.08));color:var(--text);font-weight:700;letter-spacing:.2px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);transition:transform .15s ease,filter .15s ease,background .15s ease}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.cta:disabled{filter:saturate(60%) opacity(.6);cursor:not-allowed}.icon-img{display:block;width:18px;height:18px;filter:brightness(0) invert(1)}.suggestion-pill .icon-img{width:16px;height:16px}.output{flex:1 1;min-height:0;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px;overflow:auto}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;grid-auto-rows:2px;overflow:auto;padding-bottom:40px;border-radius:12px}.gallery[data-drop-active]{outline:3px dashed var(--accent-1);outline-offset:8px;border-radius:calc(3px)}.gallery::-webkit-scrollbar{display:none}.gallery{-ms-overflow-style:none;scrollbar-width:none}.gallery-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:48px 16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:14px;background:rgba(14,20,27,.35)}.card{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.img-skeleton{position:relative;width:100%;background:linear-gradient(120deg,#10161e,#0d131a)}.img-skeleton:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05) 2px,transparent 0,transparent 6px);mix-blend:overlay;opacity:.6}.img-skeleton.loaded{background:transparent}.img-skeleton.loaded:after{opacity:0;content:none}.img{position:absolute;inset:0;background-size:contain;background-position:50%;background-repeat:no-repeat;filter:saturate(110%)}.img-el{display:block;width:100%;height:auto}.img-skeleton.pending{min-height:200px}.spinner{position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid hsla(0,0%,100%,.15);border-top-color:#38bdf8;animation:spin .8s linear infinite;box-shadow:0 0 0 3px rgba(56,189,248,.08)}@keyframes spin{to{transform:rotate(1turn)}}.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(45deg,rgba(239,68,68,.08) 0 10px,transparent 10px 20px)}.err-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.15)}.err-text{color:#ffb4b4;font-size:13px}.err-actions{display:flex;gap:8px}.badge{left:10px;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.4);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge,.delete-btn{position:absolute;top:10px}.delete-btn{right:10px;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:rgba(0,0,0,.45);color:var(--danger);display:grid;place-items:center;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.card:hover .delete-btn{opacity:1;transform:translateY(0)}.delete-btn img{width:20px;height:20px}.lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:24px}.lightbox .close{position:absolute;top:16px;right:16px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.4);background:rgba(8,13,20,.65);color:#f8fafc;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.lightbox-nav svg{width:22px;height:22px}.lightbox-nav:hover{background:rgba(8,13,20,.85);transform:translateY(-50%) scale(1.05)}.lightbox-nav:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.lightbox-nav.prev{left:32px}.lightbox-nav.next{right:32px}.lightbox-content{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:min(92vw,940px);max-height:92vh}.lightbox-media{width:100%;display:flex;justify-content:center;align-items:center;max-height:68vh}.lightbox-media img{max-width:100%;max-height:68vh;width:auto;height:auto;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.6)}.lightbox-image-wrapper{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.lightbox-meta{width:100%;background:rgba(9,14,20,.82);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 18px 40px rgba(0,0,0,.45);border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:16px;max-height:32vh;overflow:auto}.lightbox-meta::-webkit-scrollbar{width:6px}.lightbox-meta::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}.lightbox-prompt{margin:0;font-size:15px;line-height:1.6;color:var(--text);white-space:pre-wrap;text-align:left;max-height:calc(1.6em*5);overflow:auto}.lightbox-inline-prompt-wrap{display:block}.lightbox-inline-prompt{width:100%;min-height:56px;resize:vertical;padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:rgba(8,13,20,.9);color:var(--text);font-size:14px;line-height:1.5}.lightbox-inline-prompt::placeholder{color:rgba(148,163,184,.7)}.lightbox-inline-prompt:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-color:#38bdf8}.lightbox-prompt::-webkit-scrollbar{width:6px}.lightbox-prompt::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}.lightbox-meta-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.lightbox-meta-actions-left{display:flex;gap:10px}.lightbox-meta-actions-center{display:flex;gap:8px;align-items:center}.lightbox-meta-actions-right{display:flex;gap:10px}.lightbox-meta-actions .pill{height:34px;display:flex;align-items:center;gap:8px}.lightbox-meta-actions .pill.ghost{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.35)}.lightbox-meta-actions .pill:not(.ghost){background:linear-gradient(180deg,rgba(56,189,248,.25),rgba(56,189,248,.12));border-color:rgba(56,189,248,.45);color:#ecfeff}.lightbox-meta-actions-right .icon-btn{background:rgba(8,13,20,.7);border-color:rgba(148,163,184,.35)}.lightbox-meta-actions-right .icon-btn:hover{background:rgba(8,13,20,.85)}.lightbox-meta-actions-right .icon-btn.active{background:rgba(56,189,248,.28);border-color:rgba(56,189,248,.6);color:#ecfeff}.lightbox-stage{display:flex;align-items:center;justify-content:center}.lightbox-image-wrapper,.lightbox-stage{position:relative;max-width:100%;max-height:68vh}.lightbox-image-wrapper{display:inline-block}.lightbox-base-image{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;z-index:1}.lightbox-base-image,.lightbox-variant-preview{border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.6)}.lightbox-variant-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;z-index:2}.lightbox-variant-preview[data-mode=replace]{position:relative;inset:auto;display:block;width:auto;height:auto;max-width:100%;max-height:68vh}.lasso-overlay{z-index:4;cursor:crosshair;touch-action:none;pointer-events:auto}.lasso-overlay polyline{stroke:#38bdf8;stroke-width:3;fill:none;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.crop-overlay{position:absolute;inset:0;pointer-events:auto;z-index:3}.crop-box{position:absolute;border:1.6px dashed rgba(226,232,240,.9);border-radius:6px;box-shadow:0 0 0 9999px rgba(0,0,0,.25);background:rgba(15,23,42,.08);cursor:move;touch-action:none}.crop-handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#f8fafc;border:2px solid rgba(15,23,42,.6);transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 2px 4px rgba(15,23,42,.4)}.crop-handle[data-pos=n]{left:50%;top:0;cursor:ns-resize}.crop-handle[data-pos=s]{left:50%;top:100%;cursor:ns-resize}.crop-handle[data-pos=e]{left:100%;top:50%;cursor:ew-resize}.crop-handle[data-pos=w]{left:0;top:50%;cursor:ew-resize}.crop-handle[data-pos=ne]{left:100%;top:0;cursor:nesw-resize}.crop-handle[data-pos=nw]{left:0;top:0;cursor:nwse-resize}.crop-handle[data-pos=se]{left:100%;top:100%;cursor:nwse-resize}.crop-handle[data-pos=sw]{left:0;top:100%;cursor:nesw-resize}.lightbox-overlay-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,13,20,.45);border-radius:12px;z-index:8;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lightbox-overlay-message.processing{background:rgba(8,13,20,.6);z-index:9}.lightbox-tool-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:rgba(11,17,25,.6);border:1px solid rgba(148,163,184,.25)}.lightbox-tool-panel textarea{width:100%;min-height:72px;resize:vertical;padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:rgba(8,13,20,.9);color:var(--text);font-size:14px;line-height:1.5}.lightbox-tool-panel textarea::placeholder{color:rgba(148,163,184,.7)}.lightbox-tool-panel textarea:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-color:#38bdf8}.tool-label{font-size:13px;font-weight:500;color:rgba(226,232,240,.8)}.tool-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tool-actions-left{display:flex;gap:10px;flex-wrap:wrap}.tool-actions-right{display:flex;gap:8px;align-items:center}.tool-actions-right .icon-btn{width:36px;height:36px}.variant-counter{font-size:13px;color:rgba(226,232,240,.7);min-width:48px;text-align:center}.actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:5}.card:hover .actions{opacity:1;transform:translateY(0)}.actions .icon-btn{height:34px;width:34px;background:rgba(0,0,0,.45);border-color:#2d3644}.actions .icon-btn.danger{color:#ef4444;border-color:#3a1f1f;background:rgba(239,68,68,.12)}.actions .icon-btn.danger:hover{background:rgba(239,68,68,.2)}@media (max-width:1200px){.app{grid-template-columns:260px 1fr}}@media (max-width:840px){.app{grid-template-columns:1fr}.sidebar{display:none}}button,input,textarea{transition:all .15s ease}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #35567a;outline-offset:2px}.chip:hover,.icon-btn:hover,.pill:hover,.seg:hover,.tab:hover{filter:brightness(1.15)}.cta:hover{transform:translateY(-1px)}.select{display:grid;grid-gap:6px;gap:6px}.vis-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropdown{position:relative}.dropdown-button{height:36px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text)}.dropdown[data-open] .dropdown-button{outline:1px solid #35567a}.dropdown .chev{transition:transform .15s ease}.dropdown[data-open] .chev{transform:rotate(180deg)}.dropdown-menu{position:absolute;z-index:40;top:44px;left:0;right:0;background:rgba(15,21,32,.96);border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;grid-gap:6px;gap:6px;box-shadow:0 16px 40px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.04)}.dropdown-menu .option{display:flex;align-items:flex-start;gap:10px;min-height:40px;border-radius:10px;padding:8px;color:var(--text);background:transparent;border:1px solid transparent;text-align:left}.dropdown-menu .option:hover{background:hsla(0,0%,100%,.04);border-color:var(--line)}.dropdown-menu .option.active{background:linear-gradient(180deg,rgba(6,182,212,.2),rgba(6,182,212,.06));border-color:#274e5a}.dropdown-menu .option .dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,var(--accent-1),var(--accent-2));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);margin-top:3px}.dropdown-menu .option .dot.orange{background:radial-gradient(circle,var(--warn),#f97316)}.dropdown-menu .option .col{display:flex;flex-direction:column;gap:2px;line-height:1.2}.dropdown-menu .option .title{font-weight:600}.dropdown-menu .option .desc{font-size:12px;color:var(--muted)}}