*{box-sizing:border-box}:root{color-scheme:light;--background: oklch(98% .006 85);--foreground: oklch(24% .012 75);--card: oklch(100% 0 none);--card-foreground: var(--foreground);--muted: oklch(95.5% .006 85);--muted-foreground: oklch(49% .012 75);--border: oklch(89% .008 85);--input: var(--border);--primary: oklch(29% .035 175);--primary-foreground: oklch(99% 0 none);--secondary: var(--muted);--secondary-foreground: var(--foreground);--accent: oklch(91% .024 170);--accent-foreground: var(--primary);--destructive: oklch(48% .14 30);--ring: oklch(53% .1 175);--radius: .625rem;--motion-micro: .15s cubic-bezier(.22, 1, .36, 1);--motion-panel: .28s cubic-bezier(.32, .72, 0, 1);--lg-bg: var(--background);--lg-text: var(--foreground);--lg-text-muted: var(--muted-foreground);--lg-panel: var(--card);--lg-panel-border: var(--border);--lg-canvas: var(--muted);--lg-selection: var(--ring);--lg-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lg-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}html,body,#canvas-root{block-size:100%;margin:0}body{background:var(--background);color:var(--foreground);font:13px/1.5 var(--lg-font-ui);overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button,select,input,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}button{cursor:pointer;padding-block:7px;padding-inline:10px;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:active:not(:disabled),a:active{background:var(--accent)}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}a{color:inherit;text-underline-offset:3px}button.primary,a.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled),.lg-layer:hover{background:var(--muted)}button.primary:hover,a.primary:hover{background:color-mix(in oklch,var(--primary),white 8%)}}.lg-shell{display:grid;grid-template-rows:60px minmax(0,1fr);grid-template-columns:204px minmax(0,1fr) clamp(320px,27vw,400px);block-size:100dvh}.lg-topbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding-inline:18px;border-block-end:1px solid var(--border);background:var(--card);min-inline-size:0}.lg-topbar .brand{font-weight:650;font-size:15px;letter-spacing:-.4px;margin-inline-end:20px;white-space:nowrap}.brand span{font-weight:400;color:var(--muted-foreground)}.lg-topbar .status{margin-inline-start:auto;color:var(--muted-foreground);white-space:nowrap;font-size:11px}.lg-topbar .sep{inline-size:1px;block-size:18px;background:var(--border)}.lg-topbar button.on,.lg-tabs button.on{background:var(--accent);border-color:var(--ring)}.lg-left{border-inline-end:1px solid var(--border);background:var(--card);overflow:auto;min-block-size:0}.lg-right{border-inline-start:1px solid var(--border);background:var(--card);min-block-size:0;min-inline-size:0;display:grid;grid-template-rows:47px minmax(0,1fr)}.lg-viewport{position:relative;overflow:hidden;background-color:var(--background);background-image:radial-gradient(var(--border) .8px,transparent .8px);background-size:20px 20px;cursor:default;touch-action:none}.lg-world{position:absolute;inset-inline-start:0;inset-block-start:0;transform-origin:0 0;will-change:transform}.lg-overlay{position:absolute;inset:0;pointer-events:none}.lg-sel,.lg-hover{position:absolute;outline:1.5px solid var(--ring)}.lg-hover{opacity:.6}.lg-sel-label{position:absolute;inset-block-start:-18px;inset-inline-start:-1px;font-size:10px;color:var(--ring);white-space:nowrap}.lg-layer{display:flex;inline-size:100%;align-items:center;gap:4px;padding-block:7px;padding-inline:14px;cursor:pointer;white-space:nowrap;overflow:clip;text-overflow:ellipsis;border:0;border-radius:0;text-align:start}.lg-layer.active{background:var(--accent);color:var(--accent-foreground)}.lg-layer.hidden{opacity:.45}.lg-layer-kind{inline-size:12px;color:var(--muted-foreground)}.lg-eye{margin-inline-start:auto;border:0;background:transparent;color:var(--muted-foreground);font-size:10px;padding:3px}.lg-empty{padding:14px;color:var(--muted-foreground)}.lg-section{padding-block:20px 8px;padding-inline:14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);display:flex;justify-content:space-between;align-items:center}.lg-section button{padding-block:1px;padding-inline:7px}.lg-inspector{overflow:auto;padding-block-end:16px}.lg-insp-head{padding:14px;font-weight:600}.lg-insp-head code{color:var(--muted-foreground);font-weight:400}.lg-field{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;padding-block:4px;padding-inline:14px}.lg-field.col{grid-template-columns:1fr}.lg-field span{color:var(--muted-foreground)}.lg-field input,.lg-field textarea,.lg-field select{inline-size:100%;background:var(--background);padding-block:6px;padding-inline:8px;min-inline-size:0}.lg-field textarea{resize:vertical}.lg-row{display:grid;grid-template-columns:1fr 1fr}.lg-err{color:var(--destructive);max-inline-size:280px;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.lg-codepanel{display:flex;flex-direction:column;min-block-size:0}.lg-tabs{display:flex;align-items:center;gap:4px;padding:8px;border-block-end:1px solid var(--border)}.lg-copy{margin-inline-start:auto}.lg-code{margin:0;padding:14px;font:11px/1.6 var(--lg-font-mono);white-space:pre;overflow:auto;min-block-size:0;color:var(--foreground)}.lg-handle{position:absolute;inline-size:8px;block-size:8px;background:var(--card);border:1.5px solid var(--ring);border-radius:2px;pointer-events:auto}.lg-guide,.lg-drop{position:absolute;background:var(--ring)}.lg-marquee{position:absolute;border:1px solid var(--ring);background:color-mix(in oklch,var(--ring) 12%,transparent)}.lg-zoom{position:absolute;inset-inline-end:16px;inset-block-end:16px;padding-block:5px;padding-inline:10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--muted-foreground);font-size:11px;pointer-events:auto}.lg-marks{display:inline-flex;gap:2px}.projects-toggle{display:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}.studio-link{font-size:11px;margin-inline-start:8px;white-space:nowrap;color:var(--muted-foreground);text-decoration:none}.workspace-label{display:flex;gap:10px;padding:20px 14px;align-items:center}.workspace-label strong{display:block;font-size:12px;overflow-wrap:anywhere}.workspace-label small{color:var(--muted-foreground);font-size:10px}.workspace-avatar{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:9px;background:var(--primary);color:var(--primary-foreground)}.project-label{display:block;margin-inline:14px;font-size:10px;letter-spacing:.08em;color:var(--muted-foreground)}.lg-left>select{inline-size:calc(100% - 28px);margin-block:8px;margin-inline:14px;padding:8px;min-inline-size:0}.new-project{display:flex;margin-inline:14px;gap:5px}.new-project input{min-inline-size:0;inline-size:100%;padding:7px;font-size:11px}.panel-tabs{display:flex;align-items:stretch;gap:10px;padding-inline:14px;border-block-end:1px solid var(--border)}.panel-tabs button{border:0;border-radius:0;color:var(--muted-foreground);padding-inline:5px;font-size:12px;background:transparent}.panel-tabs button[aria-pressed=true]{color:var(--foreground);box-shadow:inset 0 -2px var(--primary)}.lg-right fieldset{padding:0;margin:0;border:0;overflow:auto;min-inline-size:0}.chat-slot{min-block-size:0}.chat-panel{display:flex;flex-direction:column;block-size:100%;min-block-size:0}.chat-heading{display:flex;gap:11px;align-items:center;padding:20px}.chat-heading strong{display:block;font-weight:600}.chat-heading div>span{display:block;color:var(--muted-foreground);font-size:11px;margin-block-start:2px}.claude-mark{color:#bf6849;font-size:32px;line-height:1}.beta-badge{margin-inline-start:auto;border:1px solid var(--border);padding-inline:5px;padding-block:1px;border-radius:4px;font-size:9px;color:var(--muted-foreground)}.chat-conversation{flex:1;overflow-y:auto;overscroll-behavior:contain;min-block-size:0;padding-block:10px 20px;padding-inline:20px}.eyebrow{color:var(--muted-foreground);font-size:9px;font-weight:600;letter-spacing:.11em}.chat-empty{padding-block-start:clamp(15px,5vh,55px)}.chat-empty h2{font:32px/1.13 Georgia,serif;letter-spacing:-.8px;margin-block:14px}.chat-empty p{color:var(--muted-foreground);font-size:12px;line-height:1.7;max-inline-size:29ch}.suggestions{display:grid;gap:9px;margin-block-start:26px}.suggestions button{display:flex;text-align:start;gap:14px;justify-content:space-between;align-items:center;padding:12px;font-size:11px;background:var(--background);line-height:1.6}.suggestions span{color:var(--muted-foreground)}.ai-message{margin-block:18px;font-size:12px;line-height:1.7}.ai-message-label{display:block;font-size:10px;font-weight:600;color:var(--muted-foreground);margin-block-end:5px}.ai-message-content{overflow-wrap:anywhere;white-space:pre-wrap}.ai-message-user .ai-message-content{background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.saved-note{display:block;color:var(--muted-foreground);font-size:10px;margin-block-start:8px}.ai-prompt-input{border:1px solid var(--border);border-radius:14px;margin-inline:14px;background:var(--background);padding:10px}.ai-prompt-input:focus-within{border-color:var(--ring)}.ai-prompt-input textarea{inline-size:100%;border:0;border-radius:4px;background:transparent;resize:none;padding:4px;font-size:12px;line-height:1.6;text-wrap:stable}.prompt-footer{display:flex;align-items:center;justify-content:space-between;margin-block-start:8px;gap:8px}.prompt-footer>span{color:var(--muted-foreground);font-size:10px}.prompt-footer button{font-size:11px}.chat-footnote{font-size:9px;text-align:center;padding-inline:12px;margin-block:10px 16px;color:var(--muted-foreground)}.chat-error,.notice{color:var(--destructive)}.chat-error{padding-block:8px;padding-inline:20px;font-size:11px}.retry-request{margin:10px 14px}.sync-notice{position:fixed;inset-block-end:18px;inset-inline-start:220px;max-inline-size:min(620px,60vw);padding:12px;background:var(--card);box-shadow:0 8px 30px color-mix(in oklch,var(--foreground) 12%,transparent);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;z-index:15}.sync-notice span{flex-basis:100%;font-size:12px}.sync-notice button{font-size:11px}.canvas-start{position:fixed;inset-block-start:40%;inset-inline-start:calc(204px + (100vw - 204px - clamp(320px,27vw,400px))/2);transform:translate(-50%);pointer-events:none;text-align:center}.canvas-start-symbol{color:var(--muted-foreground);font-size:48px}.canvas-start h2{font:30px/1.15 Georgia,serif;letter-spacing:-.5px}.canvas-start p{color:var(--muted-foreground);font-size:12px}.welcome{display:grid;grid-template-columns:[full-width-start] minmax(24px,1fr) [content-start] minmax(0,960px) [content-end] minmax(24px,1fr) [full-width-end];block-size:100dvh;overflow-y:auto;background:var(--background)}.welcome>*{grid-column:content}.wordmark{font-size:19px;font-weight:600;text-decoration:none;margin-block-start:35px}.wordmark span{font-weight:400;color:var(--muted-foreground)}.welcome-card{align-self:center;margin-block:50px}.welcome h1{font:clamp(42px,4rem + 1vw,70px)/1.07 Georgia,serif;letter-spacing:-2px;margin-block:20px}.welcome p{max-inline-size:45ch;color:var(--muted-foreground);line-height:1.8}.welcome select{display:block;inline-size:min(330px,100%);padding:12px;margin-block-start:12px}.welcome a.primary{display:inline-block;text-decoration:none;padding:12px 18px;border-radius:var(--radius);margin-inline-end:10px}.welcome-foot{align-self:end;padding-block-end:20px;font-size:11px}@media(max-width:1050px){.lg-shell{grid-template-columns:160px minmax(0,1fr) 320px}.lg-topbar .brand{margin-inline-end:0}.studio-link,.lg-topbar .sep{display:none}.lg-topbar{gap:5px;padding-inline:10px}.lg-topbar button{padding-inline:7px}}@media(max-width:760px){.lg-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(200px,42dvh) minmax(0,1fr)}.lg-topbar{flex-wrap:wrap;padding-block:8px;gap:6px}.lg-topbar .brand{flex-basis:100%}.projects-toggle{display:inline-flex}.lg-left{display:none}.lg-left.projects-open{display:block;grid-column:1;grid-row:2;z-index:20;background:var(--background);overflow:auto;border-block-end:1px solid var(--border)}.new-project input,.lg-left select{font-size:16px}.lg-right{border-inline-start:0;border-block-start:1px solid var(--border)}.lg-topbar .status{font-size:10px}.chat-empty{padding-block-start:0}.chat-empty h2{font-size:26px}.suggestions{margin-block-start:10px}.canvas-start{inset-block-start:25%;inset-inline-start:50%}.canvas-start h2{font-size:23px}.sync-notice{inset-inline:12px;max-inline-size:none}.ai-prompt-input textarea{font-size:16px}}.lg-zoom{display:flex;align-items:center;gap:8px}.lg-zoom button{padding:4px 8px;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:5px;cursor:pointer}