:root{--bg:#090b0d;--panel:#101316;--panel-2:#15191d;--line:#252a2f;--line-soft:#1d2226;--text:#f3f5f5;--muted:#858d93;--dim:#596168;--accent:#9cf4de;--accent-strong:#60e1c1;--accent-ink:#08281f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.eye-logo{place-items:center;width:100%;height:100%;display:inline-grid;overflow:hidden}.eye-logo img{object-fit:contain;grid-area:1/1;width:100%;height:100%;display:block}.eye-logo .eye-static{display:none}.splash-screen{z-index:1000;opacity:1;background:#080a0c;place-items:center;transition:opacity 1s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0;overflow:hidden}.splash-screen.is-closing{opacity:0;pointer-events:none}.brand-film{object-fit:cover;background:#080a0c;width:100%;height:100%;display:block}.splash-progress{background:#202725;width:92px;height:1px;position:absolute;bottom:42px;left:50%;overflow:hidden;transform:translate(-50%)}.splash-progress i{background:var(--accent-strong);transform-origin:0;width:100%;height:100%;animation:5s linear forwards splash-progress;display:block}.logo-film-overlay{z-index:900;opacity:1;background:#080a0c;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.logo-film-overlay.is-closing{opacity:0;pointer-events:none}.film-close{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#070b0c6b;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:24px;right:24px}.film-close:hover{color:var(--accent);border-color:var(--accent)}.film-progress{background:#ffffff1a;height:2px;position:absolute;bottom:0;left:0;right:0}.film-progress i{background:var(--accent-strong);transform-origin:0;height:100%;animation:10s linear forwards film-progress;display:block}.login-screen{background:radial-gradient(circle at 50% 26%,#152522 0,#0c1111 28%,#080a0c 68%);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";opacity:.26;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.login-halo{aspect-ratio:1;border:1px solid #9cf4de12;border-radius:50%;width:620px;position:absolute;box-shadow:0 0 0 70px #9cf4de05,0 0 0 140px #9cf4de03}.login-card{z-index:1;background:linear-gradient(145deg,#161c1df5,#0c0f11fa);border:1px solid #29322f;border-radius:20px;width:min(100%,430px);padding:35px 38px 31px;position:relative;box-shadow:0 34px 100px #0000008c,inset 0 1px #ffffff06}.login-brand{color:#f1f5f4;letter-spacing:.13em;align-items:center;gap:9px;height:32px;font-size:11px;font-weight:780;display:flex}.login-brand .login-eye{width:37px;height:37px;margin-left:-6px}.login-logo-button{cursor:pointer;background:0 0;border:0;border-radius:9px;width:37px;height:37px;margin-left:-6px;padding:0}.login-logo-button:hover{background:#9cf4de0f}.login-brand small{color:#53615d;letter-spacing:.15em;margin-left:auto;font-size:8px}.login-copy{margin:39px 0 28px}.login-kicker{color:var(--accent-strong);letter-spacing:.19em;font-size:8px;font-weight:760}.login-copy h1{letter-spacing:-.045em;max-width:320px;margin:13px 0 10px;font-size:31px;line-height:1.07}.login-copy p{color:#838d89;margin:0;font-size:12px}.login-form{gap:15px;display:grid}.login-form label{color:#9da6a2;letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:9px;font-weight:680;display:grid}.login-form input{color:#edf3f1;letter-spacing:0;text-transform:none;background:#0e1213;border:1px solid #303835;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px;font-size:12px;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:#4e5754}.login-form input:focus{border-color:#59877c;box-shadow:0 0 0 3px #60e1c112}.login-form button{height:45px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:9px;grid-template-columns:18px 1fr 18px;align-items:center;gap:8px;margin-top:3px;padding:0 13px;font-size:11px;font-weight:780;transition:transform .15s,background .15s;display:grid}.login-form button:hover:not(:disabled){background:#b0fae8;transform:translateY(-1px)}.login-form button svg:last-child{justify-self:end}.login-error{color:#ff9d9d;margin:-4px 0 0;font-size:10px;line-height:1.4}.login-note{color:#59635f;text-align:center;margin:20px 4px 0;font-size:9px;line-height:1.55}.spin{animation:.8s linear infinite spin}@keyframes splash-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes film-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}.studio-shell{background:radial-gradient(circle at 55% -30%, #1a2323 0, transparent 38%), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e10eb;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 18px;display:grid}.brand{letter-spacing:.11em;align-items:center;gap:9px;font-size:12px;font-weight:780;display:flex}.brand-mark{width:29px;height:29px;color:var(--accent);background:#121a19;border:1px solid #3d4a49;border-radius:9px;place-items:center;display:grid}.logo-trigger{cursor:pointer;padding:0}.logo-trigger:hover{border-color:var(--accent);box-shadow:0 0 18px #60e1c11f}.brand em{color:var(--dim);letter-spacing:.16em;border-left:1px solid #343a3e;padding-left:8px;font-size:9px;font-style:normal}.document-state{color:#a8afb3;align-items:center;gap:7px;font-size:11px;display:flex}.saved-dot{width:17px;height:17px;color:var(--accent);background:#193029;border-radius:50%;place-items:center;display:grid}.quiet-button{border:1px solid var(--line);color:#aab0b4;cursor:pointer;background:#13171a;border-radius:8px;justify-self:end;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.account-actions{justify-self:end;align-items:center;gap:7px;min-width:0;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;color:#6f7976;max-width:170px;margin-right:3px;font-size:9px;overflow:hidden}.icon-button{border:1px solid var(--line);color:#78817e;cursor:pointer;background:#13171a;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.icon-button:hover,.quiet-button:hover:not(:disabled){color:var(--accent);border-color:#3d5b54}button:disabled{opacity:.38;cursor:not-allowed!important}.workspace{grid-template-columns:258px minmax(380px,1fr) 290px;height:calc(100vh - 58px);display:grid}.panel{scrollbar-width:thin;scrollbar-color:#353b40 transparent;background:#0f1215f0;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel section{border-bottom:1px solid var(--line-soft);padding:19px 17px 20px}.section-kicker{color:#6f787e;letter-spacing:.16em;justify-content:space-between;margin-bottom:13px;font-size:9px;font-weight:750;display:flex}.section-kicker span{letter-spacing:.08em;color:#465057;font-weight:500}.import-card{text-align:left;cursor:pointer;background:#15191c;border:1px solid #2d3438;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;transition:all .2s;display:grid}.import-card:hover{background:#181d20;border-color:#53625f}.import-card>svg{color:#5f686e}.import-card strong,.import-card small{display:block}.import-card strong{margin-bottom:3px;font-size:12px}.import-card small{color:var(--muted);font-size:10px}.import-icon{width:34px;height:34px;color:var(--accent);background:#20272a;border-radius:8px;place-items:center;display:grid}.mode-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mode{color:#8e969b;cursor:pointer;background:#13171a;border:1px solid #292f33;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;display:flex}.mode:last-child{grid-column:1/-1}.mode.active{color:#e6fffa;background:linear-gradient(#1b302b,#172520);border-color:#55857a;box-shadow:inset 0 0 0 1px #9cf4de0a}.helper{color:#666f75;margin:10px 2px 12px;font-size:10px;line-height:1.45}.analyse-button{background:var(--accent);width:100%;height:39px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:760;display:flex;box-shadow:0 8px 24px #60e1c11a}.ai-button{color:#b9eee1;cursor:pointer;background:linear-gradient(135deg,#16231f,#15191c);border:1px solid #385149;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:7px;display:flex}.ai-button strong,.ai-button small{text-align:left;display:block}.ai-button strong{font-size:10px}.ai-button small{color:#638f84;margin-top:2px;font-size:8px;font-weight:500}.disabled-section{opacity:.55}.tool-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:17px;display:grid}.tool{color:#747e84;cursor:pointer;background:#121619;border:1px solid #2a3034;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 7px;font-size:9px;display:flex}.tool.active{color:var(--accent);background:#1a2824;border-color:#4f7d72}.mini-slider{margin:13px 1px;display:block}.mini-slider>span{color:#8b9398;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.mini-slider output{color:#cdd2d4;font-variant-numeric:tabular-nums}input[type=range]{--value:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-strong) var(--value), #30363a var(--value));border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#eafffa;border:3px solid #5edebe;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 0 0 2px #17201f}input[type=range]:disabled{cursor:not-allowed;opacity:.45}.text-button{color:#717b80;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:9px;display:flex}.stage-wrap{background:#0b0d0f;grid-template-rows:47px minmax(0,1fr) 34px;min-width:0;display:grid}.stage-toolbar{border-bottom:1px solid #1d2225;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.segmented{background:#14181b;border:1px solid #22282c;border-radius:7px;padding:3px;display:flex}.segmented button{color:#667076;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 13px;font-size:9px}.segmented button.active{color:#dfe4e5;background:#2a3034}.alpha-toggle{color:#7e878c;cursor:pointer;background:#14181b;border:1px solid #282e32;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;display:flex}.alpha-toggle.active{color:var(--accent);background:#182521;border-color:#50786e}.stage{background:#73787c;place-items:center;min-height:0;padding:30px;transition:background .15s;display:grid;position:relative;overflow:hidden}.checkerboard{background-color:#5c6266;background-image:linear-gradient(45deg,#747a7e 25%,#0000 25%),linear-gradient(-45deg,#747a7e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#747a7e 75%),linear-gradient(-45deg,#0000 75%,#747a7e 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #0003}.preview-canvas{z-index:1;touch-action:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 24px 60px #00000047}.preview-canvas.paintable{cursor:crosshair}.empty-state{text-align:center;z-index:1;max-width:480px;padding:48px}.empty-orbit{color:#e7fffa;background:#0b101033;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 20px;display:grid;box-shadow:0 0 0 13px #ffffff0a,0 0 0 26px #ffffff06}.empty-state h1{letter-spacing:-.045em;color:#f7f9f9;margin:26px 0 12px;font-size:clamp(24px,3vw,42px);line-height:1.08}.empty-state p{color:#d0d5d6;text-shadow:0 1px 3px #0000004d;max-width:430px;margin:0 auto;font-size:13px;line-height:1.55}.empty-actions{justify-content:center;gap:9px;margin-top:24px;display:flex}.empty-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-size:10px;font-weight:700;display:flex}.empty-actions .primary{color:#102720;background:var(--accent);border:0}.empty-actions .secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f121447;border:1px solid #ffffff4d}.drop-active{outline:2px solid var(--accent);outline-offset:-6px}.drop-overlay{z-index:5;border:1px dashed var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);background:#0a1815d6;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:13px}.statusbar{color:#656d73;white-space:nowrap;border-top:1px solid #1d2225;align-items:center;gap:7px;padding:0 14px;font-size:9px;display:flex;overflow:hidden}.status-dot{background:var(--accent-strong);width:5px;height:5px;box-shadow:0 0 8px var(--accent-strong);border-radius:50%}.dimensions{color:#454c51;margin-left:auto}.zone-list{gap:14px;display:grid}.selection-prompt{color:#c2cbc8;margin:18px 0 8px;font-size:11px;display:block}.workflow-choices{gap:8px;margin-bottom:18px;display:grid}.workflow-choice{color:#a2b4ac;text-align:left;cursor:pointer;background:#141b19;border:1px solid #37403d;border-radius:10px;align-items:center;gap:10px;width:100%;padding:13px 10px;display:flex}.workflow-choice.active{border-color:var(--accent);color:var(--accent);background:#203a31}.workflow-choice strong,.workflow-choice small{display:block}.workflow-choice strong{color:#e3ede8;font-size:12px}.workflow-choice small{color:#9aaca3;margin-top:5px;font-size:10px}.edge-controls{border-bottom:1px solid #2c3430;margin-bottom:18px;padding-bottom:12px}.edge-controls>strong{color:#c9d8d1;margin-bottom:16px;font-size:11px;display:block}.selection-input{resize:vertical;color:#e2eee9;width:100%;min-height:110px;font:inherit;background:#101719;border:1px solid #485650;border-radius:8px;padding:10px;font-size:12px;line-height:1.5}.selection-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-input::placeholder{color:#899891}.ai-loading-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a09ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ai-loading-card{text-align:center;color:#edf9f6;background:#101b19;border:1px solid #3a6258;border-radius:22px;width:min(440px,100%);padding:36px 30px 28px;box-shadow:0 24px 100px #0008}.ai-loading-symbol{width:70px;height:70px;color:var(--accent);background:#1a302a;border:1px solid #315b4f;border-radius:50%;place-items:center;margin-bottom:20px;display:inline-grid}.ai-loading-card h2{letter-spacing:-.6px;margin:0 0 12px;font-size:23px;font-weight:650}.ai-loading-card p{color:#afc1bb;max-width:290px;margin:0 auto 28px;font-size:14px;line-height:1.6}.ai-loading-track{background:#263a33;border-radius:10px;height:6px;overflow:hidden}.ai-loading-track span{border-radius:inherit;background:linear-gradient(90deg,#4baf92,#b0f5df);width:38%;height:100%;animation:1.4s ease-in-out infinite alternate ai-progress-loop;display:block}@keyframes ai-progress-loop{0%{transform:translate(0)}to{transform:translate(163%)}}.ai-loading-meta{color:#b4d0c5;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;display:flex}.ai-loading-card small{color:#97aba3;margin-top:24px;font-size:12px;line-height:1.5;display:block}.protection-toggle{text-align:left;color:#75807c;cursor:pointer;background:#121719;border:1px solid #2b3431;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;width:100%;margin:0 0 18px;padding:10px;display:grid}.protection-toggle.active{color:var(--accent);background:#15231f;border-color:#3e6c61}.protection-toggle span,.protection-toggle strong,.protection-toggle small{min-width:0;display:block}.protection-toggle strong{color:#c2cbc8;font-size:9px}.protection-toggle small{color:#68736f;margin-top:2px;font-size:8px}.protection-toggle em{color:#6d7773;letter-spacing:.08em;background:#242b29;border-radius:4px;padding:3px 5px;font-size:7px;font-style:normal;font-weight:800}.protection-toggle.active em{color:#0b2820;background:var(--accent)}.zone-control{display:block}.zone-control.global{border-top:1px solid #282e32;padding-top:15px}.zone-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.zone-label strong,.zone-label small{display:block}.zone-label strong{color:#bbc1c4;margin-bottom:2px;font-size:10px;font-weight:630}.zone-label small{color:#555e64;font-size:8px}.zone-label output{color:#cbd0d2;text-align:center;font-variant-numeric:tabular-nums;background:#15191c;border:1px solid #292f33;border-radius:5px;min-width:36px;padding:4px 5px;font-size:9px}.swatches{gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #262c30;border-radius:8px;width:31px;height:31px;position:relative}.swatch.active:after{content:"";border:1px solid var(--accent);border-radius:11px;position:absolute;inset:-5px}.swatch.checker{background-color:#aeb2b3;background-image:linear-gradient(45deg,#707578 25%,#0000 25%),linear-gradient(-45deg,#707578 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#707578 75%),linear-gradient(-45deg,#0000 75%,#707578 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.swatch.custom{display:block;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.export-section{margin-top:auto}.select-label{color:#737c82;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:9px;display:flex}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap select{appearance:none;color:#bcc2c5;background:#14181b;border:1px solid #2a3034;border-radius:7px;width:118px;padding:7px 26px 7px 9px;font-size:9px}.select-wrap svg{pointer-events:none;color:#677076;position:absolute;right:8px}.export-button{color:#0b1b17;text-align:left;cursor:pointer;background:#edf9f6;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.export-button strong,.export-button small{display:block}.export-button strong{font-size:10px}.export-button small{color:#53635f;margin-top:2px;font-size:8px}.security-note{color:#4d746a;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:8px;display:flex}@media (max-width:1000px){body{overflow:auto}.workspace{grid-template-columns:220px minmax(420px,1fr);height:auto;min-height:calc(100vh - 58px)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:2fr 1fr 1fr;display:grid}.right-panel section{border-right:1px solid var(--line)}.stage-wrap{min-height:720px}}@media (max-width:720px){.topbar{grid-template-columns:1fr auto}.document-state{display:none}.workspace{flex-direction:column;display:flex}.left-panel{border-right:0;order:2;grid-template-columns:1fr 1fr;display:grid}.left-panel section:last-child{grid-column:1/-1}.stage-wrap{order:1;min-height:610px}.right-panel{order:3;display:block}.account-email{display:none}.login-screen{padding:18px}.login-card{padding:28px 24px 25px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.ai-loading-track span{opacity:.7;width:100%;animation:none}.eye-logo .eye-animated{display:none}.eye-logo .eye-static{display:block}}