:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3eee6;--ink:#1c1916;--muted:#6f675d;--panel:#fffcf7eb;--line:#1c19161f;--accent:#c45c26;--shadow:0 10px 30px #281c1014;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(1200px 700px at 10% -10%, #fff8ee 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #e7f0ea 0%, transparent 45%), var(--bg);width:100%;max-width:100%;height:100%;color:var(--ink);margin:0;overflow:hidden}.shell{grid-template-rows:auto 1fr auto;width:100%;min-width:0;max-width:100%;height:100dvh;display:grid;overflow:hidden}.topbar{min-width:0;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.brand{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:1.35rem;font-weight:700;overflow:hidden}.topbar__tools{flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.source-switch,.zoom-controls{gap:6px;display:flex}.source-switch{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;min-width:0;overflow-x:auto}.source-switch::-webkit-scrollbar{display:none}.zoom-controls{flex:none}.btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);min-width:40px;height:36px;font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:10px;flex:none;padding:0 12px;font-weight:600}.btn:active{transform:translateY(1px)}.source-switch__btn.is-active{border-color:var(--ink);background:#fff;box-shadow:0 0 0 2px #1c19161f}.stage{min-width:0;min-height:0;margin:0 max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff8c,#fff3),#efe8de;border-radius:18px;position:relative;overflow:hidden}.stage__canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.loader{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f3eee6b8;place-items:center;display:grid;position:absolute;inset:0}.loader[hidden]{display:none}.loader__card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-items:center;gap:12px;padding:22px 26px;display:grid}.loader__spinner{border:3px solid #1c19161f;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loader__text{color:var(--muted);margin:0;font-size:.95rem}.loader--error .loader__spinner{display:none}.loader--error .loader__text{color:#b42318;text-align:center;max-width:280px}.dock{min-width:0;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.palette{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;background:var(--panel);border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);scrollbar-width:thin;border-radius:18px;flex-wrap:nowrap;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.palette__swatch{appearance:none;background:var(--swatch);cursor:pointer;border:2px solid #1c19162e;border-radius:50%;flex:none;width:40px;height:40px;transition:transform .15s,box-shadow .15s}.palette__swatch--light{box-shadow:inset 0 0 0 1px #1c19161f}.palette__swatch.is-active{border-color:var(--ink);transform:scale(1.12);box-shadow:0 0 0 3px #1c19162e}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=899px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand zoom""sources sources";align-items:center;gap:8px;display:grid}.brand{grid-area:brand;font-size:1.15rem}.topbar__tools{display:contents}.source-switch{grid-area:sources;max-width:100%}.zoom-controls{grid-area:zoom}.btn{min-width:36px;height:34px;padding:0 10px}.palette{gap:8px;padding:8px 10px}.palette__swatch{width:36px;height:36px}}@media (width>=900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr 92px}.topbar{flex-wrap:nowrap;grid-column:1/-1;padding:12px 16px;display:flex}.topbar__tools{display:flex}.stage{margin:0 0 12px 12px}.dock{align-items:stretch;padding:0 12px 12px 0;display:flex}.palette{overscroll-behavior-y:contain;touch-action:pan-y;flex-direction:column;align-items:center;height:100%;padding:14px 10px;overflow:hidden auto}}