:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:oklch(24.5% .018 75);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper:oklch(98.2% .008 85/.92);--ink:oklch(24.5% .018 75);--muted:oklch(55% .015 75);--accent:oklch(58.2% .233 279.05);--accent-hover:oklch(53.5% .233 279.05);--on-accent:oklch(98.5% .006 280);--shadow-border:0 0 0 1px oklch(0% 0 0/.07), 0 1px 2px -1px oklch(0% 0 0/.08), 0 8px 24px -10px oklch(0% 0 0/.18);--app-bg:oklch(94.9% .013 85);--bar-bg:oklch(98.2% .008 85/.9);--border:oklch(74% .018 75/.32);--divider:oklch(60% .015 75/.25);--hover:oklch(91% .012 80/.8);--subtle:oklch(93% .012 80);--property-bg:oklch(94% .011 82/.75);--on-solid:oklch(98% .01 70);--avatar-bg:oklch(83% .08 72);--vignette:inset 0 1px 0 oklch(100% 0 0/.5), inset 0 0 100px oklch(50% .03 70/.025);background:oklch(94.9% .013 85);font-family:Inter,SF Pro Text,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:oklch(93% .008 80);--paper:oklch(16% .008 75/.94);--ink:oklch(93% .008 80);--muted:oklch(68% .012 75);--accent:oklch(70% .19 279.05);--accent-hover:oklch(75% .17 279.05);--shadow-border:0 0 0 1px oklch(100% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.7), 0 12px 30px -12px oklch(0% 0 0/.9);--app-bg:oklch(0% 0 0);--bar-bg:oklch(10.5% .006 75/.94);--border:oklch(100% 0 0/.11);--divider:oklch(100% 0 0/.14);--hover:oklch(25% .01 75/.9);--subtle:oklch(22% .009 75);--property-bg:oklch(20.5% .008 75/.82);--on-solid:oklch(12% .008 75);--avatar-bg:oklch(50% .08 72);--vignette:inset 0 1px 0 oklch(100% 0 0/.06), inset 0 0 120px oklch(0% 0 0/.35);background:oklch(0% 0 0)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,.topbar,.toolrail,.zoom-controls,.status-pill,.inspector,.page-switcher{-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}button:disabled:active{scale:1}.app-shell{background:var(--app-bg);grid-template-rows:58px 1fr;width:100%;height:100%;display:grid}.topbar{z-index:20;background:var(--bar-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid}.brand{letter-spacing:-.015em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand-mark{width:28px;height:28px;color:var(--on-solid);background:var(--ink);border-radius:9px;place-items:center;font-family:Georgia,serif;font-size:15px;display:grid}.document-title{align-items:center;gap:9px;font-size:14px;font-weight:570;display:flex}.saved{color:var(--muted);font-size:12px;font-weight:450}.top-actions{justify-self:end;align-items:center;gap:6px;display:flex}.page-switcher{background:var(--subtle);border-radius:12px;align-items:center;gap:3px;padding:3px;display:flex}.page-switcher a{min-width:76px;height:34px;color:var(--muted);white-space:nowrap;border-radius:9px;place-items:center;padding-inline:12px;font-size:12px;font-weight:570;line-height:1;text-decoration:none;transition-property:color,background-color,box-shadow,scale;transition-duration:.14s;display:grid}.page-switcher a:active{scale:.96}.page-switcher a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-switcher a.active{color:var(--ink);background:var(--paper);box-shadow:0 1px 2px oklch(0% 0 0/.08),0 3px 10px -6px oklch(0% 0 0/.24)}.divider{background:var(--divider);width:1px;height:18px;margin:0 5px}.icon-button,.tool-button,.help-button{cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;transition-property:background-color,color,scale,box-shadow;transition-duration:.14s;display:grid}.icon-button svg,.tool-button svg,.help-button svg{stroke-width:1.8px;width:18px;height:18px}.icon-button:active,.tool-button:active,.help-button:active,.share-button:active,.avatar:active{scale:.96}.share-button{height:34px;color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:0 15px;font-size:13px;font-weight:620;transition-property:scale,background-color;transition-duration:.14s}.avatar{background:var(--avatar-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;width:34px;height:34px;margin-inline-start:4px;font-size:11px;font-weight:700;transition-property:scale;transition-duration:.14s;display:grid}.workspace{min-height:0;position:relative;overflow:hidden}.viewport{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.canvas-vignette{pointer-events:none;box-shadow:var(--vignette);position:absolute;inset:0}.asset-drop-overlay{z-index:18;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:oklch(58.2% .233 279.05/.08);border-radius:22px;place-items:center;transition-property:opacity,background-color,box-shadow;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:absolute;inset:12px;box-shadow:inset 0 0 0 2px oklch(58.2% .233 279.05/.34),0 18px 50px -30px oklch(25% .15 279/.6)}.asset-drop-overlay.active{opacity:1;box-shadow:inset 0 0 0 2px var(--accent), 0 18px 50px -24px oklch(25% .15 279/.72);background:oklch(58.2% .233 279.05/.13)}.asset-drop-card{min-width:330px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow-border), 0 18px 45px -24px oklch(0% 0 0/.45);opacity:0;border-radius:18px;justify-items:center;gap:7px;padding:24px 30px;transition-property:transform,opacity;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;transform:translateY(8px)scale(.98)}.asset-drop-overlay.active .asset-drop-card{opacity:1;transform:translateY(0)scale(1)}.asset-drop-card svg{width:26px;height:26px;color:var(--accent);stroke-width:1.7px;margin-bottom:3px}.asset-drop-card strong{font-size:14px;font-weight:650}.asset-drop-card span{color:var(--muted);font-size:11px}.asset-drop-notice{z-index:19;max-width:min(420px,100% - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow-border), 0 12px 30px -18px oklch(0% 0 0/.4);border-radius:12px;padding:10px 14px;font-size:12px;font-weight:570;position:absolute;top:18px;left:50%;transform:translate(-50%)}.drag-proxy-layer{z-index:5;pointer-events:none;will-change:transform;position:absolute;inset:0}.drag-proxy-layer img,.drag-proxy-layer canvas{transform-origin:50%;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.collaboration-presence-layer{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.remote-cursor{filter:drop-shadow(0 1px 1px oklch(0% 0 0/.25));will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.remote-cursor-pointer{clip-path:polygon(0 0,100% 68%,58% 73%,40% 100%);background:currentColor;width:14px;height:18px;display:block;transform:translate(-2px,-2px)}.remote-cursor-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:4px 8px 8px;max-width:160px;padding:3px 7px;font-size:10px;font-weight:650;line-height:1.25;position:absolute;top:12px;left:11px;overflow:hidden}.toolrail{z-index:10;inset-inline-start:18px;background:var(--paper);box-shadow:var(--shadow-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:17px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tool-button.active{color:var(--on-accent);background:var(--accent);box-shadow:0 3px 10px oklch(0% 0 0/.16)}.rail-divider{background:var(--divider);height:1px;margin:4px 7px}.inspector{z-index:9;inset-inline-end:18px;background:var(--paper);width:242px;min-height:150px;box-shadow:var(--shadow-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:18px;position:absolute;top:18px}.inspector-empty{text-align:center;align-content:center;place-items:center;min-height:114px;display:grid}.empty-icon{width:34px;height:34px;color:var(--muted);background:var(--subtle);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.empty-icon svg{width:16px}.inspector-empty p{margin:0 0 4px;font-size:13px;font-weight:620}.inspector-empty span{max-width:170px;color:var(--muted);text-wrap:pretty;font-size:12px;line-height:1.45}.inspector-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.inspector h2{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin:4px 0 0;font-size:16px;line-height:1.15;overflow:hidden}.color-chip{background:var(--chip);border-radius:50%;width:16px;height:16px;margin-top:3px;box-shadow:0 0 0 1px oklch(0% 0 0/.1)}.caption{color:var(--muted);margin:10px 0 16px;font-size:12px;line-height:1.5}.property-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.property-grid label{height:32px;color:var(--muted);background:var(--property-bg);border-radius:9px;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px;display:flex}.property-grid output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.inspector-note{color:var(--muted);border-top:1px solid oklch(60% .015 75/.18);justify-content:space-between;margin-top:14px;padding-top:13px;font-size:10px;display:flex}.inspector-note strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:570}.selection-box{z-index:7;pointer-events:none;border:1.5px solid var(--accent);transform-origin:0 0;position:absolute;box-shadow:0 0 0 1px oklch(100% 0 0/.55)}.selection-box.gpu-selection-hitbox{box-shadow:none;border-color:#0000}.selection-box[hidden],.marquee[hidden]{display:none}.marquee{z-index:6;border:1px solid var(--accent);pointer-events:none;background:oklch(58.2% .233 279.05/.1);position:absolute}.status-pill{z-index:10;inset-inline-start:18px;height:32px;color:var(--muted);background:var(--paper);box-shadow:var(--shadow-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-variant-numeric:tabular-nums;border-radius:11px;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex;position:absolute;bottom:18px}.status-dot{background:oklch(66% .15 145);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px oklch(66% .15 145/.12)}.status-dot.loading{background:oklch(72% .13 80);animation:1.2s ease-in-out infinite pulse}.status-dot.error{background:oklch(58% .2 28)}.status-separator{background:oklch(60% .015 75/.22);width:1px;height:12px}.zoom-controls{z-index:10;background:var(--paper);box-shadow:var(--shadow-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:15px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.zoom-controls .icon-button{border-radius:10px;width:34px;height:34px}.zoom-controls .icon-button svg{width:15px}.zoom-value{font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:9px;width:58px;height:34px;padding:0;font-size:11px}.help-button{z-index:10;inset-inline-end:18px;background:var(--paper);box-shadow:var(--shadow-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;bottom:18px}.help-button.active{color:var(--on-accent);background:var(--accent)}.help-panel{z-index:11;inset-inline-end:18px;visibility:hidden;opacity:0;pointer-events:none;background:var(--paper);width:min(320px,100% - 36px);box-shadow:var(--shadow-border), 0 20px 50px -24px oklch(0% 0 0/.42);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:8px;transition-property:opacity,transform,visibility;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;bottom:70px;transform:translateY(10px)scale(.98)}.help-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.help-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 10px 8px;display:flex}.help-panel-head strong,.help-panel-head span{display:block}.help-panel-head strong{font-size:14px}.help-panel-head span{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4}.help-panel-head .icon-button{flex:0 0 40px;margin:-5px -5px 0 0}.help-panel dl{gap:2px;margin:5px 0 0;display:grid}.help-panel dl div{background:var(--property-bg);border-radius:12px;grid-template-columns:92px 1fr;align-items:center;min-height:36px;padding:5px 10px;display:grid}.help-panel dt,.help-panel dd{margin:0;font-size:11px}.help-panel dt{color:var(--ink);font-weight:650}.help-panel dd{color:var(--muted)}.help-panel p{color:var(--muted);margin:8px 10px 9px;font-size:10px;line-height:1.5}.renderer-error{z-index:15;width:min(520px,100% - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow-border), 0 24px 70px -28px oklch(35% .18 28/.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;align-items:center;gap:18px;padding:16px 16px 16px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.renderer-error div{flex:1;min-width:0}.renderer-error strong,.renderer-error span{display:block}.renderer-error strong{font-size:14px}.renderer-error span{overflow-wrap:anywhere;color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}.renderer-error button{min-width:96px;height:40px;color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:0 14px 0 16px;transition-property:scale,background-color;transition-duration:.14s;display:flex}.renderer-error button:active{scale:.96}.renderer-error button svg{width:15px;height:15px}.route-loading{width:100%;height:100%;color:var(--muted);background:var(--app-bg);text-wrap:pretty;place-items:center;font-size:14px;line-height:1.5;display:grid}@keyframes pulse{50%{opacity:.4}}@media (hover:hover) and (pointer:fine){.page-switcher a:hover{color:var(--ink)}.icon-button:hover,.tool-button:hover,.help-button:hover{background:var(--hover)}.share-button:hover{background:var(--accent-hover)}.zoom-value:hover{background:var(--hover)}}@media (width<=780px){.inspector,.document-title{display:none}.topbar{grid-template-columns:1fr auto}.top-actions{grid-column:2}.page-switcher a{min-width:44px;padding-inline:9px}.page-switcher a:first-child,.status-pill{display:none}.toolrail{inset-inline-start:10px}.help-button{inset-inline-end:10px}.help-panel{inset-inline-end:10px;bottom:62px}.renderer-error{flex-direction:column;align-items:stretch}.renderer-error button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}