@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#171717;--muted:#77736c;--paper:#f2f0eb;--line:#c8c4bc;--orange:#ff5d22}.studio-page,.auth-page,.sketch-page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:Space Grotesk,sans-serif}.studio-page h1,.studio-page h2,.studio-page p,.auth-page h1,.auth-page h2,.auth-page p,.sketch-page h1,.sketch-page h2,.sketch-page p{color:var(--ink)}.studio-page .eyebrow,.auth-page .eyebrow,.sketch-page .eyebrow,.studio-page .studio-path,.studio-page .service-row p,.auth-page .auth-message p:not(.eyebrow),.sketch-page .sketch-copy{color:#514d47}.studio-header{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:24px 28px;font-size:12px;display:grid}.studio-header p{text-transform:none;color:var(--muted);margin:0;font-size:12px;font-style:italic}.wordmark,.header-login,.close-button{color:var(--ink);text-align:left;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font:700 16px Space Grotesk,sans-serif}.header-login{justify-self:end}.studio-home{grid-template-columns:1.05fr .95fr;gap:7vw;max-width:1500px;margin:auto;padding:86px 7vw 110px;display:grid}.studio-intro{align-self:center;padding-bottom:60px}.eyebrow{color:var(--muted);letter-spacing:.12em;margin:0 0 24px;font:11px DM Mono,monospace}h1,h2,p{margin-top:0}.studio-intro h1,.auth-message h1,.sketch-controls h1{color:var(--ink);letter-spacing:-.06em;font-size:clamp(42px,5vw,76px);font-weight:600;line-height:.98}.studio-path{color:var(--muted);margin:56px 0 34px;font:13px DM Mono,monospace}.studio-path span{color:var(--ink);padding:0 9px}.primary-action{background:var(--ink);color:#fff;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:32px;min-width:190px;padding:15px 18px;font:600 13px Space Grotesk,sans-serif;display:inline-flex}.primary-action:hover{background:var(--orange)}.studio-preview{border:1px solid var(--ink);background:#d6d9d6;min-height:490px;position:relative;overflow:hidden}.preview-grid{opacity:.5;background-color:#0000;background-image:linear-gradient(#aeb5b1 1px,#0000 1px),linear-gradient(90deg,#aeb5b1 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.preview-object{border:2px solid var(--ink);background:#d9dedc;position:absolute;box-shadow:12px 14px #17171726}.object-one{width:47%;height:27%;top:35%;left:28%;transform:rotate(-7deg)}.object-two{background:#b8c0bd;width:20%;height:43%;top:19%;left:43%;transform:skewY(-22deg)}.object-three{background:#9ca7a3;border-radius:50%;width:19%;height:19%;top:58%;left:16%}.preview-label{font:10px DM Mono,monospace;position:absolute;bottom:16px;left:16px}.studio-services{border-top:1px solid var(--line);grid-column:1/-1;margin-top:20px;padding-top:30px}.service-row{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr 1fr;align-items:baseline;gap:18px;padding:20px 0;display:grid}.service-row span,.service-row p{color:var(--muted);font:12px DM Mono,monospace}.service-row h2{letter-spacing:-.04em;font-size:clamp(22px,3vw,38px);font-weight:500}.service-row p{line-height:1.5}.studio-footer{border-top:1px solid var(--line);text-transform:uppercase;justify-content:space-between;padding:20px 28px;font:10px DM Mono,monospace;display:flex}.studio-footer nav{gap:16px;display:flex}.studio-footer button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.auth-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:calc(100vh - 130px);padding:8vw 10vw;display:grid}.auth-message p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.6}.auth-steps{gap:12px;margin-top:70px;font:11px DM Mono,monospace;display:flex}.auth-steps span{border:1px solid var(--ink);padding:8px 12px}.auth-form-panel{border-top:2px solid var(--ink);max-width:360px;padding-top:18px}.auth-switch{gap:22px;margin-bottom:38px;display:flex}.auth-switch button,.text-action,.secondary-action{cursor:pointer;background:0 0;border:0;padding:0;font:600 13px Space Grotesk,sans-serif}.auth-switch button{color:var(--muted)}.auth-switch button.active{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.auth-form-panel form{gap:22px;display:grid}.auth-form-panel label,.prompt-label{letter-spacing:.08em;gap:8px;font:11px DM Mono,monospace;display:grid}.auth-form-panel input,.prompt-label textarea{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:0;outline:0;padding:10px 0;font:16px Space Grotesk,sans-serif}.auth-form-panel .primary-action{width:100%;margin-top:15px}.text-action{text-underline-offset:5px;margin-top:24px;text-decoration:underline}.form-note{color:var(--muted);margin-top:62px;font:11px/1.5 DM Mono,monospace}.sketch-page{background:#dfddd7}.sketch-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 28px;font:11px DM Mono,monospace;display:flex}.sketch-layout{grid-template-columns:minmax(270px,370px) 1fr;min-height:calc(100vh - 70px);display:grid}.sketch-controls{border-right:1px solid var(--line);padding:64px 42px}.sketch-controls h1{margin-bottom:28px;font-size:46px}.sketch-copy{color:var(--muted);margin-bottom:42px;line-height:1.5}.prompt-label textarea{resize:vertical;border:1px solid var(--line);background:#ffffff59;min-height:100px;padding:12px;line-height:1.4}.sketch-controls .primary-action{width:100%;margin-top:24px}.save-project{border:1px solid var(--ink);width:100%;color:var(--ink);cursor:pointer;background:0 0;justify-content:space-between;margin-top:12px;padding:11px 14px;font:600 12px Space Grotesk,sans-serif;display:flex}.save-project:hover{background:var(--ink);color:#fff}.sketch-status{margin-top:52px;font:11px DM Mono,monospace}.sketch-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin-top:38px;padding-top:16px;font:10px DM Mono,monospace;display:grid}.sketch-meta span{color:var(--muted)}.canvas-panel{flex-direction:column;padding:26px;display:flex}.canvas-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font:10px DM Mono,monospace;display:flex}.canvas-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.view-button,.clear-canvas{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:8px 11px;font:600 10px DM Mono,monospace}.view-button:hover{background:#fff}.view-button:disabled{opacity:.4;cursor:not-allowed}.view-button:disabled:hover{background:0 0}.save-canvas{border:1px solid var(--ink);background:var(--orange);color:#fff;cursor:pointer;padding:8px 11px;font:600 10px DM Mono,monospace}.save-canvas:hover{background:#e64f16}.clear-canvas{background:var(--ink);color:#fff}.clear-canvas:hover{background:var(--orange);border-color:var(--orange)}.smoot-note{color:var(--muted);margin-top:14px;font:10px/1.5 DM Mono,monospace}.canvas-body{flex:1;gap:14px;min-height:0;display:flex}.tool-rail{border:1px solid var(--ink);background:#eceae4;flex-direction:column;align-self:flex-start;gap:8px;padding:10px 8px;display:flex}.tool-button{border:1px solid var(--line);cursor:pointer;background:#fff;place-items:center;width:42px;height:42px;padding:0;display:grid}.tool-button:hover{border-color:var(--ink)}.tool-button.active{background:var(--ink);border-color:var(--ink)}.tool-button.active svg{filter:invert()}.canvas-wrap{border:1px solid var(--ink);background:#f8f7f3;flex:1;min-height:500px;position:relative;overflow:hidden}.canvas-wrap canvas{cursor:crosshair;transform-origin:0 0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.canvas-hint{color:var(--muted);pointer-events:none;font:10px DM Mono,monospace;position:absolute;bottom:14px;left:16px}.account-layout{grid-template-columns:.7fr 1.3fr;gap:8vw;min-height:calc(100vh - 130px);padding:7vw;display:grid}.account-heading h1{letter-spacing:-.07em;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:.95}.account-heading>p:last-child{max-width:300px;color:var(--muted);line-height:1.5}.projects-panel{border-top:2px solid var(--ink)}.projects-heading{justify-content:space-between;padding:15px 0;font:11px DM Mono,monospace;display:flex}.projects-heading span:last-child{color:var(--muted)}.project-row{border-top:1px solid var(--line);grid-template-columns:minmax(270px,1fr) 150px 190px;align-items:center;gap:18px;padding:22px 0;display:grid}.project-name{grid-template-columns:38px 1fr;align-items:start;gap:12px;display:grid}.project-index{color:var(--muted);font:11px DM Mono,monospace}.project-name h2{letter-spacing:-.03em;margin:0 0 7px;font-size:18px;font-weight:500}.project-name p,.project-status{color:var(--muted);margin:0;font:11px/1.4 DM Mono,monospace}.project-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row-button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:10px 7px;font:11px DM Mono,monospace}.row-button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.row-button-dark{background:var(--ink);color:#fff}.add-project{cursor:pointer;background:0 0;border:0;margin-top:22px;padding:12px 0;font:600 13px Space Grotesk,sans-serif}.add-project:hover{color:var(--orange)}@media (width<=800px){.studio-header{grid-template-columns:1fr auto;gap:8px}.studio-header p{display:none}.studio-home,.auth-layout,.sketch-layout,.account-layout{grid-template-columns:1fr;padding:48px 22px}.studio-intro h1{font-size:clamp(40px,11vw,58px);line-height:1.02}.studio-intro{padding-bottom:28px}.studio-path{margin:36px 0 28px;line-height:1.8}.studio-preview{min-height:340px}.studio-services{grid-column:auto}.service-row{grid-template-columns:35px 1fr}.service-row p{grid-column:2}.auth-layout{gap:50px}.sketch-layout{padding:0}.sketch-controls{border-right:0;border-bottom:1px solid var(--line);padding:40px 22px}.canvas-panel{min-height:500px;padding:18px}.canvas-body{flex-direction:column}.tool-rail{flex-direction:row;align-self:stretch;overflow-x:auto}.studio-footer{flex-direction:column;gap:16px}.project-row{grid-template-columns:1fr;gap:12px}.project-actions{max-width:220px}.account-layout{gap:50px}}.dialog-backdrop{z-index:20;background:#17171775;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.save-dialog{background:var(--paper);border:1px solid var(--ink);width:min(100%,500px);padding:32px;box-shadow:12px 12px #1717172e}.dialog-heading{justify-content:space-between;align-items:start;display:flex}.dialog-heading .eyebrow{margin-bottom:0}.dialog-close{cursor:pointer;background:0 0;border:0;padding:0;font:24px/1 Space Grotesk,sans-serif}.save-dialog h2{letter-spacing:-.05em;margin:26px 0 8px;font-size:36px;font-weight:500}.dialog-copy{color:var(--muted);margin-bottom:28px;line-height:1.5}.save-dialog form{gap:18px;display:grid}.dialog-field{letter-spacing:.08em;gap:8px;font:10px DM Mono,monospace;display:grid}.dialog-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff59;outline:none;padding:11px 12px;font:15px Space Grotesk,sans-serif}.dialog-field input:focus{border-color:var(--ink)}.dialog-save{width:100%;margin-top:8px}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;height:100%;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;width:100%;max-width:none;min-height:100svh;margin:0;display:block}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}