/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:"Jersey 10";src:url(/fonts/Jersey10-Regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{--ink:#111315;--ink-soft:#191c1f;--ink-raised:#202428;--bone:#f4eddf;--bone-muted:#bdb7ad;--line:#363a3e;--line-soft:#292d30;--cobalt:#6279ff;--cobalt-hover:#788bff;--coral:#ff6b57;--green:#78d6a6;--header:#151719;--panel:#181b1d;--panel-deep:#141719;--canvas-frame:#0c0e0f;--canvas-bg:#121516;--canvas-check:#171a1c;--artboard-opaque:#fff;--artboard-transparent:#ffffff24;--artboard-grid:#6e7684b8;--artboard-border:#414852;--header-glass:#111315eb;--overlay-panel:#111315e0;--text-soft:#d8d1c6;--control-muted:#85898c;--solid-shadow:#0b0c0d;--art-shadow:#0006;--inspector-shadow:#0000003d;--regional-grid:#ffffff06;--drop-border:#55595e;--range-track:#3d4145;--toggle-bg:#111315;--toggle-knob:#777b7e;--site-max-width:1240px;--site-page-gutter:40px;--site-section-space:104px;--font-ui:"Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-pixel:"Jersey 10", "Arial Narrow", sans-serif}:root[data-theme=light]{--ink:#f3f5f8;--ink-soft:#fff;--ink-raised:#fff;--bone:#181b20;--bone-muted:#666c76;--line:#d7dbe2;--line-soft:#e7e9ee;--cobalt:#3657e8;--cobalt-hover:#2748cf;--coral:#d85443;--green:#23875c;--header:#fff;--panel:#fff;--panel-deep:#f5f6f8;--canvas-frame:#dfe3e9;--canvas-bg:#edf0f4;--canvas-check:#e2e6eb;--header-glass:#fffffff0;--overlay-panel:#ffffffe6;--text-soft:#444a54;--control-muted:#69707b;--solid-shadow:#cbd0d8;--art-shadow:#3e46522e;--inspector-shadow:#3e46521f;--regional-grid:#2a303a09;--drop-border:#b9bec8;--range-track:#c9ced6;--toggle-bg:#e0e3e8;--toggle-knob:#7d8490}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;min-height:100%;color:var(--bone);font-family:var(--font-ui);margin:0}html.pixel-editor-open,body.pixel-editor-open{overscroll-behavior:none;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-lockup{letter-spacing:.08em;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.brand-mark{grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);gap:2px;width:16px;height:16px;display:grid}.brand-mark i{background:var(--bone);display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--cobalt)}.landing-shell{background:var(--ink);grid-template-rows:72px auto auto;min-height:100vh;display:grid}.landing-header{z-index:20;border-bottom:1px solid var(--line);background:var(--header-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding:0 42px;display:grid;position:sticky;top:0}.public-brand{color:var(--bone);text-decoration:none}.landing-nav{align-items:center;gap:22px;display:flex}.landing-nav a{color:var(--bone-muted);font-size:12px;font-weight:600;text-decoration:none}.landing-nav a:hover{color:var(--cobalt)}.landing-utilities{justify-self:end;align-items:center;gap:22px;display:flex}.landing-main{isolation:isolate;width:min(var(--site-max-width), calc(100% - var(--site-page-gutter) - var(--site-page-gutter)));grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:clamp(64px,6vw,96px);min-height:min(680px,100svh - 72px);margin:auto;padding:48px 0;display:grid;position:relative}.landing-main:before,.article-wrap:before,.app-dashboard-main:before{content:"";z-index:-1;background-image:linear-gradient(var(--regional-grid) 1px, transparent 1px), linear-gradient(90deg, var(--regional-grid) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0%,#000000b8 58%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000b8 58%,#0000 100%)}.eyebrow{color:var(--coral);letter-spacing:.13em;align-items:center;margin-bottom:25px;font-size:11px;font-weight:700;display:inline-flex}.landing-copy{position:relative;top:-14px}.landing-copy h1{font-family:var(--font-pixel);letter-spacing:.01em;font-synthesis:none;margin:0;font-size:clamp(74px,7.1vw,96px);font-weight:400;line-height:.86}.hero-title-line{white-space:nowrap;width:max-content;display:block}.landing-copy h1 em{color:var(--cobalt);font-style:normal}.hero-heading-group{width:calc(100% + clamp(70px,7vw,86px));position:relative}.hero-conversion-preview{z-index:3;border:1px solid var(--line);background:var(--panel);width:clamp(218px,16.5vw,250px);box-shadow:5px 5px 0 var(--solid-shadow);pointer-events:none;margin:0;padding:9px;position:absolute;bottom:46px;left:calc(50% - 120px)}.hero-conversion-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.hero-conversion-preview>strong{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:7px;font-weight:600;display:block}.hero-conversion-pair>span{min-width:0}.hero-conversion-pair img{aspect-ratio:1;border:1px solid var(--line);width:100%;height:auto;image-rendering:pixelated;display:block}.hero-conversion-pair svg{color:var(--cobalt)}.hero-conversion-pair small,.hero-conversion-preview figcaption{font-family:var(--font-mono);text-transform:uppercase;display:block}.hero-conversion-pair small{color:var(--control-muted);letter-spacing:.04em;margin-top:5px;font-size:7px}.hero-conversion-preview figcaption{border-top:1px solid var(--line);color:var(--bone-muted);letter-spacing:.08em;margin-top:8px;padding-top:7px;font-size:7px}@media (width>=1400px){.hero-conversion-preview{width:275px;bottom:66px;left:calc(50% - 90px)}}.hero-period{color:var(--coral)}.landing-copy p{max-width:490px;color:var(--bone-muted);margin:36px 0 22px;font-size:16px;line-height:1.7}.hero-editor-action{border:1px solid var(--line);background:var(--panel-deep);min-height:42px;color:var(--bone);cursor:pointer;align-items:center;gap:9px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.hero-editor-action svg{color:var(--cobalt)}.hero-editor-action:hover{border-color:var(--cobalt);background:var(--ink-raised)}.feature-row{flex-wrap:wrap;gap:10px 22px;max-width:510px;margin-top:28px;padding-top:17px;display:flex}.feature-row span{color:var(--text-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding-left:12px;font-size:10px;position:relative}.feature-row span:before{content:"";background:var(--cobalt);width:4px;height:4px;position:absolute;top:4px;left:0}.feature-row span:nth-child(2):before{background:var(--coral)}.feature-row span:nth-child(3):before{background:var(--green)}.upload-board{border:1px solid var(--drop-border);background:var(--ink-soft);min-height:550px;box-shadow:14px 14px 0 var(--solid-shadow);padding:26px;transition:border-color .16s,transform .16s;position:relative;overflow:hidden}.upload-board:before,.upload-board:after{content:"";border-color:var(--bone);pointer-events:none;width:38px;height:38px;position:absolute}.upload-board:before{border-top:2px solid;border-left:2px solid;top:13px;left:13px}.upload-board:after{border-bottom:2px solid;border-right:2px solid;bottom:13px;right:13px}.upload-board.is-dragging{border-color:var(--cobalt);transform:translate(-4px,-4px)}.upload-board.is-dragging .upload-content{border-color:var(--cobalt);background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.upload-board.is-dragging .upload-content{background:color-mix(in srgb, var(--cobalt) 8%, transparent)}}.drop-kicker{z-index:2;color:var(--bone-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;top:42px;left:44px}.drop-kicker span{color:var(--cobalt)}.upload-content{z-index:1;text-align:center;background:var(--ink-raised);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:496px;padding:76px 40px 38px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.upload-content{background:color-mix(in srgb, var(--ink-raised) 22%, transparent)}}.upload-content{border:1px dashed var(--line);transition:border-color .16s,background .16s}.upload-icon{border:1px solid var(--cobalt);width:52px;height:52px;color:var(--cobalt);place-items:center;margin:0 auto 22px;font-size:25px;display:grid}.upload-content h2{letter-spacing:-.03em;margin:0 0 8px;font-size:24px}.upload-content p{color:var(--bone-muted);font-family:var(--font-mono);letter-spacing:.03em;margin:0 0 28px;font-size:11px}.upload-content .primary-button,.upload-content .project-entry-list{width:min(280px,100%)}.primary-button{cursor:pointer;background:var(--cobalt);color:#fff;border:0;width:100%;padding:14px 18px;font-weight:700;display:block}.primary-button:hover{background:var(--cobalt-hover)}.secondary-button{border:1px solid var(--line);background:var(--panel-deep);min-height:42px;color:var(--bone);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.blank-canvas-entry{width:min(280px,100%);margin-top:9px}.blank-canvas-entry:hover{border-color:var(--cobalt)}.project-library-link{min-height:34px;color:var(--cobalt);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;font-size:9px}.entry-divider{width:min(280px,100%);color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:20px 0 11px;font-size:8px;display:flex}.entry-divider:before,.entry-divider:after{content:"";background:var(--line);flex:1;height:1px}.entry-divider span{flex:none}.project-entry-list{gap:7px;display:grid}.project-entry-button,.project-entry-placeholder{border:1px solid var(--line);background:var(--ink-soft);width:100%;min-height:54px;color:var(--bone);text-align:left;align-items:center;gap:11px;padding:9px 12px;display:flex}.project-entry-button{cursor:pointer}.project-entry-button:hover{border-color:var(--cobalt);background:var(--ink-raised)}.project-entry-button>span:last-child,.project-entry-placeholder>span:last-child,.project-entry-button strong,.project-entry-button small,.project-entry-placeholder strong,.project-entry-placeholder small{display:block}.project-entry-button strong,.project-entry-placeholder strong{font-size:12px}.project-entry-button small,.project-entry-placeholder small{max-width:220px;color:var(--bone-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.project-entry-placeholder{color:var(--bone-muted);opacity:.72}.project-entry-icon{border:1px solid var(--line-soft);width:30px;height:30px;color:var(--cobalt);flex:none;place-items:center;display:grid}.upload-content .landing-upload-status{width:min(280px,100%);color:var(--coral);font-family:var(--font-ui);margin:12px 0 0;font-size:11px;line-height:1.4}.comparison-section{width:min(var(--site-max-width), calc(100% - var(--site-page-gutter) - var(--site-page-gutter)));padding:var(--site-section-space) 0 0;border-top:1px solid var(--line);margin:0 auto}.landing-section-header{margin-bottom:40px;display:block}.landing-section-header>div>span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.landing-section-header h2{max-width:720px;color:var(--bone);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,4.5vw,58px);font-weight:650;line-height:1.04}.landing-section-header>p{max-width:660px;color:var(--bone-muted);margin:18px 0 0;font-size:14px;line-height:1.65}.comparison-card{border:1px solid var(--drop-border);background:var(--ink-soft);box-shadow:14px 14px 0 var(--solid-shadow);padding:14px}.comparison-viewport{aspect-ratio:16/9;background:var(--canvas-frame);cursor:ew-resize;touch-action:none;position:relative;overflow:hidden}.comparison-viewport:has(.comparison-range:focus-visible){outline:2px solid var(--coral);outline-offset:3px}.comparison-source-image,.comparison-pixel-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.comparison-source-image{background-image:url(/comparison-source.png)}.comparison-pixel-layer{will-change:clip-path;background-image:url(/comparison-pixel.png)}.comparison-label{z-index:3;color:#f4eddf;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b0e10b8;border:1px solid #ffffff38;padding:7px 9px;font-size:9px;font-weight:700;position:absolute;top:16px}.comparison-label--pixel{left:16px}.comparison-label--source{right:16px}.comparison-divider{z-index:4;pointer-events:none;background:#f4eddf;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0c0f1038}.comparison-divider i{background:var(--cobalt);color:#fff;border:2px solid #f4eddf;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0000004d}.comparison-viewport .comparison-range{z-index:5;opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:50%;left:50%}.comparison-caption{justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px 0 0;display:flex}.comparison-caption p{color:var(--bone-muted);margin:0;font-size:13px}.comparison-caption p strong{color:var(--bone)}.comparison-caption button{border:1px solid var(--cobalt);min-width:178px;min-height:40px;color:var(--cobalt);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.comparison-caption button:hover{background:var(--cobalt);color:#fff}.comparison-proof{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.comparison-proof article{min-width:0;padding:24px 28px 26px 0}.comparison-proof article+article{border-left:1px solid var(--line);padding-left:28px}.comparison-proof span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:700}.comparison-proof h3{letter-spacing:-.025em;margin:10px 0 8px;font-size:17px}.comparison-proof p{color:var(--bone-muted);margin:0;font-size:12px;line-height:1.6}.landing-education{width:min(var(--site-max-width), calc(100% - var(--site-page-gutter) - var(--site-page-gutter)));margin:0 auto;padding:0}.workflow-showcase,.landing-how,.landing-faq{padding:var(--site-section-space) 0 0;border-top:1px solid var(--line);margin:0}.landing-how{border-top:0}.landing-faq{padding-bottom:var(--site-section-space)}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.workflow-card{border:1px solid var(--line);background:var(--panel);min-width:0;margin:0 6px 6px 0;padding:18px 18px 24px}@supports (color:color-mix(in lab, red, red)){.workflow-card{background:color-mix(in srgb, var(--panel) 72%, transparent)}}.workflow-card{box-shadow:6px 6px 0 var(--solid-shadow)}.workflow-demo{grid-template-columns:1fr 22px 1fr;align-items:center;margin-bottom:24px;display:grid}.workflow-frame{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-deep);position:relative;overflow:hidden}.workflow-frame>span{z-index:2;background:var(--panel-deep);padding:3px 5px;position:absolute;bottom:6px;left:7px}@supports (color:color-mix(in lab, red, red)){.workflow-frame>span{background:color-mix(in srgb, var(--panel-deep) 88%, transparent)}}.workflow-frame>span{color:var(--bone);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:7px}.workflow-frame img{object-fit:cover;width:100%;height:100%;display:block}.workflow-frame--pixel img{image-rendering:pixelated}.workflow-arrow{color:var(--control-muted);font-family:var(--font-mono);text-align:center;font-size:12px}.workflow-card figcaption>span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.workflow-card h3{letter-spacing:-.03em;margin:10px 0;font-size:21px}.workflow-card p{color:var(--bone-muted);margin:0;font-size:13px;line-height:1.65}.workflow-card small{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;margin-top:14px;font-size:8px;line-height:1.5;display:block}.landing-how{display:block}.landing-how ol{margin:0;padding:0;list-style:none}.landing-how li{border-bottom:1px solid var(--line);grid-template-columns:36px 110px 1fr;align-items:baseline;gap:12px;padding:17px 0;display:grid}.landing-how li:first-child{padding-top:0}.landing-how b{color:var(--cobalt);font-family:var(--font-mono);font-size:10px}.landing-how strong{font-size:14px}.landing-how li span{color:var(--bone-muted);font-size:13px;line-height:1.55}.faq-list{grid-template-columns:1fr;gap:10px;margin-top:42px;display:grid}.faq-list details{border:1px solid var(--line);background:var(--panel);padding:0 18px}.faq-list summary{cursor:pointer;min-height:64px;color:var(--bone);justify-content:space-between;align-items:center;gap:18px;font-size:14px;font-weight:650;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--cobalt);font-family:var(--font-mono);font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--bone-muted);margin:-2px 0 18px;padding-right:22px;font-size:13px;line-height:1.65}.landing-footer{border-top:1px solid var(--line);background:var(--header);grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(140px,.72fr));gap:54px;padding:68px max(42px,50% - 620px);display:grid}.footer-brand p{max-width:310px;color:var(--bone-muted);margin:18px 0;font-size:13px;line-height:1.55}.footer-column{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.footer-column>span,.footer-note>span{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700}.footer-column a,.footer-column button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:none}.footer-column a:hover,.footer-column button:hover{color:var(--cobalt)}.footer-note{border-top:1px solid var(--line-soft);grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;margin-top:2px;padding-top:20px;display:flex}.footer-note>span{color:var(--green);margin:0}.footer-note p{color:var(--control-muted);margin:0;font-size:10px}.footer-copyright p{font-size:10px}.footer-version{letter-spacing:.04em;opacity:.78;flex:none;font-size:10px}.footer-copyright a{color:var(--text-soft);text-decoration:none}.footer-copyright a:hover{color:var(--cobalt)}.screen-version{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.06em;opacity:.68;font-size:8px;font-weight:500}.studio-shell{--studio-inspector-width:356px;overscroll-behavior:none;background:var(--ink);height:100dvh;min-height:640px;overflow:hidden}.studio-header{grid-template-columns:220px minmax(120px, 1fr) var(--studio-inspector-width);border-bottom:1px solid var(--line);background:var(--header);align-items:center;height:64px;display:grid}.brand-lockup.compact{border-right:1px solid var(--line);height:100%;padding-left:18px}.studio-brand-link{color:inherit;text-decoration:none}.project-title{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.project-title>div{align-items:center;gap:9px;min-width:0;display:flex}.project-name-button{min-width:0;color:var(--bone);cursor:text;background:0 0;border:1px solid #0000;align-items:baseline;gap:9px;padding:5px 7px;display:flex}.project-name-button:hover{border-color:var(--line);background:var(--panel-deep)}.project-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:340px;font-size:14px;font-weight:620;display:block;overflow:hidden}.project-title small{color:var(--control-muted);font-family:var(--font-mono);flex:none;font-size:11px}.autosave-state{color:var(--control-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.autosave-state i{background:var(--control-muted);border-radius:50%;width:6px;height:6px}.autosave-state.saving i{background:var(--cobalt);animation:1s steps(2,end) infinite blink}.autosave-state.saved i{background:var(--green)}.autosave-state.error{color:var(--coral)}.autosave-state.error i{background:var(--coral)}.processing-dot{background:var(--green);width:6px;height:6px}.processing-dot.active{background:var(--coral);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.header-actions{border-left:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;height:100%;padding:0 10px;display:flex}.icon-text-button{border:1px solid var(--line);background:var(--panel-deep);height:36px;color:var(--bone-muted);cursor:pointer;padding:0 12px;font-size:12px}.icon-text-button:hover{color:var(--bone);background:var(--ink-raised)}.header-cta{border:1px solid var(--line);background:var(--panel-deep);min-width:64px;min-height:40px;color:var(--bone);cursor:pointer;padding:0 15px;font-size:12px;font-weight:650}.header-cta:hover{border-color:var(--cobalt)}.project-menu-wrap{position:relative}.project-menu-trigger{align-items:center;gap:7px;display:flex}.project-menu{z-index:50;border:1px solid var(--line);background:var(--panel);width:248px;box-shadow:9px 9px 0 var(--solid-shadow);padding:7px;position:absolute;top:calc(100% + 8px);right:0}.project-menu button{width:100%;min-height:44px;color:var(--bone-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0 11px;font-size:12px;display:flex}.project-menu button:hover:not(:disabled),.project-menu button:focus-visible{background:var(--ink-raised);color:var(--bone)}.project-menu button:disabled{opacity:.38;cursor:not-allowed}.header-export{border:1px solid var(--cobalt);border-color:var(--cobalt);background:var(--cobalt);color:#fff;cursor:pointer;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.header-export:hover:not(:disabled){background:var(--cobalt-hover)}.header-export:disabled{opacity:.42;cursor:wait}.theme-switcher{background:var(--panel-deep);border:0;border-radius:999px;gap:2px;padding:3px;display:flex}@supports (color:color-mix(in lab, red, red)){.theme-switcher{background:color-mix(in srgb, var(--panel-deep) 82%, var(--ink))}}.theme-switcher{box-shadow:inset 0 0 0 1px var(--line)}.theme-switcher button{height:28px;color:var(--bone-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:flex}.theme-switcher button:hover{color:var(--bone);background:var(--ink-raised)}@supports (color:color-mix(in lab, red, red)){.theme-switcher button:hover{background:color-mix(in srgb, var(--ink-raised) 68%, transparent)}}.theme-switcher button.active{background:var(--ink-raised);color:var(--cobalt);box-shadow:0 1px 4px #00000024}.theme-switcher--compact{height:32px;box-shadow:inset 0 0 0 1px var(--line-soft);background:0 0}.theme-switcher--compact button{width:26px;height:26px;padding:0}.theme-switcher--compact button span:last-child{display:none}.studio-header .theme-switcher{height:32px;box-shadow:inset 0 0 0 1px var(--line-soft);background:0 0;margin-right:2px}.studio-header .theme-switcher button{width:26px;height:26px;padding:0}.studio-header .theme-switcher button span:last-child{display:none}.studio-header .theme-switcher button.active{background:var(--ink-raised);color:var(--cobalt)}.mobile-controls{display:none}.studio-shell button:not(:disabled):active{transform:translateY(1px)}.studio-body{grid-template-columns:74px minmax(0, 1fr) var(--studio-inspector-width);height:calc(100dvh - 64px);min-height:582px;display:grid}.tool-rail{border-right:1px solid var(--line);background:var(--header);flex-direction:column;justify-content:space-between;min-height:0;padding:10px;display:flex}.tool-stack,.rail-history{gap:7px;display:grid}.rail-history{border-top:1px solid var(--line);padding-top:10px}.tool-button{width:52px;height:52px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.tool-button>svg{flex:none}.tool-button kbd{color:var(--control-muted);font-family:var(--font-mono);font-size:10px;position:absolute;bottom:2px;right:3px}.tool-button:hover:not(:disabled){border-color:var(--line);color:var(--bone);background:var(--ink-raised)}.tool-button.active{border-color:var(--cobalt);background:var(--cobalt);color:#fff}.tool-button.active kbd{color:#ffffffa8}.tool-button:disabled{opacity:.25;cursor:not-allowed}.canvas-panel{background:var(--canvas-frame);grid-template-rows:54px minmax(0,1fr) 42px;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--line-soft);background:var(--header);justify-content:space-between;align-items:center;min-width:0;padding:0 12px 0 16px;display:flex}.tool-status,.view-actions,.brush-control,.color-well{align-items:center;display:flex}.tool-status{gap:13px;min-width:0}.tool-status>span{min-width:60px;font-size:13px;font-weight:650}.brush-control{border:1px solid var(--line)}.brush-control>span{color:var(--control-muted);padding:0 9px;font-size:11px}.brush-control button{border:0;border-right:1px solid var(--line);width:32px;height:32px;color:var(--control-muted);font-family:var(--font-mono);background:0 0;padding:0;font-size:11px}.brush-control button:last-child{border-right:0}.brush-control button.active{background:var(--bone);color:var(--ink)}.color-well{cursor:pointer;gap:8px}.color-well input{opacity:0;pointer-events:none;position:absolute}.color-well>span{border:2px solid var(--bone);width:22px;height:22px}.color-well code{color:var(--control-muted);font-family:var(--font-mono);font-size:10px}.view-actions{gap:7px}.view-actions button{border:1px solid var(--line);min-height:36px;color:var(--control-muted);cursor:pointer;background:0 0;padding:0 12px;font-size:11px}.view-actions button.active{color:var(--bone);background:var(--ink-raised);border-color:#686d72}.view-actions .compare-button{color:var(--bone)}.view-actions .compare-button.active{border-color:var(--coral);background:var(--coral);color:#151719}.view-actions kbd{color:var(--control-muted);font-family:var(--font-mono);margin-left:5px;font-size:10px}.canvas-wrap{overscroll-behavior:none;touch-action:none;background-color:var(--canvas-bg);background-image:linear-gradient(45deg, var(--canvas-check) 25%, transparent 25%), linear-gradient(-45deg, var(--canvas-check) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--canvas-check) 75%), linear-gradient(-45deg, transparent 75%, var(--canvas-check) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-wrap canvas{touch-action:none;display:block}.canvas-wrap canvas[data-tool=pencil],.canvas-wrap canvas[data-tool=eraser],.canvas-wrap canvas[data-tool=restore],.canvas-wrap canvas[data-tool=fill]{cursor:crosshair}.canvas-wrap canvas[data-tool=eyedropper]{cursor:cell}.canvas-wrap canvas[data-tool=hand]{cursor:grab}.canvas-wrap canvas[data-tool=hand]:active{cursor:grabbing}.processing-pill{border:1px solid var(--line);background:var(--overlay-panel);color:var(--bone-muted);font-family:var(--font-mono);letter-spacing:.05em;align-items:center;gap:8px;padding:7px 11px;font-size:10px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.processing-pill span{background:var(--coral);width:6px;height:6px;animation:1s steps(2,end) infinite blink}.canvas-footer{border-top:1px solid var(--line-soft);background:var(--header);justify-content:space-between;align-items:center;padding-left:14px;display:flex}.status-message{color:var(--control-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:11px;overflow:hidden}.studio-version{flex:none;margin:0 12px}.zoom-control{border-left:1px solid var(--line-soft);grid-template-columns:38px 62px 38px 50px;height:100%;display:grid}.zoom-control button,.zoom-control output{border:0;border-right:1px solid var(--line-soft);color:var(--control-muted);font-family:var(--font-mono);background:0 0;place-items:center;padding:0;font-size:11px;display:grid}.zoom-control button:hover{color:var(--bone);background:var(--ink-raised)}.zoom-control .fit-button{color:var(--bone);font-family:var(--font-ui);font-weight:650}.mobile-tool-toggle{display:none}.inspector{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.inspector-scrim{display:none}.inspector-scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:auto;min-height:0;scroll-padding-top:12px;overflow-y:auto}.inspector-mobile-head{display:none}.inspector-section{border-bottom:1px solid var(--line);padding:18px 20px 20px}.inspector-section:focus{outline:none}.section-heading{align-items:baseline;gap:9px;margin-bottom:17px;display:flex}.section-heading span{color:var(--cobalt);font-family:var(--font-mono);font-size:11px}.section-heading h2{letter-spacing:.01em;margin:0;font-size:15px}.slider-field,.select-field{margin-top:15px;display:block}.slider-field:first-of-type,.section-heading+.slider-field,.section-heading+.select-field{margin-top:0}.field-label{color:var(--control-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.field-label output{color:var(--bone);font-family:var(--font-mono);font-size:11px}input[type=range]{--range-progress:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--cobalt) var(--range-progress), var(--range-track) var(--range-progress));height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--panel);background:var(--bone);width:11px;height:11px;box-shadow:0 0 0 1px var(--bone);border-radius:0;margin-top:-4.5px}.select-field select{border:1px solid var(--line);appearance:none;background:linear-gradient(45deg, transparent 50%, #8d9093 50%) calc(100% - 13px) 17px / 5px 5px no-repeat, linear-gradient(135deg, #8d9093 50%, transparent 50%) calc(100% - 8px) 17px / 5px 5px no-repeat, var(--panel-deep);width:100%;height:40px;color:var(--bone);border-radius:0;padding:0 28px 0 10px;font-size:12px}.palette-strip{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.palette-strip button{cursor:pointer;border:1px solid #fff3;width:22px;height:22px;padding:0}.palette-strip button:hover{transform:scale(1.16)}.segmented-control{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.segmented-control button{border:0;border-right:1px solid var(--line);background:var(--panel-deep);height:38px;color:var(--control-muted);cursor:pointer;padding:0;font-size:11px}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:var(--bone);color:var(--ink);font-weight:650}.toggle-row{min-height:36px;color:var(--control-muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.toggle-input{appearance:none;border:1px solid var(--line);background:var(--toggle-bg);cursor:pointer;width:31px;height:16px;margin:0;position:relative}.toggle-input:after{content:"";background:var(--toggle-knob);width:10px;height:10px;transition:transform .12s;position:absolute;top:2px;left:2px}.toggle-input:checked{border-color:var(--cobalt);background:var(--cobalt)}.toggle-input:checked:after{background:#fff;transform:translate(15px)}.export-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.export-grid button{border:1px solid var(--line);background:var(--panel-deep);text-align:left;cursor:pointer;min-width:0;padding:11px 8px}.export-grid button:hover{border-color:var(--cobalt)}.export-grid strong,.export-grid span{display:block}.export-grid strong{font-size:12px}.export-grid span{color:var(--control-muted);font-family:var(--font-mono);text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.export-section{background:var(--panel-deep);scroll-margin-top:0}@supports (color:color-mix(in lab, red, red)){.export-section{background:color-mix(in srgb, var(--panel-deep) 66%, var(--panel))}}.export-section{transition:box-shadow .18s,background .18s}.export-section:focus{outline:0}.export-section.attention{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.export-section.attention{background:color-mix(in srgb, var(--cobalt) 7%, var(--panel))}}.export-section.attention{box-shadow:inset 3px 0 0 var(--cobalt)}.export-dock-heading,.export-dock-heading>div{align-items:baseline;display:flex}.export-dock-heading{justify-content:space-between;margin-bottom:11px}.export-dock-heading>div{gap:9px}.export-dock-heading span{color:var(--cobalt);font-family:var(--font-mono);font-size:11px}.export-dock-heading h2{margin:0;font-size:15px}.export-dock-heading small{color:var(--control-muted);font-size:10px}.export-primary{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.export-primary:hover{background:var(--cobalt-hover)}.export-primary span,.export-primary strong,.export-primary small{display:block}.export-primary strong{font-size:13px}.export-primary small{color:#ffffffb8;font-family:var(--font-mono);margin-top:2px;font-size:10px}.export-primary>svg{flex:none}.export-primary:disabled,.export-grid button:disabled,.project-button:disabled{opacity:.4;cursor:wait}.export-section .export-grid{margin-top:7px}.export-scale-row{margin-top:9px}.export-options{grid-template-columns:1fr;gap:14px;margin-top:3px;display:grid}.export-options .toggle-row{margin:0}.select-field.inline{justify-content:space-between;align-items:center;display:flex}.select-field.inline .field-label{margin:0}.select-field.inline select{width:88px}.project-button{border:1px solid var(--cobalt);width:100%;color:var(--cobalt);text-align:left;cursor:pointer;background:0 0;justify-content:flex-start;align-items:center;gap:8px;margin-top:9px;padding:9px;font-size:12px;display:flex}.project-button>span,.project-button strong,.project-button small{display:block}.project-button small{color:var(--control-muted);font-family:var(--font-mono);margin-top:2px;font-size:9px}.project-button:hover{background:var(--cobalt);color:#fff}.project-button:hover small{color:#ffffffb8}.reset-button{width:calc(100% - 40px);color:var(--coral);cursor:pointer;background:0 0;border:1px solid #563832;justify-content:center;align-items:center;gap:8px;margin:16px 20px 24px;padding:10px;font-size:11px;display:flex}.reset-button:hover{border-color:var(--coral);color:var(--coral)}.inspector-inline-button{border:1px solid var(--line);background:var(--panel-deep);width:100%;min-height:38px;color:var(--bone);cursor:pointer;margin-top:14px;font-size:11px;font-weight:700}.inspector-inline-button:hover{border-color:var(--cobalt)}.standalone-document-note{color:var(--bone-muted);margin:0;font-size:12px;line-height:1.55}.confirmation-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07090ab3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.toast-viewport{z-index:100;pointer-events:none;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:22px;right:22px}.app-toast{--toast-color:var(--cobalt);border:1px solid var(--line);border-left:3px solid var(--toast-color);background:var(--panel);min-height:58px;box-shadow:7px 7px 0 var(--solid-shadow);color:var(--bone);pointer-events:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 10px 11px 13px;animation:.18s ease-out both toast-enter;display:grid}.app-toast.is-success{--toast-color:var(--green)}.app-toast.is-warning{--toast-color:#e5ad4f}.app-toast.is-error{--toast-color:var(--coral)}.app-toast>svg{color:var(--toast-color)}.app-toast p{margin:0;font-size:12px;font-weight:650;line-height:1.4}.app-toast button{width:34px;height:34px;color:var(--control-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.app-toast button:hover{color:var(--bone);background:var(--ink-raised)}@keyframes toast-enter{0%{opacity:0;transform:translate(10px,4px)}to{opacity:1;transform:translate(0)}}.confirmation-dialog{border:1px solid var(--coral);width:min(440px,100%);padding:26px}@supports (color:color-mix(in lab, red, red)){.confirmation-dialog{border:1px solid color-mix(in srgb, var(--coral) 55%, var(--line))}}.confirmation-dialog{background:var(--panel);box-shadow:14px 14px 0 var(--solid-shadow)}.confirmation-dialog>span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.confirmation-dialog>h2{color:var(--bone);letter-spacing:-.025em;margin:8px 0 10px;font-size:24px;line-height:1.15}.confirmation-dialog>p{color:var(--bone-muted);margin:0;font-size:13px;line-height:1.6}.document-dialog{width:min(520px,100%)}.dialog-field{gap:7px;margin-top:18px;display:grid}.dialog-field>span,.resize-lock{color:var(--bone-muted);font-size:11px;font-weight:650}.dialog-field input{border:1px solid var(--line);background:var(--panel-deep);width:100%;min-height:44px;color:var(--bone);border-radius:0;padding:0 12px;font-size:14px}.dimension-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dimension-presets{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.dimension-presets button,.resize-modes button,.anchor-grid button{border:1px solid var(--line);background:var(--panel-deep);color:var(--bone-muted);cursor:pointer}.dimension-presets button{min-height:36px;font-family:var(--font-mono);font-size:9px}.dialog-note,.dialog-error,.storage-summary{font-family:var(--font-mono);margin-top:12px!important;font-size:9px!important}.dialog-error{color:var(--coral)!important}.resize-lock{align-items:center;gap:8px;margin-top:12px;display:flex}.resize-modes{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.resize-modes button{text-align:left;align-content:center;gap:5px;min-height:82px;padding:12px;display:grid}.resize-modes button.active,.anchor-grid button.active{border-color:var(--cobalt);color:var(--bone)}.resize-modes strong,.resize-modes small{display:block}.resize-modes small{color:var(--control-muted);font-size:9px;line-height:1.4}.anchor-grid{grid-template-columns:repeat(3,1fr);gap:5px;width:116px;margin:14px auto 0;display:grid}.anchor-grid button{aspect-ratio:1;position:relative}.anchor-grid button:after{content:"";background:currentColor;position:absolute;inset:11px}.project-library-dialog{width:min(720px,100%);max-height:min(760px,100vh - 48px);overflow:auto}.project-library-list{gap:7px;margin-top:20px;display:grid}.project-library-list article{grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:stretch;gap:6px;display:grid}.project-library-list button{border:1px solid var(--line);background:var(--panel-deep);min-height:46px;color:var(--bone-muted);cursor:pointer;padding:0 10px;font-size:9px}.project-library-list .project-library-open{text-align:left;align-content:center;gap:4px;display:grid}.project-library-open strong{color:var(--bone);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-library-open small{color:var(--control-muted);font-family:var(--font-mono);font-size:8px}.confirmation-icon{border:1px solid var(--coral);place-items:center;width:42px;height:42px;margin-bottom:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.confirmation-icon{border:1px solid color-mix(in srgb, var(--coral) 55%, var(--line))}}.confirmation-icon{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.confirmation-icon{background:color-mix(in srgb, var(--coral) 9%, transparent)}}.confirmation-icon{color:var(--coral)}.confirmation-icon.rename-icon{border-color:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.confirmation-icon.rename-icon{border-color:color-mix(in srgb, var(--cobalt) 55%, var(--line))}}.confirmation-icon.rename-icon{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.confirmation-icon.rename-icon{background:color-mix(in srgb, var(--cobalt) 9%, transparent)}}.confirmation-icon.rename-icon{color:var(--cobalt)}.confirmation-copy>span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.confirmation-copy h2{color:var(--bone);letter-spacing:-.025em;margin:8px 0 10px;font-size:24px;line-height:1.15}.confirmation-copy p{color:var(--bone-muted);margin:0;font-size:14px;line-height:1.6}.confirmation-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.confirmation-actions button{border:1px solid var(--line);cursor:pointer;min-height:44px;padding:0 14px;font-size:12px;font-weight:700}.confirmation-cancel{background:var(--panel-deep);color:var(--bone)}.confirmation-cancel:hover{border-color:var(--bone-muted);background:var(--ink-raised)}.confirmation-danger{background:var(--coral);color:#fff;justify-content:center;align-items:center;gap:8px;display:flex;border-color:var(--coral)!important}.confirmation-danger:hover{filter:brightness(1.08)}.confirmation-primary{background:var(--cobalt);color:#fff;border-color:var(--cobalt)!important}.confirmation-primary:hover:not(:disabled){background:var(--cobalt-hover)}.confirmation-primary:disabled{opacity:.42;cursor:not-allowed}.rename-field{gap:8px;margin-top:21px;display:grid}.rename-field span{color:var(--bone-muted);font-size:12px;font-weight:650}.rename-field input{border:1px solid var(--line);background:var(--panel-deep);width:100%;min-height:46px;color:var(--bone);border-radius:0;padding:0 12px;font-size:15px}.content-shell{background:var(--ink);grid-template-rows:72px 1fr auto;min-height:100vh;display:grid}.content-header{z-index:10;border-bottom:1px solid var(--line);background:var(--header-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 42px;display:grid;position:sticky;top:0}.content-brand{height:100%;color:var(--bone);letter-spacing:.08em;justify-self:start;align-items:center;gap:12px;padding-left:0;font-size:14px;font-weight:700;text-decoration:none;display:flex}.content-nav{grid-column:2;justify-content:center;gap:30px;display:flex}.content-nav a,.content-footer a{color:var(--bone-muted);font-size:12px;text-decoration:none}.content-nav a:hover,.content-footer a:hover{color:var(--bone)}.content-tool-link{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;justify-content:center;align-items:center;gap:10px;min-width:164px;height:40px;padding:0 17px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.content-tool-link:hover{background:var(--cobalt-hover)}.content-tool-link span{color:#ffffffb3}.content-tool-link .content-tool-label{color:#fff}.content-tool-icon{flex:none}.content-header-actions{grid-column:3;justify-self:end;align-items:center;gap:12px;height:100%;padding:0;display:flex}.content-main{width:100%}.article-wrap{isolation:isolate;width:min(880px,100% - 48px);margin:0 auto;padding:88px 0 118px;position:relative}.article-wrap:before{height:440px;-webkit-mask-image:linear-gradient(#000 0%,#000000a3 48%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000a3 48%,#0000 100%)}.article-header{border-bottom:1px solid var(--line);gap:0;max-width:760px;padding-bottom:52px;display:grid}.article-eyebrow{color:var(--coral);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin-bottom:22px;font-size:11px;display:block}.article-header h1{letter-spacing:-.04em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(42px,5vw,64px);font-weight:650;line-height:1.06}.article-header p{max-width:640px;color:var(--bone-muted);text-wrap:pretty;margin:38px 0 0;font-size:16px;line-height:1.62}.guide-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;display:grid}.guide-card{border:1px solid var(--line);background:var(--panel);min-height:260px;color:var(--bone);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:26px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.guide-card:hover{border-color:var(--cobalt);box-shadow:8px 8px 0 var(--cobalt);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.guide-card:hover{box-shadow:8px 8px 0 color-mix(in srgb, var(--cobalt) 14%, transparent)}}.guide-card>span{color:var(--cobalt);font-family:var(--font-mono);font-size:11px}.guide-card>div{grid-column:1/-1;align-self:center}.guide-card h2{letter-spacing:-.035em;margin:0 0 12px;font-size:25px}.guide-card p{color:var(--bone-muted);margin:0;font-size:14px;line-height:1.62}.guide-card small{color:var(--control-muted);font-family:var(--font-mono);text-transform:uppercase;align-self:end;font-size:9px}.guide-card-icon{color:var(--cobalt);align-self:end}.guide-quick-reference{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:56px;margin-top:76px;padding-top:38px;display:grid}.guide-quick-reference>div>span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.guide-quick-reference h2{letter-spacing:-.035em;margin:12px 0 0;font-size:30px}.guide-quick-reference ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-quick-reference li{border-bottom:1px solid var(--line);grid-template-columns:92px 1fr;gap:16px;padding:16px 0;display:grid}.guide-quick-reference li:first-child{padding-top:0}.guide-quick-reference b{font-size:13px}.guide-quick-reference li span{color:var(--bone-muted);font-size:13px;line-height:1.5}.prose-article{max-width:820px}.prose-article.guide-article{width:min(1120px,100% - 48px);max-width:none}.guide-article>.article-header{max-width:820px;margin-left:260px}.article-byline{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.03em;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:9px;display:flex}.article-byline span+span{position:relative}.article-byline span+span:before{content:"";background:currentColor;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:-10px}.guide-reading-layout{grid-template-columns:210px minmax(0,820px);align-items:start;gap:50px;margin-top:58px;display:grid}.article-toc{align-self:start;margin:0;position:sticky;top:104px}.article-toc strong{border-bottom:1px solid var(--line);color:var(--bone);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:0 0 13px;font-size:9px;font-weight:600;display:block}.article-toc-links{display:grid}.article-toc a{border-left:2px solid var(--line);color:var(--control-muted);font-family:var(--font-mono);background:0 0;padding:11px 0 11px 13px;font-size:9px;line-height:1.4;text-decoration:none}.article-toc a:hover{border-color:var(--cobalt);color:var(--bone)}.article-toc a.is-active{border-color:var(--cobalt);color:var(--cobalt);font-weight:700}.prose-article>section,.guide-reading-content>section{margin-top:70px;padding-left:54px;scroll-margin-top:96px;position:relative}.prose-article>section:first-of-type,.guide-reading-content>section:first-child{margin-top:0}.prose-article>.article-header+section{margin-top:clamp(32px,4vw,44px)}.article-step{color:var(--cobalt);font-family:var(--font-mono);font-size:11px;position:absolute;top:5px;left:0}.prose-article h2{letter-spacing:-.035em;margin:0 0 18px;font-size:29px}.prose-article p,.prose-article li{color:var(--bone-muted);font-size:15px;line-height:1.78}.prose-article p{margin:0 0 18px}.prose-article .article-header p{margin:38px 0 0}.prose-article ul{margin:18px 0 24px;padding-left:24px;list-style:outside}.prose-article li{padding-left:4px}.prose-article ul li::marker{color:var(--cobalt);font-size:.82em}.prose-article ul li+li{margin-top:7px}.prose-article b,.prose-article strong{color:var(--bone)}.prose-article code,.prose-article kbd{border:1px solid var(--line);background:var(--panel-deep);color:var(--bone);font-family:var(--font-mono);padding:2px 5px;font-size:.86em}.prose-article kbd{border-bottom-width:2px}.article-callout{border-left:3px solid var(--cobalt);background:var(--cobalt);margin:27px 0;padding:17px 19px}@supports (color:color-mix(in lab, red, red)){.article-callout{background:color-mix(in srgb, var(--cobalt) 7%, var(--panel))}}.article-callout{color:var(--bone-muted);font-size:14px;line-height:1.7}.prose-article dl{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;display:grid}.prose-article dl>div{background:var(--panel);padding:16px}.prose-article dt{color:var(--bone);margin-bottom:6px;font-size:13px;font-weight:700}.prose-article dd{color:var(--bone-muted);margin:0;font-size:12px;line-height:1.5}.settings-table{border-top:1px solid var(--line);margin:25px 0}.settings-table>div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;padding:14px 0;display:grid}.settings-table b{font-family:var(--font-mono);font-size:11px}.settings-table span{color:var(--bone-muted);font-size:13px}.recipe-grid{grid-template-columns:1fr 1fr;gap:10px;margin:26px 0;display:grid}.recipe-grid article{border:1px solid var(--line);background:var(--panel);padding:17px}.recipe-grid span,.recipe-grid b{display:block}.recipe-grid span{color:var(--cobalt);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:8px;font-size:9px}.recipe-grid b{font-size:13px}.recipe-grid p{margin:5px 0 0;font-size:12px;line-height:1.5}.guide-article-footer{border-top:1px solid var(--line);margin-top:86px;padding-top:20px}.guide-pagination{grid-template-columns:1fr 1fr;gap:12px;display:grid}.guide-pagination-link{border:1px solid var(--line);background:var(--panel);min-height:96px;color:var(--bone);align-items:center;gap:14px;padding:17px;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.guide-pagination-link--next{text-align:right;justify-content:flex-end}.guide-pagination-link svg{color:var(--cobalt);flex:none}.guide-pagination-link span{gap:6px;display:grid}.guide-pagination-link small,.guide-app-cta>div>span{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:8px}.guide-pagination-link strong{font-size:12px;line-height:1.4}.guide-pagination-link:hover{border-color:var(--cobalt);box-shadow:4px 4px 0 var(--solid-shadow);transform:translate(-2px,-2px)}.guide-pagination-link--disabled{color:var(--control-muted);opacity:.62;background:0 0;border-style:dashed}.guide-pagination-link--disabled svg{color:var(--control-muted)}.guide-app-cta{border:1px solid var(--line);background:var(--panel);box-shadow:7px 7px 0 var(--solid-shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:14px;padding:27px;display:grid}.guide-app-cta h2{max-width:520px;margin:8px 0 0;font-size:25px;line-height:1.12}.guide-app-cta p{max-width:570px;margin:10px 0 0;font-size:12px;line-height:1.55}.guide-app-cta>a{background:var(--cobalt);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.guide-app-cta>a:hover{background:var(--cobalt-hover)}.legal-article .article-header{margin-bottom:64px}.legal-article>section{margin-top:45px;padding-left:0}.legal-article>section:first-of-type{margin-top:0}.legal-article a{color:var(--cobalt)}.license-list{border-top:1px solid var(--line);margin:24px 0 18px}.license-list>a{border-bottom:1px solid var(--line);color:var(--bone);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:15px 0;text-decoration:none;display:grid}.license-list>a:hover strong{color:var(--cobalt)}.license-list strong,.license-list small{display:block}.license-list strong{font-size:13px}.license-list small{color:var(--bone-muted);margin-top:3px;font-size:11px}.license-list>a>span:last-child{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.credits-article a{color:var(--cobalt)}.content-footer{border-top:1px solid var(--line);background:var(--header);grid-template-columns:1fr auto;align-items:center;gap:30px;min-height:84px;padding:0 34px;display:grid;position:relative}.content-footer p{color:var(--control-muted);margin:0;font-size:11px}.content-footer nav{gap:22px;padding-right:44px;display:flex}.content-footer small{color:var(--control-muted);font-family:var(--font-mono);font-size:8px;position:absolute;bottom:10px;right:14px}.landing-main{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(64px,6vw,96px)}.upload-board{min-height:410px}.upload-content{min-height:356px;padding:76px 38px 42px}.upload-content .primary-button,.home-start-links{width:min(310px,100%)}.home-start-links{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.home-start-links a{border:1px solid var(--line);background:var(--panel-deep);place-items:center;min-height:42px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.home-start-links a{background:color-mix(in srgb, var(--panel-deep) 84%, transparent)}}.home-start-links a{color:var(--bone-muted);font-size:11px;font-weight:650;line-height:1.25;text-decoration:none}.home-start-links a:hover,.home-start-links a:focus-visible{border-color:var(--cobalt);color:var(--bone)}.app-state-shell{isolation:isolate;background:var(--ink);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.app-state-shell:before{content:"";z-index:-1;background-image:linear-gradient(var(--regional-grid) 1px, transparent 1px), linear-gradient(90deg, var(--regional-grid) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000b8 42%,#0000 82%);mask-image:radial-gradient(circle,#000 0%,#000000b8 42%,#0000 82%)}.app-state-card{border:1px solid var(--line);background:var(--panel);width:min(540px,100%);box-shadow:12px 12px 0 var(--solid-shadow);padding:42px}.app-state-card>span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.app-state-card h1{letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(30px,6vw,48px)}.app-state-card p{color:var(--bone-muted);margin:0;line-height:1.65}.app-state-card a{background:var(--cobalt);color:#fff;place-items:center;min-height:42px;margin-top:24px;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-grid}.app-dashboard-shell{background:var(--ink);grid-template-rows:64px 1fr auto;min-height:100dvh;display:grid}.app-header{z-index:20;border-bottom:1px solid var(--line);background:var(--header-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 30px;display:grid;position:sticky;top:0}.app-brand{color:var(--bone);text-decoration:none}.app-header-section{border-left:1px solid var(--line);color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding-left:24px;font-size:9px}.app-header-actions{align-items:center;gap:18px;display:flex}.app-header-actions>a{color:var(--bone-muted);font-size:11px;font-weight:650;text-decoration:none}.app-header-actions>a:hover{color:var(--cobalt)}.app-dashboard-main{isolation:isolate;width:min(var(--site-max-width), calc(100% - var(--site-page-gutter) - var(--site-page-gutter)));margin:0 auto;padding:64px 0 80px;position:relative}.app-dashboard-main:before{height:540px;-webkit-mask-image:linear-gradient(#000 0%,#000000a3 48%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000a3 48%,#0000 100%)}.app-dashboard-intro{grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);align-items:center;gap:clamp(40px,7vw,92px);display:grid}.app-dashboard-intro>div:first-child>span,.app-section-heading span{color:var(--coral);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700}.app-dashboard-intro h1{font-family:var(--font-pixel);font-synthesis:none;letter-spacing:.01em;margin:14px 0 18px;font-size:clamp(62px,7vw,92px);font-weight:400;line-height:.86}.app-dashboard-intro p{max-width:460px;color:var(--bone-muted);margin:0;font-size:15px;line-height:1.7}.app-start-board{border:1px dashed var(--drop-border);background:var(--panel);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:156px;padding:25px;display:grid}@supports (color:color-mix(in lab, red, red)){.app-start-board{background:color-mix(in srgb, var(--panel) 90%, transparent)}}.app-start-board{box-shadow:9px 9px 0 var(--solid-shadow);transition:border-color .16s,transform .16s}.app-start-board.is-dragging{border-color:var(--cobalt);transform:translate(-3px,-3px)}.app-start-board>svg{border:1px solid var(--cobalt);width:48px;height:48px;color:var(--cobalt);padding:12px}.app-start-board strong,.app-start-board span{display:block}.app-start-board strong{margin-bottom:5px;font-size:16px}.app-start-board span{color:var(--bone-muted);font-size:11px}.app-start-board button{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;cursor:pointer;min-height:42px;padding:0 16px;font-size:11px;font-weight:700}.app-start-board button:hover{background:var(--cobalt-hover)}.app-start-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.app-start-actions>button{border:1px solid var(--line);background:var(--panel);min-height:92px;color:var(--bone);text-align:left;cursor:pointer;align-items:center;gap:15px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.app-start-actions>button:hover,.app-start-actions>button:focus-visible{border-color:var(--cobalt);box-shadow:8px 8px 0 var(--cobalt);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.app-start-actions>button:hover,.app-start-actions>button:focus-visible{box-shadow:8px 8px 0 color-mix(in srgb, var(--cobalt) 14%, transparent)}}.app-start-actions svg{color:var(--cobalt);flex:none}.app-start-actions span,.app-start-actions strong,.app-start-actions small{display:block}.app-start-actions strong{font-size:13px}.app-start-actions small{color:var(--bone-muted);margin-top:5px;font-size:10px;font-weight:400;line-height:1.45}.app-dashboard-status{color:var(--coral);margin:18px 0 0;font-size:12px}.app-projects-section{margin-top:76px}.app-section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding-bottom:18px;display:flex}.app-section-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:31px}.app-section-heading>small{color:var(--control-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.app-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.app-project-card{border:1px solid var(--line);background:var(--panel);min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s}.app-project-card:hover,.app-project-card:focus-within{border-color:var(--cobalt);box-shadow:8px 8px 0 var(--cobalt);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.app-project-card:hover,.app-project-card:focus-within{box-shadow:8px 8px 0 color-mix(in srgb, var(--cobalt) 14%, transparent)}}.app-project-open{width:100%;color:var(--bone);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.app-project-preview{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:linear-gradient(45deg, var(--canvas-check) 25%, transparent 25%), linear-gradient(-45deg, var(--canvas-check) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--canvas-check) 75%), linear-gradient(-45deg, transparent 75%, var(--canvas-check) 75%), var(--canvas-bg);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;display:grid;overflow:hidden}.app-project-preview canvas{object-fit:contain;width:min(78%,250px);height:min(78%,160px);image-rendering:pixelated;filter:drop-shadow(0 7px 13px var(--art-shadow))}.app-project-copy{padding:17px 18px 15px;display:block}.app-project-copy strong,.app-project-copy small,.app-project-copy time{display:block}.app-project-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.app-project-copy small{color:var(--bone-muted);margin-top:5px;font-size:10px}.app-project-copy time{color:var(--control-muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:12px;font-size:8px}.app-project-actions{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.app-project-actions button{border:0;border-right:1px solid var(--line);min-width:0;min-height:38px;color:var(--control-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:8px;display:flex}.app-project-actions button:last-child{border-right:0}.app-project-actions button:hover{color:var(--bone);background:var(--ink-raised)}.app-project-actions .app-project-action-open{background:var(--cobalt);color:#fff;font-weight:700}.app-project-actions .app-project-action-open:hover{background:var(--cobalt-hover);color:#fff}.app-projects-empty{border:1px dashed var(--line);min-height:210px;color:var(--control-muted);text-align:center;align-content:center;place-items:center;gap:9px;padding:30px;display:grid}.app-projects-empty strong{color:var(--bone)}.app-projects-empty p{color:var(--bone-muted);margin:0;font-size:12px}.app-projects-dropzone{cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.app-projects-dropzone:hover,.app-projects-dropzone:focus-visible,.app-projects-dropzone.is-dragging{border-color:var(--cobalt);background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.app-projects-dropzone:hover,.app-projects-dropzone:focus-visible,.app-projects-dropzone.is-dragging{background:color-mix(in srgb, var(--cobalt) 4%, transparent)}}.app-projects-dropzone:hover,.app-projects-dropzone:focus-visible,.app-projects-dropzone.is-dragging{color:var(--cobalt)}.app-projects-dropzone:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.app-projects-dropzone-action{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.04em;text-underline-offset:3px;text-transform:uppercase;margin-top:3px;font-size:9px;text-decoration:underline}.app-storage-panel{border:1px solid var(--cobalt);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;margin-top:54px;padding:18px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.app-storage-panel{border:1px solid color-mix(in srgb, var(--cobalt) 26%, var(--line))}}.app-storage-panel{border-left:3px solid var(--cobalt);background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.app-storage-panel{background:color-mix(in srgb, var(--cobalt) 4%, var(--panel-deep))}}.app-storage-reminder-icon{color:var(--cobalt);margin-top:2px}.app-storage-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 12px;margin-bottom:7px;display:flex}.app-storage-panel h2{margin:3px 0 0;font-size:15px}.app-storage-heading span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.app-storage-heading>span{color:var(--green)}.app-storage-panel p{color:var(--bone-muted);margin:0;font-size:11px;line-height:1.55}.app-storage-panel p strong{color:var(--bone)}.app-footer{border-top:1px solid var(--line);background:var(--header);color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;font-size:8px;display:flex}.app-footer nav{gap:18px;display:flex}.app-footer a{color:var(--bone-muted);text-decoration:none}.app-footer a:hover{color:var(--cobalt)}@media (width<=1020px){:root{--site-page-gutter:24px;--site-section-space:88px}.app-dashboard-intro{grid-template-columns:.82fr 1.18fr;gap:36px}.app-start-board{grid-template-columns:42px minmax(0,1fr)}.app-start-board>button{grid-column:1/-1;width:100%}.app-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-header{gap:18px;padding:0 24px}.landing-nav{gap:17px}.landing-main{grid-template-columns:1fr 1fr;gap:36px}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-card:last-child{grid-column:1/-1}.landing-footer{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(120px,.7fr));gap:30px;padding-left:24px;padding-right:24px}.landing-copy h1{font-size:clamp(56px,7vw,72px)}.landing-copy{top:-10px}.hero-heading-group{width:calc(100% + 50px)}.hero-conversion-preview{width:200px;left:calc(50% - 124px)}.prose-article.guide-article{width:min(820px,100% - 48px)}.guide-article>.article-header{margin-left:0}.guide-reading-layout{margin-top:42px;display:block}.article-toc{margin-bottom:56px;position:static}.article-toc-links{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header{grid-template-columns:160px minmax(132px,1fr) auto}.brand-lockup.compact{padding-left:14px;font-size:12px}.project-title{justify-content:flex-start;gap:7px;padding-left:8px}.project-name-button{max-width:min(240px,24vw);padding-left:3px;padding-right:3px}.project-title strong{max-width:100%;font-size:12px}.project-title small{display:none}.autosave-state{color:#0000;gap:0;width:7px;min-width:7px;height:7px;font-size:0;overflow:hidden}.autosave-state i{flex:none;width:7px;height:7px}.header-actions{gap:6px;padding:0 7px}.studio-header .theme-switcher{display:none}.studio-body{grid-template-columns:68px minmax(0,1fr)}.tool-rail{padding:7px}.tool-button{width:50px;height:48px}.inspector{z-index:20;width:min(360px,100vw - 70px);box-shadow:-8px 0 24px var(--inspector-shadow);transition:transform .18s;position:fixed;top:64px;bottom:0;right:0;transform:translate(102%)}.inspector-scrim{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07090a6b;border:0;display:block;position:fixed;inset:64px 0 0 68px}.inspector.mobile-open{transform:translate(0)}.inspector-mobile-head{z-index:2;border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;min-height:54px;padding:0 10px 0 20px;font-size:14px;display:flex;position:sticky;top:0}.inspector-mobile-title{gap:1px;display:grid}.inspector-mobile-title span{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.inspector-mobile-actions{align-items:center;gap:8px;display:flex}.inspector-mobile-actions>button{width:40px;height:40px;color:var(--bone-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mobile-controls{place-items:center;width:42px;min-width:42px;min-height:40px;padding:0;display:inline-grid}.mobile-controls span{display:none}.project-menu-trigger{padding-left:11px;padding-right:11px}.header-export{padding-left:13px;padding-right:13px}.content-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 24px}.content-brand{padding-left:0}.content-nav{gap:18px}.content-tool-link{min-width:142px}.article-wrap{width:min(820px,100% - 48px)}}@media (width<=760px){:root{--site-page-gutter:16px;--site-section-space:72px}.app-dashboard-shell{grid-template-rows:auto 1fr auto}.app-header{grid-template-columns:auto 1fr;gap:14px;min-height:58px;padding:0 16px}.app-header-section{display:none}.app-header-actions{justify-self:end;gap:12px}.app-header-actions>a{display:none}.app-dashboard-main{width:calc(100% - 32px);padding:48px 0 64px}.app-dashboard-intro{grid-template-columns:1fr;gap:30px}.app-dashboard-intro h1{font-size:clamp(60px,18vw,82px)}.app-start-board{min-height:172px;padding:20px}.app-start-actions{grid-template-columns:1fr;gap:8px;margin-top:24px}.app-start-actions>button{min-height:78px}.app-projects-section{margin-top:58px}.app-project-grid{grid-template-columns:1fr}.app-footer{flex-direction:column;align-items:flex-start;padding:20px 16px 28px}.app-state-card{box-shadow:8px 8px 0 var(--solid-shadow);padding:30px 24px}.toast-viewport{width:min(360px,100vw - 24px);bottom:14px;right:12px}.studio-shell .toast-viewport{bottom:124px}.confirmation-backdrop{padding:16px}.confirmation-dialog{box-shadow:8px 8px 0 var(--solid-shadow);padding:22px}.confirmation-actions{grid-template-columns:1fr}.dimension-presets,.resize-modes{grid-template-columns:1fr 1fr}.project-library-list article{grid-template-columns:1fr 1fr 1fr}.project-library-list .project-library-open{grid-column:1/-1}.landing-shell{grid-template-rows:58px auto auto auto}.landing-header{grid-template-columns:1fr auto;gap:14px;padding:0 16px}.landing-header .brand-lockup{height:58px}.landing-utilities{gap:14px;height:58px}.landing-nav{gap:14px}.landing-nav a{font-size:10px}.landing-main{grid-template-columns:1fr;gap:36px;min-height:0;padding:52px 0 72px}.hero-conversion-preview{justify-self:end;width:176px;margin:-8px 16px -58px 0;position:relative;bottom:auto;left:auto}.landing-copy{top:0}.landing-copy h1{font-size:clamp(52px,14vw,66px)}.hero-heading-group{width:100%}.landing-copy p{margin:24px 0 20px;font-size:15px}.upload-board{min-height:390px;box-shadow:8px 8px 0 var(--solid-shadow);padding:16px}.upload-content{min-height:358px;padding:70px 22px 30px}.drop-kicker{top:31px;left:32px}.comparison-section{padding-top:var(--site-section-space);padding-bottom:0}.landing-section-header{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.landing-section-header>p{justify-self:start}.landing-section-header h2{font-size:clamp(32px,10vw,44px)}.comparison-card{box-shadow:8px 8px 0 var(--solid-shadow);padding:8px}.comparison-label{padding:6px 7px;font-size:7px;top:9px}.comparison-label--pixel{left:9px}.comparison-label--source{right:9px}.comparison-divider i{width:40px;height:40px}.comparison-proof{grid-template-columns:1fr;margin-top:34px}.comparison-proof article{padding:22px 0}.comparison-proof article+article{border-top:1px solid var(--line);border-left:0;padding-left:0}.workflow-grid{grid-template-columns:1fr}.workflow-card:last-child{grid-column:auto}.landing-how li{grid-template-columns:34px 90px 1fr}.comparison-caption{flex-direction:column;align-items:flex-start;gap:14px;padding:17px 0 0}.comparison-caption button{width:100%}.landing-footer{grid-template-columns:1.25fr 1fr 1fr;gap:36px 24px;padding:46px 20px 34px}.footer-brand{grid-column:1/-1}.footer-note{flex-direction:column;align-items:flex-start;gap:7px}.footer-version{align-self:flex-end}.studio-shell{min-height:560px}.studio-header{grid-template-columns:48px minmax(0,1fr) auto;height:58px}.header-actions{gap:5px;padding:0 5px}.brand-lockup.compact{justify-content:center;padding:0}.brand-lockup.compact>span:last-child{display:none}.project-title{justify-content:flex-start;min-width:0;padding-left:10px}.project-title strong{max-width:27vw;font-size:12px}.project-title small{display:none}.autosave-state{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.studio-header .theme-switcher{display:none}.mobile-controls{width:44px;min-width:44px;min-height:44px;display:inline-grid}.project-menu-trigger,.header-export{justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.project-menu-trigger>span,.project-menu-trigger>svg:last-child,.header-export>span{display:none}.project-menu{width:min(280px,100vw - 16px);position:fixed;top:64px;right:8px}.studio-body{grid-template-columns:1fr;height:calc(100dvh - 168px);min-height:0}.tool-rail{z-index:25;border:0;border-top:1px solid var(--line);background:var(--header);grid-template-rows:58px 52px;grid-template-columns:minmax(0,1fr);width:100%;height:110px;padding:4px 8px 6px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 28px #0003}.tool-stack{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:3px}.rail-history{border:0;grid-template-columns:repeat(2,48px);align-self:center;gap:4px;padding:0;display:grid}.tool-button{width:100%;min-width:44px;height:48px}.tool-button kbd{display:none}.canvas-panel{grid-template-rows:46px minmax(0,1fr) 44px}.canvas-toolbar{padding:0 8px}.tool-status>span,.color-well code{display:none}.tool-status{gap:7px}.brush-control>span{display:none}.brush-control button{width:44px;height:44px}.color-well{justify-content:center;min-width:44px;min-height:44px}.view-actions button:first-child{display:none}.view-actions .compare-button{min-height:44px;padding:0 10px;font-size:10px}.status-message{max-width:34vw}.studio-version{display:none}.inspector{border-top:1px solid var(--line);width:100%;height:min(76dvh,680px);box-shadow:0 -8px 24px var(--inspector-shadow);border-left:0;inset:auto 0 110px;transform:translateY(102%)}.inspector.mobile-open{transform:translateY(0)}.inspector-scrim{inset:58px 0 110px}.slider-field input[type=range]{height:44px}.segmented-control button,.toggle-row{min-height:44px}.palette-strip button{width:44px;height:44px}.zoom-control{grid-template-columns:44px 58px 44px 48px}.content-shell{grid-template-rows:auto 1fr auto}.content-header{grid-template-columns:1fr auto;padding:0;position:relative}.content-brand{border-right:0;height:58px;padding-left:16px}.content-brand>span:last-child{font-size:11px}.content-header-actions{grid-column:2;gap:8px;height:58px;padding:0 8px}.content-tool-link{min-width:88px;height:38px;padding:0 11px}.content-tool-label{font-size:0}.content-tool-label:after{content:"Tool";font-size:11px}.public-header .content-tool-label{font-size:11px}.public-header .content-tool-label:after{content:none}.content-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;gap:22px;padding:0 16px;overflow-x:auto}.content-nav a{flex:none;padding:13px 0}.article-wrap{width:calc(100% - 32px);padding:54px 0 74px}.article-header{padding-bottom:34px}.article-header h1{font-size:clamp(40px,11.5vw,54px)}.article-header p{margin-top:38px;font-size:16px}.guide-grid,.guide-quick-reference,.recipe-grid{grid-template-columns:1fr}.guide-card{min-height:230px}.guide-quick-reference{gap:30px;margin-top:54px}.article-toc{margin-bottom:48px}.article-toc-links{scrollbar-width:thin;display:flex;overflow-x:auto}.article-toc a{border-bottom:2px solid var(--line);border-left:0;flex:none;padding:11px 13px}.article-toc a.is-active{border-bottom-color:var(--cobalt)}.prose-article>section,.guide-reading-content>section{margin-top:58px;padding-left:0}.guide-pagination{grid-template-columns:1fr}.guide-pagination-link--next{text-align:left;justify-content:space-between}.guide-app-cta{grid-template-columns:1fr;gap:20px;padding:22px}.guide-app-cta>a{width:100%}.article-step{margin-bottom:10px;display:block;position:static}.prose-article h2{font-size:25px}.prose-article dl{grid-template-columns:1fr}.settings-table>div{grid-template-columns:88px 1fr;gap:12px}.content-footer{grid-template-columns:1fr;gap:18px;padding:24px 20px 34px}.content-footer nav{flex-wrap:wrap;gap:12px 20px;padding-right:0}}@media (width<=520px){.landing-header .brand-lockup>span:last-child{display:none}.landing-header,.landing-utilities{gap:10px}.landing-nav{gap:11px}.landing-copy h1{font-size:clamp(48px,13.5vw,60px)}.landing-footer{grid-template-columns:1fr 1fr}.landing-footer .footer-column:last-of-type{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}