/*! 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}.hidden{display:none}.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;--artboard-border:#41485242;--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(--cobalt);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(--cobalt);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:74px minmax(120px, 1fr) var(--studio-inspector-width);border-bottom:1px solid var(--line);background:var(--header);align-items:center;height:64px;display:grid}.studio-projects-icon{border-right:1px solid var(--line);height:100%;color:var(--bone);place-items:center;text-decoration:none;display:grid;position:relative}.studio-projects-icon:hover,.studio-projects-icon:focus-visible{background:var(--ink-raised)}.studio-projects-icon .brand-mark{grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);width:20px;height:20px}.studio-projects-icon .brand-mark i{transition:transform .16s}.studio-projects-icon:hover .brand-mark i:first-child,.studio-projects-icon:focus-visible .brand-mark i:first-child{transform:translate(-1px,-1px)}.studio-projects-icon:hover .brand-mark i:nth-child(2),.studio-projects-icon:focus-visible .brand-mark i:nth-child(2){transform:translate(1px,-1px)}.studio-projects-icon:hover .brand-mark i:nth-child(3),.studio-projects-icon:focus-visible .brand-mark i:nth-child(3){transform:translate(-1px,1px)}.studio-projects-icon:hover .brand-mark i:nth-child(4),.studio-projects-icon:focus-visible .brand-mark i:nth-child(4){transform:translate(1px,1px)}.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:6px;min-width:0;height:100%;padding:0 6px;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}.studio-header .project-menu-wrap{align-items:center;margin-left:0;display:flex}.project-menu-trigger{align-items:center;gap:7px;display:flex}.studio-header .project-menu-trigger{padding-left:12px;padding-right:12px}.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}.project-menu-return{font-weight:650;color:var(--bone)!important}.project-menu-divider{background:var(--line);height:1px;margin:5px 4px}.export-menu-wrap{position:relative}.export-menu{z-index:52;border:1px solid var(--line);background:var(--panel);width:294px;box-shadow:9px 9px 0 var(--solid-shadow);padding:7px;position:absolute;top:calc(100% + 8px);right:0}.export-menu>header{border-bottom:1px solid var(--line-soft);gap:3px;padding:7px 9px 10px;display:grid}.export-menu>header span{color:var(--bone);font-size:12px;font-weight:750}.export-menu>header strong{color:var(--control-muted);font-family:var(--font-mono);font-size:9px;font-weight:500}.export-menu>header small{color:var(--cobalt);font-family:var(--font-mono);font-size:8px}.export-menu>button{width:100%;min-height:50px;color:var(--bone-muted);text-align:left;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px;display:grid}.export-menu>button:hover,.export-menu>button:focus-visible{background:var(--ink-raised);color:var(--bone)}.export-menu>button>span,.export-menu>button strong,.export-menu>button small{display:block}.export-menu>button strong{font-size:11px}.export-menu>button small{color:var(--control-muted);font-family:var(--font-mono);margin-top:2px;font-size:8px}.export-menu>button.export-menu-primary{background:var(--cobalt);color:#fff;margin-top:6px}.export-menu>button.export-menu-primary small{color:#ffffffb8}.export-menu-controls{border:1px solid var(--line-soft);background:var(--panel-deep);gap:8px;margin:5px 4px;padding:10px;display:grid}.export-menu-controls>label{color:var(--control-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.export-menu-controls select{border:1px solid var(--line);background:var(--panel);min-width:72px;height:30px;color:var(--bone)}.export-menu-controls .toggle-row{margin:0}.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 14px;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:auto}.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:4px;display:grid}.rail-history{border-top:1px solid var(--line);padding-top:10px}.tool-button{width:52px;height:46px;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}.mobile-tool-label,.mobile-more-tools,.mobile-canvas-nav{display: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;gap:12px;min-width:0;padding:0 14px 0 16px;display:flex}.tool-status,.view-actions,.brush-control,.color-well{align-items:center;display:flex}.tool-status{scrollbar-width:none;gap:10px;min-width:0;overflow-x:auto}.tool-status::-webkit-scrollbar{display:none}.tool-status>span{min-width:60px;font-size:13px;font-weight:650}.active-layer-guard{border:1px solid var(--cobalt);flex:none;align-items:center;gap:7px;min-height:34px;padding:0 4px 0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.active-layer-guard{border:1px solid color-mix(in srgb, var(--cobalt) 50%, var(--line))}}.active-layer-guard{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.active-layer-guard{background:color-mix(in srgb, var(--cobalt) 9%, var(--panel-deep))}}.active-layer-guard{color:var(--cobalt);font-size:10px}.active-layer-guard>span{max-width:180px;color:var(--bone-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-layer-guard button{background:var(--cobalt);color:#fff;cursor:pointer;border:0;min-height:26px;padding:0 8px;font-size:9px;font-weight:750}.brush-control{border:1px solid var(--line);height:36px}.brush-control>span{color:var(--control-muted);padding:0 10px;font-size:11px}.brush-control button{border:0;border-right:1px solid var(--line);width:34px;height:34px;color:var(--control-muted);font-family:var(--font-mono);background:0 0;padding:0;font-size:11px}.brush-control button:first-of-type{border-left:1px solid var(--line)}.brush-control button:last-child{border-right:0}.brush-control button.active{background:var(--bone);color:var(--ink)}.editor-tool-options,.selection-actions{border:1px solid var(--line);flex:none;align-items:center;height:36px;display:flex}.editor-tool-options button,.selection-actions button{border:0;border-right:1px solid var(--line);min-width:48px;height:34px;color:var(--control-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:0 9px;font-size:10px}.editor-tool-options button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.editor-tool-options button:last-child,.selection-actions button:last-child{border-right:0}.editor-tool-options button:hover,.selection-actions button:hover,.editor-tool-options button.active{background:var(--ink-raised);color:var(--bone)}.editor-tool-options button.active{box-shadow:inset 0 -2px var(--cobalt)}.selection-actions>span{color:var(--bone-muted);font-family:var(--font-mono);white-space:nowrap;padding:0 10px;font-size:9px}.selection-actions button:nth-last-child(2):hover{color:var(--coral)}.shape-constraint-hint{color:var(--control-muted);white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:9px;display:inline-flex}.shape-constraint-hint kbd{border:1px solid var(--line);color:var(--bone-muted);font-family:var(--font-mono);padding:2px 4px;font-size:8px}.mobile-brush-control{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);height:44px;display:none;position:relative}.mobile-brush-trigger{height:44px;color:var(--control-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.mobile-brush-trigger:hover,.mobile-brush-trigger[aria-expanded=true]{color:var(--bone);background:var(--ink-raised)}.mobile-brush-trigger strong{min-width:12px;color:var(--bone);font-family:var(--font-mono);text-align:center;font-size:11px;font-weight:500}.mobile-brush-trigger svg{flex:none;transition:transform .16s}.mobile-brush-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-brush-menu{z-index:8;border:1px solid var(--line);background:var(--overlay-panel);width:132px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #0000003d}.mobile-brush-menu--portal{z-index:40;position:fixed}.mobile-brush-menu button{width:100%;min-height:38px;color:var(--bone-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;display:flex}.mobile-brush-menu button:hover,.mobile-brush-menu button:focus-visible,.mobile-brush-menu button[aria-checked=true]{background:var(--ink-raised);color:var(--bone)}.color-well{border:1px solid var(--line);min-height:36px;color:var(--control-muted);cursor:pointer;gap:7px;padding:0 9px;font-size:11px}.color-well:hover{color:var(--bone);background:var(--ink-raised);border-color:#686d72}.color-well input{opacity:0;pointer-events:none;position:absolute}.color-well-label{color:inherit}.color-swatch{border:2px solid var(--bone);width:20px;height:20px;box-shadow:0 0 0 1px var(--line)}.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,.view-actions button[data-active=true]{color:var(--bone);background:var(--ink-raised);border-color:#686d72}.view-action-icon{display:none}.view-actions .grid-button{align-items:center;gap:6px;display:inline-flex}.view-actions .grid-button .view-action-icon{display:block}.view-actions .compare-button{color:var(--bone);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.compare-hold-label{color:var(--coral);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.compare-hold-label:after{content:"";background:var(--control-muted);border-radius:50%;width:2px;height:2px;margin:0 0 2px 5px;display:inline-block}.view-actions .compare-button.active{border-color:var(--coral);background:var(--coral);color:#fff}.view-actions .compare-button.active .compare-hold-label,.view-actions .compare-button.active .compare-hold-label:after,.view-actions .compare-button.active .compare-original-label,.view-actions .compare-button.active kbd{color:#fff}.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;-webkit-touch-callout:none;-webkit-user-select:none;user-select: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;-webkit-user-drag:none;-webkit-user-select:none;user-select: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],.canvas-wrap canvas[data-tool=shape]{cursor:crosshair}.canvas-wrap canvas[data-tool=select],.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}.shape-measurement{z-index:5;border:1px solid var(--cobalt);background:var(--overlay-panel);min-width:124px;box-shadow:3px 3px 0 var(--solid-shadow);color:var(--bone);pointer-events:none;gap:2px;padding:7px 9px 8px;display:grid;position:absolute}.shape-measurement span,.shape-measurement small{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;line-height:1.2}.shape-measurement strong{font-family:var(--font-mono);font-size:12px;font-weight:650;line-height:1.2}.shape-measurement small{color:var(--cobalt-hover)}.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}.grid-zoom-hint{color:var(--bone-muted);font-family:var(--font-mono);letter-spacing:.03em;align-items:center;gap:10px;font-size:10px;display:flex}.grid-zoom-hint--desktop{z-index:2;border:1px solid var(--line);background:var(--overlay-panel);white-space:nowrap;padding:7px 8px 7px 11px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.grid-zoom-hint--mobile{display:none}.grid-zoom-hint>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.grid-zoom-hint button{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;min-height:28px;font:inherit;cursor:pointer;padding:0 9px}.grid-zoom-hint button:hover{background:var(--cobalt-hover)}.grid-zoom-hint small{min-width:0;color:var(--control-muted);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.inspector-mobile-head{display:none}.inspector-tabs{border-bottom:1px solid var(--line);background:var(--panel);flex:none;grid-template-columns:repeat(2,1fr);min-height:48px;display:grid}.inspector-tabs button{border:0;border-right:1px solid var(--line-soft);color:var(--control-muted);background:0 0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.inspector-tabs button:last-child{border-right:0}.inspector-tabs button:hover,.inspector-tabs button.active{color:var(--bone);background:var(--ink-raised)}.inspector-tabs button.active{border-bottom-color:var(--cobalt)}.layers-panel{flex-direction:column;height:100%;min-height:0;display:flex}.layers-panel:focus{outline:none}.layers-panel-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;min-height:58px;padding:10px 14px;display:flex}.layers-panel-heading{gap:2px;display:grid}.layers-panel-heading>span{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.layers-panel-heading strong{font-size:14px}.layers-panel-heading small{color:var(--control-muted);font-size:8px}.layers-panel-header-actions{align-items:center;gap:5px;display:flex}.layers-panel-header-actions button{border:1px solid var(--line);background:var(--ink-raised);min-height:34px;color:var(--bone);cursor:pointer;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.layers-panel-header-actions button:hover:not(:disabled),.layers-panel-header-actions button:focus-visible,.layers-panel-header-actions button.active{border-color:var(--cobalt);color:var(--cobalt)}.layers-panel-header-actions button.active{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.layers-panel-header-actions button.active{background:color-mix(in srgb, var(--cobalt) 10%, var(--ink-raised))}}.layers-panel-header-actions button:disabled{opacity:.35;cursor:not-allowed}.layer-manager{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;outline:none;flex:auto;min-height:0;padding:8px;overflow-y:auto}.layer-row{border:1px solid #0000;border-bottom-color:var(--line-soft);background:0 0;grid-template-columns:32px minmax(0,1fr) 32px 34px;align-items:center;min-height:58px;display:grid}.layer-row:hover{background:var(--ink-raised)}@supports (color:color-mix(in lab, red, red)){.layer-row:hover{background:color-mix(in srgb, var(--ink-raised) 82%, var(--panel))}}.layer-row.selected{border-color:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.layer-row.selected{border-color:color-mix(in srgb, var(--cobalt) 48%, var(--line))}}.layer-row.selected{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.layer-row.selected{background:color-mix(in srgb, var(--cobalt) 10%, var(--ink-raised))}}.layer-row.primary{box-shadow:inset 3px 0 var(--cobalt)}.layer-row.hidden .layer-main{opacity:.55}.layer-icon-button{width:32px;height:38px;color:var(--control-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.layer-icon-button:hover{color:var(--bone);background:0 0}.layer-selection-toggle{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:38px;padding:0;display:grid}.layer-selection-toggle>span{border:1px solid var(--line);background:var(--panel-deep);border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.layer-selection-toggle[aria-pressed=true]>span{border-color:var(--cobalt);background:var(--cobalt)}.layer-selection-toggle:hover>span,.layer-selection-toggle:focus-visible>span{border-color:var(--cobalt)}.layer-lock-button[aria-pressed=true]{color:var(--cobalt-hover)}.layer-row-menu-wrap{width:34px;position:relative}.layer-more-button{opacity:.46}.layer-row:hover .layer-more-button,.layer-more-button[aria-expanded=true]{opacity:1}.layer-row-menu{z-index:1000;border:1px solid var(--line);background:var(--panel);width:164px;box-shadow:7px 7px 0 var(--solid-shadow);padding:5px;position:fixed}.layer-row-menu button{width:100%;min-height:34px;color:var(--bone-muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:10px;display:flex}.layer-row-menu button:hover:not(:disabled),.layer-row-menu button:focus-visible{background:var(--ink-raised);color:var(--bone)}.layer-row-menu button:disabled{opacity:.35}.canvas-context-menu{z-index:1200;border:1px solid var(--line);background:var(--panel);width:244px;box-shadow:7px 7px 0 var(--solid-shadow);padding:6px;position:fixed}.canvas-context-menu button{width:100%;min-height:36px;color:var(--bone-muted);text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 8px;font-size:10px;display:grid}.canvas-context-menu button:hover:not(:disabled),.canvas-context-menu button:focus-visible{background:var(--ink-raised);color:var(--bone)}.canvas-context-menu button.danger:hover:not(:disabled),.canvas-context-menu button.danger:focus-visible{color:var(--coral)}.canvas-context-menu button:disabled{opacity:.34;cursor:not-allowed}.canvas-context-menu button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-context-menu kbd{color:var(--control-muted);font-family:var(--font-mono);font-size:8px}.canvas-context-menu-divider{background:var(--line-soft);height:1px;margin:5px 3px}.shape-tool-menu{z-index:1200;border:1px solid var(--line);background:var(--panel);width:172px;box-shadow:7px 7px 0 var(--solid-shadow);padding:5px;position:fixed}.shape-tool-menu button{width:100%;min-height:36px;color:var(--bone-muted);text-align:left;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:0 8px;font-size:10px;display:grid}.shape-tool-menu button:hover,.shape-tool-menu button:focus-visible,.shape-tool-menu button[aria-checked=true]{background:var(--ink-raised);color:var(--bone)}.shape-tool-menu button[aria-checked=true]{color:var(--cobalt)}.layer-main{min-width:0;min-height:56px;color:var(--bone);text-align:left;cursor:default;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:6px;display:grid}.layer-main:focus-visible{outline:1px solid var(--cobalt);outline-offset:-2px}.layer-thumbnail-wrap{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#d8d8d8 25%,#0000 25%),linear-gradient(-45deg,#d8d8d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d8 75%),linear-gradient(-45deg,#0000 75%,#d8d8d8 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.layer-thumbnail{max-width:100%;max-height:100%;image-rendering:pixelated}.layer-copy{gap:3px;min-width:0;display:grid}.layer-copy strong,.layer-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-copy strong{font-size:11px}.layer-copy small{color:var(--control-muted);font-family:var(--font-mono);font-size:8px}.layer-copy input{border:1px solid var(--cobalt);background:var(--panel);width:100%;height:28px;color:var(--bone);padding:0 6px;font-size:11px}.layer-rename-editor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;display:grid}.layer-rename-save{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;align-items:center;gap:3px;height:28px;padding:0 6px;font-size:8px;font-weight:700;display:inline-flex}.layer-rename-save:disabled{opacity:.42}.layer-action-dock{border-top:1px solid var(--line);background:var(--panel-deep);flex:none}.layer-properties{border-bottom:1px solid var(--line);background:var(--cobalt);flex:none;padding:12px 14px 6px}@supports (color:color-mix(in lab, red, red)){.layer-properties{background:color-mix(in srgb, var(--cobalt) 3%, var(--panel-deep))}}.source-layer-row{border:1px solid var(--line-soft);background:var(--ink-raised);grid-template-rows:58px 34px;grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;gap:0;min-height:92px;margin-top:7px;display:grid}@supports (color:color-mix(in lab, red, red)){.source-layer-row{background:color-mix(in srgb, var(--ink-raised) 72%, var(--panel))}}.source-layer-row{color:var(--control-muted)}.source-layer-row.hidden .source-layer-main,.source-layer-row.hidden .source-layer-thumbnail{opacity:.55}.source-layer-main{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:6px;display:grid}.source-layer-thumbnail{color:var(--control-muted);background:var(--ink-raised);background-image:none}.source-layer-thumbnail img{object-fit:cover;width:100%;height:100%}.source-layer-opacity-value{color:var(--control-muted);font-family:var(--font-mono);text-align:right;padding-right:10px;font-size:8px}.source-layer-row input[type=range]{grid-area:2/2/auto/-1;width:100%;padding:0 10px 8px 6px}.layers-panel-actions{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);min-height:58px;display:grid}.layers-panel-actions button{border:0;border-right:1px solid var(--line-soft);color:var(--control-muted);cursor:pointer;background:0 0;grid-template-rows:20px auto;align-content:center;place-items:center;gap:3px;padding:6px 2px;display:grid}.layers-panel-actions button:last-child{border-right:0}.layers-panel-actions button span{max-width:100%;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.layers-panel-actions button:hover:not(:disabled),.layers-panel-actions button:focus-visible{background:var(--ink-raised);color:var(--bone)}.layers-panel-actions button:disabled{opacity:.3;cursor:not-allowed}.layers-panel-actions .layer-delete-action:hover:not(:disabled),.layers-panel-actions .layer-delete-action:focus-visible{color:var(--coral)}.layer-structural-actions{gap:7px;padding:10px 14px;display:grid}.layer-batch-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.layer-structural-actions button{border:1px solid var(--line);background:var(--ink-raised);min-height:36px;color:var(--bone-muted);font-size:10px;font-weight:700}.layer-structural-actions button:disabled{opacity:.35;cursor:not-allowed}.layer-structural-actions .merge-layer-action{justify-content:center;align-items:center;gap:7px;display:inline-flex}.layer-structural-actions button:hover:not(:disabled),.layer-structural-actions button:focus-visible{border-color:var(--cobalt);color:var(--bone)}.layer-document-action{border-top:1px solid var(--line-soft);gap:7px;padding:10px 14px 14px;display:grid}.layer-document-action>span{color:var(--control-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:700}.layer-document-action>button{border:1px solid var(--line);min-height:52px;color:var(--control-muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:8px 11px;display:grid}.layer-document-action>button:hover,.layer-document-action>button:focus-visible{border-color:var(--bone-muted);background:var(--ink-raised);color:var(--bone)}.layer-document-action>button>span{gap:2px;min-width:0;display:grid}.layer-document-action strong{color:var(--bone);font-size:10px}.layer-document-action small{color:var(--control-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.inspector-section{border-bottom:1px solid var(--line);padding:18px 20px 20px}.adjust-panel{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line) transparent;height:100%;min-height:0;scroll-padding-top:12px;overflow-y:auto}.inspector-section:focus{outline:none}.section-heading{align-items:center;gap:9px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:.01em;margin:0;font-size:15px}.section-heading-copy{gap:3px;min-width:0;display:grid}.section-heading-copy small{color:var(--control-muted);font-size:9px;font-weight:450}.inspector-disclosure{padding:0}.inspector-disclosure>summary{cursor:pointer;min-height:66px;margin:0;padding:16px 20px;list-style:none}.inspector-disclosure>summary::-webkit-details-marker{display:none}.inspector-disclosure>summary>svg{color:var(--control-muted);margin-left:auto;transition:transform .16s,color .16s}.inspector-disclosure>summary:hover>svg,.inspector-disclosure>summary:focus-visible>svg{color:var(--bone)}.inspector-disclosure[open]>summary>svg{transform:rotate(180deg)}.inspector-disclosure>summary:focus-visible{outline:1px solid var(--cobalt);outline-offset:-1px}.inspector-disclosure-body{padding:0 20px 20px;position:relative}.disclosure-reset-button{width:max-content;min-height:28px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-4px 0 12px auto;padding:0 8px;font-size:9px;display:flex}.disclosure-reset-button:hover:not(:disabled),.disclosure-reset-button:focus-visible{border-color:var(--line);color:var(--bone)}.disclosure-reset-button:disabled{opacity:.3;cursor:default}.section-reset-button{width:28px;height:28px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;margin:-6px -6px -6px auto;padding:0;display:grid}.section-reset-button:hover:not(:disabled),.section-reset-button:focus-visible{border-color:var(--line);color:var(--bone)}.section-reset-button:disabled{opacity:.28;cursor:default}.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}.field-label-actions{align-items:center;gap:8px;display:inline-flex}.edit-together-button{border:1px solid var(--line);min-height:22px;color:var(--control-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 6px;font-size:7px;font-weight:700;display:inline-flex}.edit-together-button:hover,.edit-together-button:focus-visible,.edit-together-button.active{border-color:var(--cobalt);color:var(--cobalt)}.edit-together-button.active{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.edit-together-button.active{background:color-mix(in srgb, var(--cobalt) 10%, transparent)}}.field-label-copy{align-items:center;gap:6px;display:inline-flex;position:relative}.field-hint{display:inline-flex}.field-hint summary{width:22px;height:22px;color:var(--cobalt);cursor:pointer;border:1px solid #0000;place-items:center;margin:-4px 0;padding:0;list-style:none;display:grid}.field-hint summary::-webkit-details-marker{display:none}.field-hint summary:hover,.field-hint summary:focus-visible,.field-hint[open] summary{border-color:var(--cobalt);outline:none}.field-hint>span{z-index:10;border:1px solid var(--cobalt);background:var(--panel-deep);width:min(250px,100vw - 48px);box-shadow:4px 4px 0 var(--solid-shadow);color:var(--bone-muted);padding:10px 11px;font-size:11px;line-height:1.5;position:absolute;top:28px;left:0}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}@media (width<=1020px),(any-pointer:coarse){.studio-shell .section-reset-button{width:40px;height:40px;margin:-10px -8px -10px auto}.studio-shell .slider-field input[type=range]{touch-action:none;height:44px}.studio-shell .slider-field input[type=range]::-webkit-slider-runnable-track{height:4px}.studio-shell .slider-field input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.studio-shell .slider-field input[type=range]::-moz-range-track{background:var(--range-track);height:4px}.studio-shell .slider-field input[type=range]::-moz-range-progress{background:var(--cobalt);height:4px}.studio-shell .slider-field input[type=range]::-moz-range-thumb{border:2px solid var(--panel);background:var(--bone);width:18px;height:18px;box-shadow:0 0 0 1px var(--bone);border-radius:0}.studio-shell .select-field select,.studio-shell .segmented-control button,.studio-shell .toggle-row{min-height:44px}.studio-shell .toggle-input{flex:none;width:44px;height:26px}.studio-shell .toggle-input:after{width:18px;height:18px;top:3px;left:3px}.studio-shell .toggle-input:checked:after{transform:translate(18px)}.studio-shell .palette-strip button{width:44px;height:44px}}.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)}.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)}.pixel-detail-control{margin-bottom:18px}.conversion-looks-heading{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 9px;display:flex}.conversion-looks-heading>span{color:var(--bone);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.conversion-looks-heading>span svg{color:var(--cobalt)}.conversion-looks-heading small{color:var(--control-muted);text-align:right;font-size:8px}.conversion-look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:18px;display:grid}.conversion-look-grid button{border:1px solid var(--line);background:var(--panel-deep);min-width:0;min-height:34px;color:var(--bone-muted);text-align:center;cursor:pointer;place-items:center;padding:6px 4px;display:grid}.conversion-look-grid button:hover,.conversion-look-grid button.active{border-color:var(--cobalt);background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.conversion-look-grid button:hover,.conversion-look-grid button.active{background:color-mix(in srgb, var(--cobalt) 7%, var(--panel-deep))}}.conversion-look-grid button strong{color:var(--bone);font-size:10px}.conversion-look-grid button.active strong{color:var(--cobalt)}.pixel-detail-ends{color:var(--control-muted);font-family:var(--font-mono);justify-content:space-between;margin-top:2px;font-size:8px;display:flex}.pixel-detail-grid{color:var(--bone);font-family:var(--font-mono);margin:11px 0 0;font-size:9px;font-weight:650}.pixel-detail-presets{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:10px;display:grid}.pixel-detail-presets button{border:1px solid var(--line);background:var(--panel-deep);min-height:28px;color:var(--bone-muted);font-family:var(--font-mono);cursor:pointer;font-size:8px}.pixel-detail-presets button:hover,.pixel-detail-presets button.active{border-color:var(--cobalt);color:var(--cobalt)}.standalone-document-note{border-bottom:1px solid var(--line);color:var(--bone-muted);margin:0 0 20px;padding-bottom:16px;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(--line);background:var(--panel);width:min(440px,100%);box-shadow:14px 14px 0 var(--solid-shadow);padding:26px}.confirmation-dialog--destructive{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.confirmation-dialog--destructive{border-color:color-mix(in srgb, var(--coral) 55%, var(--line))}}.shortcut-dialog{width:min(820px,100%);max-height:min(720px,100dvh - 48px);overflow:auto}.comparison-export-dialog{width:min(660px,100%);max-height:calc(100dvh - 48px);overflow:hidden}.comparison-export-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.comparison-export-header>div{min-width:0}.comparison-export-header span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.comparison-export-header h2{color:var(--bone);letter-spacing:-.025em;margin:7px 0 6px;font-size:25px}.comparison-export-header p{color:var(--bone-muted);margin:0;font-size:12px;line-height:1.5}.comparison-export-header>button{width:40px;min-width:40px;height:40px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;margin:-6px -6px 0 0;display:grid}.comparison-export-header>button:hover,.comparison-export-header>button:focus-visible{border-color:var(--line);background:var(--ink-raised);color:var(--bone)}.comparison-export-preview{border:1px solid var(--line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#f5f2eb;background-image:linear-gradient(45deg,#ddd9d0 25%,#0000 25%),linear-gradient(-45deg,#ddd9d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd9d0 75%),linear-gradient(-45deg,#0000 75%,#ddd9d0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;max-width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden}.comparison-export-preview canvas{object-fit:contain;width:100%;height:100%;display:block}.comparison-export-side{z-index:2;color:#f4eddf;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0b0e10b8;border:1px solid #ffffff38;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;top:12px}.comparison-export-side--art{left:12px}.comparison-export-side--source{right:12px}.comparison-export-divider{z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.comparison-export-divider--line{background:#f4eddf;box-shadow:0 0 0 1px #0c0f1040}.comparison-export-divider i{background:var(--cobalt);color:#fff;border:2px solid #f4eddf;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000047}.comparison-export-controls{grid-template-columns:minmax(0,1fr) 174px;align-items:end;gap:16px;margin-top:18px;display:grid}.comparison-export-controls label{min-width:0;color:var(--bone-muted);grid-template-columns:1fr auto;gap:8px;font-size:11px;display:grid}.comparison-export-controls output{color:var(--bone);font-family:var(--font-mono);font-size:9px}.comparison-export-controls input{grid-column:1/-1}.comparison-export-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.comparison-export-presets button{border:1px solid var(--line);background:var(--panel-deep);min-height:34px;color:var(--bone-muted);font-family:var(--font-mono);cursor:pointer;font-size:9px}.comparison-export-presets button:hover,.comparison-export-presets button.active{border-color:var(--cobalt);color:var(--cobalt)}.comparison-export-divider-option{border-top:1px solid var(--line-soft);grid-column:1/-1;padding-top:10px}.comparison-export-divider-option .toggle-row{color:var(--bone);margin:0}.comparison-export-divider-option>small{color:var(--control-muted);margin-top:2px;font-size:9px;line-height:1.45;display:block}.comparison-export-actions{grid-template-columns:auto auto;justify-content:end;margin-top:18px}.comparison-export-actions button{min-width:110px}.comparison-export-actions .confirmation-primary{justify-content:center;align-items:center;gap:8px;min-width:190px;display:inline-flex}.shortcut-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.shortcut-dialog-header>div{min-width:0}.shortcut-dialog-header span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.shortcut-dialog-header h2{color:var(--bone);letter-spacing:-.025em;margin:7px 0;font-size:26px;line-height:1.1}.shortcut-dialog-header p{color:var(--bone-muted);margin:0;font-size:12px;line-height:1.5}.shortcut-dialog-header button{width:40px;min-width:40px;height:40px;color:var(--control-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;margin:-6px -6px 0 0;display:grid}.shortcut-dialog-header button:hover,.shortcut-dialog-header button:focus-visible{border-color:var(--line);background:var(--ink-raised);color:var(--bone)}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:24px;display:grid}.shortcut-group{min-width:0}.shortcut-group h3{color:var(--bone);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.shortcut-group dl{gap:0;margin:0;display:grid}.shortcut-group dl>div{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:45px;padding:7px 0;display:grid}.shortcut-group dt{color:var(--bone-muted);font-size:11px;line-height:1.3}.shortcut-group dd{justify-items:end;gap:3px;margin:0;display:grid}.shortcut-keys{justify-content:flex-end;gap:3px;display:flex}.shortcut-keys kbd{border:1px solid var(--line);border-bottom-color:var(--line);place-items:center;min-width:25px;min-height:25px;padding:2px 7px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.shortcut-keys kbd{border-bottom-color:color-mix(in srgb, var(--line) 70%, var(--bone-muted))}}.shortcut-keys kbd{background:var(--panel-deep);color:var(--bone);font-family:var(--font-mono);white-space:nowrap;font-size:9px;font-weight:650;line-height:1}.shortcut-group dd small{color:var(--control-muted);font-family:var(--font-mono);white-space:nowrap;font-size:8px}.confirmation-dialog>span{color:var(--cobalt);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(3,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}.dialog-warning{border:1px solid var(--coral);margin:12px 0 0;padding:10px}@supports (color:color-mix(in lab, red, red)){.dialog-warning{border:1px solid color-mix(in srgb, var(--coral) 55%, var(--line))}}.dialog-warning{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.dialog-warning{background:color-mix(in srgb, var(--coral) 7%, var(--panel-deep))}}.dialog-warning{color:var(--bone-muted);font-family:var(--font-mono);font-size:9px;line-height:1.5}.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(--cobalt);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(--cobalt) 55%, var(--line))}}.confirmation-icon{background:var(--cobalt)}@supports (color:color-mix(in lab, red, red)){.confirmation-icon{background:color-mix(in srgb, var(--cobalt) 9%, transparent)}}.confirmation-icon{color:var(--cobalt)}.confirmation-dialog--destructive .confirmation-icon{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.confirmation-dialog--destructive .confirmation-icon{border-color:color-mix(in srgb, var(--coral) 55%, var(--line))}}.confirmation-dialog--destructive .confirmation-icon{background:var(--coral)}@supports (color:color-mix(in lab, red, red)){.confirmation-dialog--destructive .confirmation-icon{background:color-mix(in srgb, var(--coral) 9%, transparent)}}.confirmation-dialog--destructive .confirmation-icon{color:var(--coral)}.confirmation-copy>span{color:var(--cobalt);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.confirmation-dialog--destructive>span,.confirmation-dialog--destructive .confirmation-copy>span{color:var(--coral)}.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)}.about-article .article-header{max-width:none}.article-next{align-items:center;gap:8px;display:inline-flex}.article-next svg{flex:none}.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)}.credits-article .article-header{max-width:none}.credits-article>section{padding-left:0}.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-browser-controls{align-items:start;gap:10px;margin:-8px 0 18px;display:flex}.app-project-search{flex:auto;align-items:center;min-width:0;display:flex;position:relative}.app-project-search>svg{color:var(--control-muted);pointer-events:none;position:absolute;left:13px}.app-project-search input{border:1px solid var(--line);background:var(--panel);width:100%;min-height:44px;color:var(--bone);border-radius:0;outline:0;padding:0 42px 0 40px;font-size:12px}.app-project-search input::placeholder{color:var(--control-muted)}.app-project-search input::-webkit-search-cancel-button{appearance:none;display:none}.app-project-search input::-webkit-search-decoration{appearance:none;display:none}.app-project-search input::-ms-clear{display:none}.app-project-search input:focus{border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt)}.app-project-search button{width:36px;height:36px;color:var(--control-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;right:4px}.app-project-search button:hover,.app-project-search button:focus-visible{background:var(--ink-raised);color:var(--bone)}.app-project-sort{z-index:5;flex:0 0 190px;width:190px;position:relative}.app-project-sort-trigger{border:1px solid var(--line);background:var(--panel);width:100%;min-height:44px;color:var(--bone);cursor:pointer;text-align:left;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;font-size:11px;display:grid}.app-project-sort-trigger>svg{color:var(--control-muted)}.app-project-sort-trigger>svg:last-child{transition:transform .16s}.app-project-sort-trigger:hover,.app-project-sort-trigger:focus-visible,.app-project-sort-trigger[aria-expanded=true]{border-color:var(--cobalt);background:var(--ink-raised)}.app-project-sort-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.app-project-sort-menu{z-index:6;border:1px solid var(--line);background:var(--overlay-panel);width:100%;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0000003d}.app-project-sort-menu button{width:100%;min-height:40px;color:var(--bone-muted);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:10px;display:flex}.app-project-sort-menu button:hover,.app-project-sort-menu button:focus-visible,.app-project-sort-menu button[aria-checked=true]{background:var(--ink-raised);color:var(--bone)}.app-project-sort-menu button svg{color:var(--cobalt);flex:none}.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{image-rendering:pixelated;filter:drop-shadow(0 7px 13px var(--art-shadow));display:block}.app-project-preview-canvas--wide{width:min(78%,250px);height:auto}.app-project-preview-canvas--tall{width:auto;height:min(78%,160px)}.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-no-results button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--bone);cursor:pointer;margin-top:3px;padding:0 16px;font-size:10px;font-weight:700}.app-projects-no-results button:hover,.app-projects-no-results button:focus-visible{border-color:var(--cobalt);color:var(--cobalt)}.app-project-pagination{justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.app-project-pagination button{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--bone);cursor:pointer;place-items:center;padding:0;display:grid}.app-project-pagination button:hover:not(:disabled),.app-project-pagination button:focus-visible{border-color:var(--cobalt);color:var(--cobalt)}.app-project-pagination button:disabled{color:var(--control-muted);cursor:not-allowed;opacity:.45}.app-project-pagination span{min-width:92px;color:var(--bone-muted);font-family:var(--font-mono);text-align:center;text-transform:uppercase;font-size:9px}.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:68px minmax(132px,1fr) auto}.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 .project-menu-wrap{margin-left:0}.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)}.studio-viewport-resizing .inspector{transition:none}.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<=1100px){.active-layer-guard{display:none}.project-title{justify-content:flex-start;gap:8px;width:100%;min-width:0;padding-left:10px;padding-right:10px}.project-title>div{flex:0 auto;min-width:0;max-width:100%;overflow:hidden}.project-name-button{flex:0 auto;min-width:0;max-width:none;padding:6px 8px;overflow:hidden}.project-title strong{max-width:100%}.studio-header .autosave-state{color:#0000;gap:0;width:7px;min-width:7px;height:7px;font-size:0;overflow:hidden}.studio-header .autosave-state i{flex:none;width:7px;height:7px}.brush-control{display:none}.mobile-brush-control{display:block}.canvas-panel{grid-template-rows:46px minmax(0,1fr) 44px}.canvas-toolbar{gap:0;padding:0}.tool-status>span,.color-well code{display:none}.tool-status{gap:0}.color-well{border:0;justify-content:center;min-width:78px;min-height:44px;padding:0 12px}.view-actions{align-items:stretch;gap:0;height:100%}.view-actions kbd{display:none}.view-actions .grid-button{border:0;border-left:1px solid var(--line-soft);justify-content:center;align-items:center;width:46px;min-width:46px;min-height:44px;padding:0;display:inline-flex}.view-actions .grid-button .view-action-icon{display:block}.view-actions .grid-button .view-action-label{display:none}.view-actions .compare-button{border:0;border-right:1px solid var(--line-soft);border-left:1px solid var(--line-soft);flex-direction:column;justify-content:center;gap:3px;width:86px;min-width:86px;min-height:44px;padding:0 8px;font-size:10px;line-height:1}.view-actions .compare-button .compare-hold-label:after{content:none}.view-actions .compare-button .compare-original-label{color:var(--bone);letter-spacing:.02em}.view-actions .compare-button.active .compare-original-label{color:#fff}}@media (width>=761px) and (width<=1100px){.editor-tool-options{border:0;border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);height:46px}.editor-tool-options button{border-right-color:var(--line-soft);gap:6px;min-width:52px;height:46px;padding:0 11px}.editor-tool-options button>svg{width:15px;height:15px}.editor-tool-options button.active{background:var(--ink-raised)}}@media (width<=760px){:root{--site-page-gutter:16px;--site-section-space:72px;--mobile-safe-area-bottom:min(34px, env(safe-area-inset-bottom,0px))}.studio-shell{--mobile-dock-height:calc(76px + var(--mobile-safe-area-bottom));touch-action:manipulation;grid-template-rows:auto minmax(0,1fr);display:grid}.studio-shell kbd,.shortcut-help-trigger{display:none}.rail-history{grid-template-columns:repeat(2,48px)}.studio-shell button,.studio-shell label:not(.rename-field),.studio-shell .canvas-toolbar,.studio-shell .tool-rail{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-dashboard-shell{grid-template-rows:auto 1fr auto}.app-header{min-height:58px;padding:0 max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));grid-template-columns:auto 1fr;gap:14px}.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-project-browser-controls{grid-template-columns:1fr;margin-top:-4px;display:grid}.app-project-search,.app-project-sort{width:100%}.app-project-sort{flex-basis:auto}.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:calc(var(--mobile-dock-height) + 12px)}.confirmation-backdrop{padding:16px}.confirmation-dialog{box-shadow:8px 8px 0 var(--solid-shadow);padding:22px}.comparison-export-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.comparison-export-header h2{font-size:21px}.comparison-export-side{padding:5px 6px;font-size:7px;top:8px}.comparison-export-side--art{left:8px}.comparison-export-side--source{right:8px}.comparison-export-controls{grid-template-columns:1fr;gap:10px}.comparison-export-actions{grid-template-columns:1fr}.comparison-export-actions button,.comparison-export-actions .confirmation-primary{width:100%}.confirmation-actions{grid-template-columns:1fr}.studio-shell input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),.app-dashboard-shell input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),.studio-shell select,.app-dashboard-shell select,.studio-shell textarea,.app-dashboard-shell textarea{font-size:16px}.dimension-presets,.resize-modes{grid-template-columns:repeat(3,1fr)}.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-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{height:58px;padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px);grid-template-columns:48px minmax(0,1fr) auto}.studio-projects-icon{border-right:0}.header-actions{border-left:0;gap:5px;padding:0 5px}.project-title{justify-content:flex-start;min-width:0}.project-title strong{max-width:100%;font-size:12px}.project-title small,.studio-header .theme-switcher{display:none}.mobile-controls{border:0;width:44px;min-width:44px;min-height:44px;display:inline-grid}.project-menu-trigger,.header-export{border:0;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.header-export{background:var(--panel-deep);color:var(--bone-muted)}.header-export:hover:not(:disabled),.header-export:focus-visible{background:var(--ink-raised);color:var(--bone)}.project-menu-trigger>span,.project-menu-trigger>svg:last-child,.header-export>span,.header-export>svg:last-child{display:none}.project-menu,.export-menu{width:min(280px,100vw - 16px);position:fixed;top:64px;right:8px}.studio-body{grid-template-columns:1fr;grid-template-rows:minmax(0, 1fr) var(--mobile-dock-height);height:auto;min-height:0}.canvas-panel{grid-area:1/1;grid-template-rows:minmax(0,1fr);position:relative}.canvas-wrap{grid-row:1}.canvas-footer{display:none}.canvas-toolbar{z-index:7;top:12px;right:max(12px, env(safe-area-inset-right,0px));left:max(12px, env(safe-area-inset-left,0px));pointer-events:none;background:0 0;border:0;justify-content:space-between;gap:6px;min-height:46px;position:absolute}.canvas-toolbar>*{pointer-events:auto}.tool-rail{z-index:25;width:100%;height:var(--mobile-dock-height);padding:6px max(16px, env(safe-area-inset-right,0px)) calc(6px + var(--mobile-safe-area-bottom)) max(16px, env(safe-area-inset-left,0px));border:0;border-top:1px solid var(--line);background:var(--header);grid-area:2/1;display:block;position:relative;inset:auto;box-shadow:0 -10px 28px #0003}.tool-stack{grid-template-columns:repeat(5,1fr);gap:4px;height:100%}.rail-history{display:none}.tool-button{align-content:center;gap:6px;width:100%;min-width:44px;height:64px;padding:5px 2px 4px}.tool-button>svg{width:23px;height:23px}.mobile-tool-label{text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1;display:block;overflow:hidden}.tool-button kbd{display:none}.tool-button.active{border-color:var(--line);background:var(--ink-raised);color:var(--bone)}.mobile-secondary-tool{display:none}.mobile-more-tools{min-width:0;display:block;position:relative}.mobile-more-trigger{height:64px}.mobile-more-menu{z-index:32;border:1px solid var(--line);background:var(--overlay-panel);width:172px;box-shadow:0 12px 30px var(--inspector-shadow);padding:5px;position:absolute;bottom:calc(100% + 10px);right:0}.mobile-more-menu button{width:100%;min-height:48px;color:var(--bone-muted);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr 18px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:grid}.mobile-more-menu button:hover,.mobile-more-menu button:focus-visible,.mobile-more-menu button[aria-checked=true]{background:var(--ink-raised);color:var(--bone)}.mobile-more-menu button>span:last-child{font-family:var(--font-mono);text-align:right}.tool-status{gap:6px;min-width:0;max-width:calc(100% - 96px);min-height:46px;display:flex}:is(.tool-status:not(:has(.color-well,.mobile-brush-control,.editor-tool-options,.selection-actions)),.shape-constraint-hint){display:none}.editor-tool-options,.selection-actions{background:var(--overlay-panel);height:46px;box-shadow:0 8px 22px var(--inspector-shadow);border-radius:999px}.editor-tool-options button,.selection-actions button{min-width:52px;height:44px}.editor-tool-options button:first-child,.selection-actions>span:first-child{border-radius:999px 0 0 999px}.editor-tool-options button:last-child,.selection-actions button:last-child{border-radius:0 999px 999px 0}.color-well{border:1px solid var(--line);background:var(--overlay-panel);min-width:112px;min-height:46px;box-shadow:0 8px 22px var(--inspector-shadow);pointer-events:auto;border-radius:999px;justify-content:flex-start;gap:8px;padding:0 12px}.color-well-label{display:none}.color-well code{display:block}.mobile-brush-control{border:1px solid var(--line);background:var(--overlay-panel);min-width:78px;height:46px;box-shadow:0 8px 22px var(--inspector-shadow);pointer-events:auto;border-radius:999px}.mobile-brush-trigger{border-radius:999px;justify-content:center;width:100%;height:44px;padding:0 10px}.mobile-brush-trigger>span,.grid-zoom-hint--desktop{display:none}.view-actions{align-items:center;gap:6px;height:46px;display:flex}.view-actions .grid-button,.view-actions .compare-button{border:1px solid var(--line);background:var(--overlay-panel);min-height:46px;box-shadow:0 8px 22px var(--inspector-shadow);pointer-events:auto;border:1px solid var(--line);border-radius:999px}.mobile-canvas-nav{z-index:6;right:max(12px, env(safe-area-inset-right,0px));bottom:12px;left:max(12px, env(safe-area-inset-left,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute}.mobile-canvas-history,.mobile-canvas-zoom-group,.mobile-zoom-control{align-items:center;display:flex}.mobile-canvas-history,.mobile-zoom-control,.mobile-zoom-to-grid{border:1px solid var(--line);background:var(--overlay-panel);box-shadow:0 8px 22px var(--inspector-shadow);pointer-events:auto;border-radius:999px}.mobile-canvas-history{overflow:hidden}.mobile-canvas-history button,.mobile-zoom-control>button{min-width:44px;height:44px;color:var(--control-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.mobile-canvas-history button:first-child,.mobile-zoom-control>.mobile-zoom-trigger{border-radius:999px 0 0 999px}.mobile-canvas-history button:last-child,.mobile-zoom-control>.mobile-fit-button{border-radius:0 999px 999px 0}.mobile-canvas-history button+button,.mobile-zoom-control>button+button{border-left:1px solid var(--line-soft)}.mobile-canvas-history button:hover:not(:disabled),.mobile-zoom-control>button:hover{background:var(--ink-raised);color:var(--bone)}.mobile-canvas-history button:disabled{opacity:.3}.mobile-canvas-zoom-group{justify-content:flex-end;gap:7px;min-width:0}.mobile-zoom-to-grid{min-height:44px;color:var(--bone);font-family:var(--font-mono);white-space:nowrap;padding:0 13px;font-size:9px}.mobile-zoom-to-grid:hover:not(:disabled){background:var(--ink-raised)}.mobile-zoom-to-grid:disabled{color:var(--control-muted);opacity:.72}.mobile-zoom-control{position:relative;overflow:visible}.mobile-zoom-control>.mobile-zoom-trigger{width:66px;color:var(--bone-muted);font-family:var(--font-mono);font-size:10px}.mobile-zoom-control>.mobile-zoom-trigger[aria-expanded=true]{background:var(--ink-raised);color:var(--bone)}.mobile-zoom-control>.mobile-fit-button{width:48px;color:var(--bone);font-family:var(--font-mono);font-size:10px;font-weight:500}.mobile-zoom-menu{border:1px solid var(--line);background:var(--overlay-panel);width:142px;box-shadow:0 12px 30px var(--inspector-shadow);border-radius:0;padding:5px;position:absolute;bottom:calc(100% + 8px);right:0}.mobile-zoom-menu button{width:100%;min-height:44px;color:var(--bone-muted);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:grid}.mobile-zoom-menu button:hover,.mobile-zoom-menu button:focus-visible{background:var(--ink-raised);color:var(--bone)}.mobile-zoom-menu button>span{font-family:var(--font-mono);text-align:center;font-size:15px}.inspector{top:58px;right:0;bottom:var(--mobile-dock-height);border-top:1px solid var(--line);width:100%;height:auto;box-shadow:0 -8px 24px var(--inspector-shadow);border-left:0;left:0;transform:translateY(102%)}.inspector.mobile-open{transform:translateY(0)}.inspector-scrim{inset:58px 0 var(--mobile-dock-height)}.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<=600px){.landing-shell{grid-template-rows:auto auto auto auto}.landing-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-bottom:16px}.landing-utilities{display:contents}.landing-nav{grid-area:1/2;justify-content:flex-end;gap:11px;width:100%}.public-header .theme-switcher{grid-area:1/3}.public-header .content-tool-link{grid-area:2/1/auto/-1;width:100%;min-width:0}}@media (width<=520px){.landing-header .brand-lockup>span:last-child{display:none}.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 (width<=360px){.canvas-toolbar{gap:4px;padding:0}.tool-status{gap:0}.color-well{min-width:96px;padding:0 8px}.color-well-label,.view-actions kbd{display:none}}html.pwa-standalone,html.pwa-standalone body,html.pwa-standalone .app-dashboard-shell,html.pwa-standalone .app-state-shell,html.pwa-standalone .studio-shell{min-height:100dvh}@media (width<=760px){html.pwa-ios{--mobile-safe-area-bottom:max(28px, min(34px, env(safe-area-inset-bottom,0px)))}html.pwa-standalone body:before{content:"";z-index:100;height:env(safe-area-inset-top,0px);pointer-events:none;background:#111315;position:fixed;inset:0 0 auto}html.pwa-standalone .app-header{min-height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px))}html.pwa-standalone .app-footer{padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:max(28px, calc(14px + var(--mobile-safe-area-bottom)));padding-left:max(16px, env(safe-area-inset-left,0px))}html.pwa-standalone .app-state-shell{padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, var(--mobile-safe-area-bottom)) max(24px, env(safe-area-inset-left,0px))}html.pwa-standalone .studio-header{height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}html.pwa-standalone .project-menu{top:calc(64px + env(safe-area-inset-top,0px));right:max(8px, env(safe-area-inset-right,0px))}html.pwa-standalone .inspector{top:calc(58px + env(safe-area-inset-top,0px))}html.pwa-standalone .inspector-scrim{inset:calc(58px + env(safe-area-inset-top,0px)) 0 var(--mobile-dock-height)}html.pwa-standalone .inspector-mobile-head{padding-right:max(10px, env(safe-area-inset-right,0px));padding-left:max(20px, env(safe-area-inset-left,0px))}}@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}