:root{color:#f7f1fb;font-synthesis:none;text-rendering:optimizelegibility;--panel:#18141d;--panel2:#211b27;--panel3:#2b2332;--line:#ffffff17;--muted:#aa9eb2;--ink:#f8f2fb;--warm:#ffbf69;--violet:#8d6cff;background:#0f0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.studio{background:radial-gradient(circle at 50% -10%,#2f2238 0,#151119 38%,#0e0c11 80%);grid-template-rows:64px 1fr 38px;width:100%;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#120f16f0;grid-template-columns:minmax(220px,1fr) minmax(260px,420px) minmax(310px,1fr);align-items:center;gap:18px;padding:8px 14px;display:grid}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#17121a;background:linear-gradient(145deg,var(--warm),#ff8c6c 54%,var(--violet));border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:900;display:grid;box-shadow:0 8px 30px #7f5af040}.brand-block h1{letter-spacing:-.03em;margin:0;font-size:20px}.brand-block p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:-2px 0 0;font-size:11px}.project-strip{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.project-strip input{width:100%;min-width:0;color:var(--ink);text-align:center;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-weight:650}.project-strip input:hover,.project-strip input:focus{border-color:var(--line);background:var(--panel)}.save-state{color:#98d8b2;white-space:nowrap;font-size:11px}.top-actions{justify-content:flex-end;gap:7px;display:flex}.soft-button,.primary-button,.toggle-button,.layer-actions button,.shape-picker button,.statusbar button,.zoom-dock button{border:1px solid var(--line);cursor:pointer;background:var(--panel2);border-radius:10px;padding:8px 12px}button:hover{background:var(--panel3)}.primary-button{color:#171019;background:linear-gradient(135deg,var(--warm),#ff9a71);border-color:#0000;font-weight:800}.primary-button:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--warm),#ff9a71)}.workspace{grid-template-columns:84px minmax(0,1fr) 306px;min-height:0;display:grid}.lefty-mode .workspace{grid-template-columns:306px minmax(0,1fr) 84px}.lefty-mode .tool-rail{border-left:1px solid var(--line);border-right:0;grid-area:1/3}.lefty-mode .center-stage{grid-area:1/2}.lefty-mode .inspector{border-right:1px solid var(--line);border-left:0;grid-area:1/1}.tool-rail{border-right:1px solid var(--line);background:#141018f5;flex-direction:column;justify-content:space-between;gap:10px;min-height:0;padding:10px 8px;display:flex;overflow-y:auto}.tool-list{gap:6px;display:grid}.tool-button,.handed-button{cursor:pointer;width:100%;min-height:51px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:1px;padding:4px;display:grid}.tool-button span,.handed-button span{font-size:20px;line-height:1}.tool-button small,.handed-button small{font-size:9px}.tool-button:hover,.tool-button.active,.handed-button.active{color:var(--ink);background:linear-gradient(135deg,#ffbf6921,#7f5af029);border-color:#ffbf6947}.tool-button.active{box-shadow:inset 3px 0 0 var(--warm)}.lefty-mode .tool-button.active{box-shadow:inset -3px 0 0 var(--warm)}.center-stage{background:#100d13;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.control-deck{border-bottom:1px solid var(--line);background:#1b1620f5;align-items:center;gap:13px;min-height:68px;padding:8px 12px;display:flex;overflow-x:auto}.control-deck label{color:var(--muted);white-space:nowrap;grid-template-columns:auto auto;gap:2px 8px;font-size:10px;display:grid}.control-deck label input[type=range]{width:106px;accent-color:var(--warm);grid-column:1/-1}.control-deck output{color:var(--ink);justify-self:end}.color-control{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;padding:7px 10px;gap:8px!important;display:flex!important}.color-control input{background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0}.color-control span{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.select-control select,.layer-properties select{color:var(--ink);border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:6px}.toggle-button{color:var(--muted);white-space:nowrap;padding:8px 10px}.toggle-button[aria-pressed=true],.toggle-button.active{color:var(--ink);background:#7f5af033;border-color:#8d6cff80}.viewport{touch-action:none;background-color:#25202a;background-image:radial-gradient(#3b3342 1px,#0000 1px);background-size:20px 20px;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport.dragging{cursor:grabbing}.artboard{transform-origin:0 0;isolation:isolate;will-change:transform;background:#fff;position:absolute;top:0;left:0;box-shadow:0 25px 70px #0000007a,0 0 0 1px #ffffff29}.paper-background,.paint-layer,.drawing-overlay{width:100%;height:100%;position:absolute;inset:0}.paper-background{z-index:0;background-color:#fff;background-image:linear-gradient(45deg,#f0edf2 25%,#0000 25%),linear-gradient(-45deg,#f0edf2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0edf2 75%),linear-gradient(-45deg,#0000 75%,#f0edf2 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px}.paint-layer{z-index:1;pointer-events:none}.drawing-overlay{z-index:999;touch-action:none;cursor:crosshair}.drawing-overlay.is-panning{cursor:grab}.zoom-dock{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141018e0;border-radius:13px;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000047}.zoom-dock button{padding:6px 9px}.zoom-dock span{text-align:center;min-width:49px;color:var(--muted);font-size:11px}.inspector{border-left:1px solid var(--line);background:#151119fa;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.inspector-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 7px;font-size:11px}.inspector-tabs button.active{color:var(--ink);border-color:var(--warm)}.inspector-panel{min-height:0;padding:13px;display:none;overflow-y:auto}.inspector-panel.active{display:block}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{color:var(--muted);margin:2px 0 0;font-size:10px}.icon-button{border:1px solid var(--line);cursor:pointer;background:var(--panel2);border-radius:10px;width:34px;height:34px}.layer-actions{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px;display:grid}.layer-actions button{padding:7px 3px;font-size:9px}.layer-list{gap:6px;display:grid}.layer-row{cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:11px;grid-template-columns:28px 56px 1fr;align-items:center;gap:7px;padding:6px;display:grid}.layer-row.active{background:#ffbf6912;border-color:#ffbf6954}.visibility-button{color:var(--muted);cursor:pointer;background:0 0;border:0}.layer-thumb{background:#fff;border-radius:7px;width:56px;height:44px;padding:1px;overflow:hidden}.layer-thumb canvas{object-fit:contain;width:100%;height:100%;display:block}.layer-copy{gap:3px;min-width:0;display:grid}.layer-name{width:100%;min-width:0;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px;font-size:11px}.layer-name:focus{border-color:var(--line);background:var(--panel)}.layer-role-badge{border:1px solid var(--line);color:var(--muted);background:var(--panel2);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-self:start;padding:2px 5px;font-size:7px}.layer-role-badge[data-role=motion-ignore]{color:#ffd99b;background:#ffbf6914;border-color:#ffbf6959}.layer-role-badge[data-role=type]{color:#c9b8ff;background:#8d6cff14;border-color:#8d6cff59}.layer-role-badge[data-role=guide]{color:#9de3bb;background:#43b37814;border-color:#43b3784d}.layer-properties{border-top:1px solid var(--line);gap:13px;margin-top:14px;padding-top:13px;display:grid}.layer-properties label,.light-control{color:var(--muted);gap:6px;font-size:10px;display:grid}.layer-properties input[type=range],.light-control input{width:100%;accent-color:var(--violet)}.layer-properties output{float:right;color:var(--ink)}.gpu-badge{color:#9de3bb;background:#43b37814;border:1px solid #74e7aa3d;border-radius:99px;padding:5px 7px;font-size:9px}.reference-canvas-wrap{aspect-ratio:1/1.08;border:1px solid var(--line);background:#17131c;border-radius:14px;width:100%;overflow:hidden}.reference-canvas-wrap canvas{width:100%;height:100%;display:block}.shape-picker{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.shape-picker button{padding:7px 5px;font-size:9px}.shape-picker button.active{background:#ffbf691f;border-color:#ffbf6959}.light-control{margin-top:14px}.reference-tip{color:var(--muted);font-size:10px;line-height:1.5}.statusbar{border-top:1px solid var(--line);color:var(--muted);background:#100d13;justify-content:space-between;align-items:center;gap:12px;padding:4px 10px;font-size:10px;display:flex}.statusbar div{gap:5px;display:flex}.statusbar button{padding:4px 8px;font-size:9px}.studio-dialog{width:min(520px,100vw - 30px);color:var(--ink);border:1px solid var(--line);background:#1b1620;border-radius:18px;padding:0;box-shadow:0 25px 90px #000000a3}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050407b8}.studio-dialog form{gap:16px;padding:20px;display:grid}.dialog-head{justify-content:space-between;gap:20px;display:flex}.dialog-head h2{margin:0}.dialog-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.dialog-head button{cursor:pointer;background:0 0;border:0;align-self:start;font-size:24px}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-grid button{border:1px solid var(--line);color:var(--ink);background:var(--panel2);cursor:pointer;border-radius:12px;padding:18px}.preset-grid small{color:var(--muted)}.size-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-dialog label{color:var(--muted);gap:6px;font-size:11px;display:grid}.studio-dialog input:not([type=checkbox]),.studio-dialog select{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:10px}.check-row{align-items:center;display:flex!important}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-actions button{border:1px solid var(--line);color:var(--ink);background:var(--panel2);cursor:pointer;border-radius:10px;padding:9px 13px}.dialog-actions .primary-button{color:#171019;background:linear-gradient(135deg,var(--warm),#ff9a71)}.shortcut-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shortcut-grid span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}kbd{border:1px solid var(--line);min-width:30px;color:var(--ink);background:var(--panel2);text-align:center;border-bottom-width:3px;border-radius:7px;padding:4px 6px;font-size:10px}@media (max-width:1000px){.workspace,.lefty-mode .workspace{grid-template-columns:72px minmax(0,1fr)}.inspector,.lefty-mode .inspector{display:none}.lefty-mode .tool-rail{grid-column:2;display:none}.lefty-mode .center-stage{grid-column:1/-1}.lefty-mode .workspace{grid-template-columns:minmax(0,1fr)}.topbar{grid-template-columns:auto 1fr auto}.top-actions .soft-button{display:none}}@media (max-width:680px){.studio{grid-template-rows:56px 1fr 38px}.topbar{grid-template-columns:auto 1fr auto;gap:6px;padding:7px}.brand-block p,.save-state{display:none}.brand-mark{width:38px;height:38px}.brand-block h1{font-size:16px}.project-strip input{text-align:left;font-size:12px}.workspace,.lefty-mode .workspace{grid-template-rows:1fr 70px;grid-template-columns:1fr}.center-stage,.lefty-mode .center-stage{grid-area:1/1}.tool-rail,.lefty-mode .tool-rail{border:0;border-top:1px solid var(--line);flex-direction:row;grid-area:2/1;padding:6px;display:flex;overflow-x:auto}.tool-list{gap:5px;display:flex}.tool-button{min-width:52px;min-height:54px}.handed-button{display:none}.control-deck{min-height:60px}.control-deck label:nth-of-type(n+4),.control-deck .toggle-button,.statusbar>div button:nth-child(n+3){display:none}.top-actions button{padding:7px 9px;font-size:11px}}.xr-entry-link{color:#f9f6ff;white-space:nowrap;background:linear-gradient(135deg,#4a2c7a,#285477);border:1px solid #89b2ff73;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.xr-entry-link:hover{background:linear-gradient(135deg,#654097,#356e95);border-color:#b6bcff}.xr-entry-link:focus-visible{outline:2px solid var(--warm);outline-offset:2px}@media (max-width:1200px){.xr-entry-detail{display:none}}@media (max-width:680px){.xr-entry-link{padding:7px 9px;font-size:11px}}.silicon-louvre-receiver{color:#f7e9d7;background:#1d1720;border:1px solid #ba9867;max-width:min(1050px,96vw);max-height:94vh;padding:0;font-family:Arial,sans-serif;overflow:auto;box-shadow:0 30px 120px #000d}.silicon-louvre-receiver::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060409da}.sl-receiver__head{color:#e5bd83;letter-spacing:.15em;border-bottom:1px solid #83664e;justify-content:space-between;align-items:center;gap:12px;padding:14px 23px;font-size:11px;font-weight:700;display:flex}.sl-receiver__head button{color:#ead6b6;cursor:pointer;background:0 0;border:1px solid #735846;width:38px;height:38px;font-size:29px}.sl-receiver__body{grid-template-columns:minmax(250px,1.04fr) minmax(310px,.96fr);align-items:start;gap:27px;padding:clamp(18px,3vw,40px);display:grid}.sl-receiver__preview{background:#11101b;border:1px solid #90704e;padding:12px}.sl-receiver__preview img{aspect-ratio:1;width:100%;height:auto;display:block}.sl-receiver__preview span{text-align:center;letter-spacing:.14em;color:#cbb394;padding-top:15px;font-size:9px;display:block}.sl-receiver__details{flex-direction:column;gap:16px;display:flex}.sl-receiver__eyebrow{letter-spacing:.14em;color:#dcba86;font-size:10px}.sl-receiver__details h2{margin:0;font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.1}.sl-receiver__details h2 em{color:#e0b77c}.sl-receiver__details p{color:#c2b2b9;margin:0;font-size:13px;line-height:1.75}.sl-receiver__details .sl-receiver__name{color:#e6d5c3;font-size:15px;font-weight:700}.sl-receiver__warning{background:#34282c;border:1px solid #987456;padding:15px}.sl-receiver__warning strong{color:#f0ca90}.sl-receiver__details button:not(.sl-receiver__skip){color:#f8dab0;letter-spacing:.09em;cursor:pointer;background:#3c2c33;border:1px solid #ad8556;padding:14px;font-size:11px}.sl-receiver__details button:hover:not(:disabled){background:#654349}.sl-receiver__details button:disabled{cursor:not-allowed;opacity:.45}.sl-receiver__details .sl-receiver__import{font-weight:700;color:#241721!important;background:#d9b27c!important}.sl-receiver__confirm{color:#e2c9a9;align-items:start;gap:11px;font-size:12px;line-height:1.7;display:flex}.sl-receiver__confirm input{accent-color:#d7b279;min-width:17px;min-height:17px;margin-top:4px}.sl-receiver__skip{color:#cfbcaf;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #675257;align-self:flex-start;padding:10px}.sl-receiver__details .sl-receiver__status{color:#dfc191;min-height:22px;font-size:11px}@media (max-width:740px){.sl-receiver__body{grid-template-columns:1fr}.sl-receiver__preview{max-width:540px;margin:auto}}@media (prefers-reduced-motion:reduce){.silicon-louvre-receiver *{transition:none!important;animation:none!important}}