:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--twsa-safe-area-inset-top:env(safe-area-inset-top,0px);--twsa-safe-area-inset-right:env(safe-area-inset-right,0px);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--twsa-safe-area-inset-left:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}html,[data-generated-space-root]{height:100%;min-height:100%}[data-generated-space-root]{overflow:auto;position:fixed;scrollbar-width:none;inset:0}.hatch-space-root[data-hatch-space-root]{--hatch-space-bottom-padding:calc(var(--bottom-padding,0px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:calc(100% + var(--header-height,0px) + var(--hatch-space-bottom-padding));min-height:calc(100dvh + var(--header-height,0px) + var(--hatch-space-bottom-padding));padding-top:var(--header-height,0px);padding-bottom:var(--hatch-space-bottom-padding);background:var(--bg,#f4f7fb);color:var(--text,#0f172a)}@media (prefers-color-scheme:dark){:root:not([data-hatch-host-theme][data-hatch-color-scheme=light]) .hatch-space-root[data-hatch-space-root]{background:var(--bg,#0c111b);color:var(--text,#e5eef9)}}:root[data-hatch-host-theme][data-hatch-color-scheme=dark] .hatch-space-root[data-hatch-space-root]{background:var(--bg,#0c111b);color:var(--text,#e5eef9)}[data-generated-space-root]::-webkit-scrollbar{display:none}/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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;font-feature-settings:initial;font-variation-settings:initial;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:initial;font-variation-settings:initial;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}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{display:block;vertical-align:middle}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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{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 utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.resize{resize:both}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.safe{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left)}}:root{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left);--buncss-light:initial;--buncss-dark: ;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--bg:#e9edf1;--surface:#f7f9fb;--surface-raised:#fff;--ink:#0d1420;--text:#131a24;--dim:#5b6774;--border:#ccd4dd;--border-strong:#8d9aa8;--accent:#0b63e5;--accent-ink:#fff;--diff:#e02028;--diff-soft:#fbdfe0;--stale:#b25e00;--stale-soft:#f7e3c8;--ok:#0e7a4a;--ok-soft:#d3eddf;--radius:6px;--shadow:0 18px 50px #0d142024;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--space-surface:var(--surface);--space-surface-alt:var(--surface-raised);--space-muted:var(--dim);--space-border:var(--border);--space-accent:var(--accent);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--buncss-light: ;--buncss-dark:initial;--bg:#0a0e14;--surface:#11161e;--surface-raised:#1a212c;--ink:#05080d;--text:#e8edf3;--dim:#9aa7b5;--border:#2c3644;--border-strong:#556475;--accent:#4d94ff;--accent-ink:#081120;--diff:#ff5a5f;--diff-soft:#4a2326;--stale:#f0a04a;--stale-soft:#46331a;--ok:#4cc38a;--ok-soft:#173b2a;--shadow:0 20px 60px #0006}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{display:block;max-width:100%}.button{border-radius:var(--radius);min-height:42px;padding:10px 15px;transition:background .15s,border-color .15s;font-size:13px;font-weight:700}.button.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.button.secondary{border:1px solid var(--border-strong);background:var(--surface-raised)}.button.ghost{border:1px solid var(--border);background:0 0}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.button.big{min-height:52px;padding:14px 22px;font-size:15px}.button.wide{width:100%}.text-button{color:var(--dim);background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:650}.text-button.accent{color:var(--accent)}.section-code{color:var(--accent);font:700 11px/1.2 var(--mono);letter-spacing:.08em;margin:0 0 9px}.wordmark{display:inline-flex;letter-spacing:-.03em;align-items: center;gap:10px}.wordmark strong{font-size:19px}.mark{display:grid;background:var(--ink);color:#f2f6fa;font:700 15px/1 var(--mono);border-radius:2px 8px 2px 2px;place-items: center;width:30px;height:30px}@media (prefers-color-scheme:dark){.mark{background:var(--accent);color:var(--accent-ink)}}.app-shell{background:var(--bg);min-height:100vh}.topbar{position:sticky;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);top:0}.topbar-inner{position:relative;padding:10px max(18px,env(safe-area-inset-left))10px max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items: center;gap:12px;max-width:1280px;min-height:64px;margin:0 auto}.top-actions{display:flex;align-items: center;gap:10px}.plan-button{border:0;border-bottom:1px solid var(--border-strong);font:600 11px/1.2 var(--mono);color:var(--dim);background:0 0;padding:6px 0}.signout-button{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--radius);min-height:36px;padding:8px 13px;font-size:12px;font-weight:700}.avatar-button{border:1px solid var(--border-strong);background:var(--surface-raised);font:700 12px var(--mono);border-radius:50%;width:34px;height:34px}.account-menu{position:absolute;display:grid;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow);z-index:30;border-radius:8px;gap:5px;width:min(290px,100vw - 36px);padding:16px;top:58px;right:18px}.account-menu span{color:var(--dim);word-break:break-word;font-size:13px}.account-menu button{text-align:left;border:0;border-top:1px solid var(--border);color:var(--diff);background:0 0;margin-top:8px;padding:10px 0 0;font-weight:650}.account-menu .settings-link{color:var(--accent)}.landing{background:var(--surface);min-height:100vh}.landing-top{position:sticky;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);top:0}.landing-inner{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));max-width:1280px;margin:0 auto}.top-row{display:flex;justify-content:space-between;align-items: center;min-height:64px}.signin-link{color:var(--dim);border:0;border-bottom:1px solid var(--border-strong);background:0 0;padding:8px 2px;font-size:13px;font-weight:700}main.landing-inner{padding-top:40px;padding-bottom:max(70px,env(safe-area-inset-bottom));display:grid;gap:44px}.hero{max-width:900px}.kicker{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,6vw,62px);line-height:1.02}.hero-lede{color:var(--dim);max-width:720px;margin:20px 0 0;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items: center;gap:14px 20px;margin-top:26px}.hero-price{color:var(--dim);font-size:13px}.hero-price b{color:var(--text)}.pain-grid{display:grid;gap:16px}.pain-grid article{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:22px}.pain-grid h2{letter-spacing:-.02em;margin:0 0 14px;font-size:21px}.plain-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}.plain-list li{position:relative;color:var(--dim);padding-left:18px;font-size:14px;line-height:1.55}.plain-list li:before{content:"";position:absolute;background:var(--accent);width:8px;height:2px;top:9px;left:0}.example-board{background:var(--ink);color:#e8edf3;border-radius:8px;padding:22px}.example-board .section-code{color:#7db1ff}.example-head{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:14px}.example-head .section-code{margin:0}.example-tag{color:#7db1ff;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid #7db1ff;border-radius:20px;padding:4px 9px}.example-list{display:grid;border:1px solid #2c3644}.example-row{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr)auto;background:#11161e;border-bottom:1px solid #2c3644;align-items: center;gap:12px;padding:12px 14px 12px 18px}.example-row:last-child{border-bottom:0}.example-thumb{display:grid;background:#1a212c;border:1px solid #2c3644;border-radius:3px;align-content: start;gap:4px;height:40px;padding:7px}.example-thumb i{display:block;background:#556475;height:3px}.example-thumb i:nth-child(2){background:var(--diff);width:70%}.example-thumb i:nth-child(3){width:85%}.example-copy{display:grid;gap:2px;min-width:0}.example-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.example-copy small{color:#9aa7b5;font:11px var(--mono)}.example-note{color:#9aa7b5;margin:14px 0 0;font-size:12px}.pricing{display:grid;gap:16px}.price-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:24px}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.price-amount{letter-spacing:-.04em;margin:0 0 16px;font-size:38px;font-weight:800}.price-amount small{color:var(--dim);letter-spacing:0;font-size:15px;font-weight:600}.signin-block{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;max-width:560px;padding:26px;scroll-margin-top:84px}.signin-block h2{letter-spacing:-.03em;margin:0 0 20px;font-size:26px}.signin-form{display:grid;gap:10px}.signin-form label{color:var(--dim);font-size:12px;font-weight:700}.signin-form input{border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;width:100%;padding:13px 12px}.signin-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)18%,transparent);outline:none}.code-input{letter-spacing:.18em;text-align:center;font:700 24px var(--mono)!important}.signin-help{color:var(--dim);margin:2px 0 0;font-size:12px;line-height:1.55}.login-notice{background:var(--stale-soft);border-left:3px solid var(--stale);margin:0;padding:11px;font-size:12px;line-height:1.5}.price-line{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:11px 0;font-size:12px}.price-line:first-of-type{border-top:1px solid var(--border);margin-top:22px}.price-line span{color:var(--dim);font-family:var(--mono)}.steps-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px}.steps-head{display:flex;justify-content:space-between;align-items: center;margin-bottom:14px}.steps-head .section-code{margin:0}.steps-count{font:700 11px var(--mono);color:var(--dim)}.steps-track{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;margin:0;padding:0}.step{display:flex;align-items: flex-start;gap:10px;min-width:0}.step-index{display:grid;border:1px solid var(--border-strong);font:700 11px var(--mono);color:var(--dim);background:var(--surface-raised);border-radius:50%;flex:none;place-items: center;width:26px;height:26px}.step.done .step-index{background:var(--ok);border-color:var(--ok);color:#fff}.step.active .step-index{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-copy{display:grid;gap:1px;min-width:0}.step-copy b{font-size:13px;line-height:1.3}.step.todo .step-copy b{color:var(--dim)}.step-copy small{color:var(--dim);font-size:11px;line-height:1.4}.workspace-shell{padding:26px max(18px,env(safe-area-inset-left))max(60px,env(safe-area-inset-bottom))max(18px,env(safe-area-inset-right));display:grid;gap:22px;max-width:1280px;margin:0 auto}.review-header{display:flex;flex-direction:column;align-items: flex-start;gap:20px}.review-header h1{letter-spacing:-.045em;max-width:780px;margin:0;font-size:clamp(29px,5vw,46px);line-height:1.02}.review-header p:not(.section-code){color:var(--dim);max-width:660px;margin:12px 0 0;font-size:15px;line-height:1.6}.metrics-line{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);background:var(--surface);overflow:hidden;border-radius:8px}.metrics-line div{display:flex;border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:15px 16px}.metrics-line span{color:var(--dim);font:650 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.metrics-line b{font:700 23px var(--mono)}.metric-warn{color:var(--stale)}.metric-changed{color:var(--diff)}.recent-panel{background:var(--surface);border:1px solid var(--border);overflow:hidden;border-radius:8px}.recent-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px 10px}.recent-head .section-code{margin:0}.recent-head span{color:var(--dim);font:11px var(--mono)}.recent-list{display:grid}.recent-row{display:grid;grid-template-columns:minmax(0,1fr)auto auto;border:0;border-top:1px solid var(--border);text-align:left;background:0 0;align-items: center;gap:10px 16px;padding:11px 18px}.recent-row:hover{background:var(--surface-raised)}.recent-main{display:grid;gap:1px;min-width:0}.recent-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.recent-main small{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.recent-meta{display:grid;text-align:right;gap:1px}.recent-meta b{font:700 12px var(--mono)}.recent-meta small{color:var(--dim);font:10px var(--mono)}.work-grid{display:grid;gap:20px}.project-rail{min-width:0}.rail-heading{display:flex;justify-content:space-between;align-items: center;margin-bottom:8px}.rail-heading .section-code{margin:0}.rail-heading button{color:var(--accent);background:0 0;border:0;font-size:20px}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.project-tab{display:flex;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items: center;gap:10px;min-width:0;padding:12px 13px}.project-tab.active{border-color:var(--ink);background:var(--ink);color:#f2f6fa}.project-tab span{display:grid;gap:3px;min-width:0}.project-tab b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.project-tab small{color:var(--dim);font:11px var(--mono)}.project-tab.active small{color:#b9c4cf}.project-tab i{display:grid;background:var(--diff);color:#fff;font:700 11px var(--mono);border-radius:50%;place-items: center;min-width:24px;height:24px;font-style:normal}.upgrade-panel{display:grid;text-align:left;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent)8%,var(--surface));color:var(--text);border-radius:8px;width:100%;margin-top:12px;padding:16px}.upgrade-panel span{font:700 10px var(--mono);letter-spacing:.06em;color:var(--dim);text-transform:uppercase}.upgrade-panel b{margin-top:6px}.upgrade-panel small{color:var(--dim);margin-top:2px}.document-workspace{background:var(--surface);border:1px solid var(--border);overflow:hidden;border-radius:8px;min-width:0}.document-head{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: flex-start;gap:18px;padding:20px}.document-head h2{max-width:590px;margin:0;font-size:18px;font-weight:600}.document-tabs{display:flex;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;padding:9px 12px 0}.document-tab{display:flex;color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;align-items: center;gap:8px;padding:10px 11px 11px}.document-tab.active{color:var(--text);border-bottom-color:var(--accent)}.document-tab span{font-weight:650}.document-tab small{background:var(--bg);font:10px var(--mono);border-radius:10px;min-width:20px;padding:2px 5px}.document-title{display:flex;justify-content:space-between;align-items: flex-start;gap:15px;padding:18px 20px 12px}.document-title h3{letter-spacing:-.02em;margin:0;font-size:22px}.document-title p{color:var(--dim);margin:4px 0 0;font-size:13px}.slot-list{border-top:1px solid var(--border)}.slot-row{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);border-bottom:1px solid var(--border);gap:14px;padding:17px 17px 17px 20px}.slot-row:last-child{border-bottom:0}.status-rule{position:absolute;background:var(--stale);width:4px;inset:0 auto 0 0}.status-rule.current{background:var(--ok)}.status-rule.changed{background:var(--diff)}.status-rule.stale{background:var(--stale)}.status-rule.empty{background:var(--border-strong)}.slot-thumb{position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:4px;height:70px}.slot-thumb img{object-fit:cover;object-position:top left;width:100%;height:100%}.empty-thumb{display:grid;color:var(--dim);align-content: center;place-items: center;height:100%}.empty-thumb span{font-size:22px}.empty-thumb small{font:9px var(--mono)}.version-tag{position:absolute;background:var(--ink);color:#f2f6fa;font:9px var(--mono);padding:2px 5px;bottom:4px;right:4px}.slot-copy{min-width:0}.slot-heading{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.slot-heading h4{margin:0;font-size:16px}.status-badge{font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.03em;border-radius:20px;flex:none;padding:4px 8px}.status-badge.current{background:var(--ok-soft);color:var(--ok)}.status-badge.changed{background:var(--diff-soft);color:var(--diff)}.status-badge.stale{background:var(--stale-soft);color:var(--stale)}.status-badge.empty{background:var(--bg);color:var(--dim)}.slot-copy>p{color:var(--dim);margin:6px 0 8px;font-size:13px;line-height:1.45}.slot-meta{display:flex;color:var(--dim);font:10px var(--mono);flex-wrap:wrap;gap:6px 12px}.slot-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items: center;gap:8px}.empty-workspace{text-align:center;max-width:720px;margin:30px auto 0;padding:36px 0}.empty-workspace h2{letter-spacing:-.04em;margin:0;font-size:30px}.empty-workspace>p:not(.section-code){color:var(--dim);max-width:550px;margin:12px auto 24px;line-height:1.6}.empty-illustration{position:relative;width:180px;height:120px;margin:0 auto 22px}.empty-illustration span{position:absolute;border:2px solid var(--border-strong);background:var(--surface);width:125px;height:78px}.empty-illustration span:first-child{top:34px;left:2px}.empty-illustration span:nth-child(2){top:17px;left:25px}.empty-illustration span:nth-child(3){border-color:var(--diff);background:repeating-linear-gradient(135deg,transparent,transparent 7px,var(--diff-soft)8px,var(--diff-soft)10px);top:0;left:50px}.inline-empty{border:1px dashed var(--border-strong);text-align:center;margin:18px 20px 24px;padding:26px}.inline-empty h3{margin:0;font-size:21px}.inline-empty>p:not(.section-code){color:var(--dim);font-size:13px}.toast{position:fixed;z-index:70;right:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;text-align:left;border:1px solid var(--border-strong);background:var(--ink);color:#f2f6fa;box-shadow:var(--shadow);border-radius:6px;justify-content:space-between;gap:16px;width:min(420px,100vw - 36px);padding:14px 16px}.toast b{font-size:18px}.modal-backdrop{position:fixed;z-index:60;padding:max(18px,env(safe-area-inset-top))14px max(18px,env(safe-area-inset-bottom));display:grid;overflow:auto;background:#05080db8;align-items: end;inset:0}.modal{overflow:auto;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;width:min(540px,100%);max-height:calc(100vh - 36px);margin:0 auto;padding:20px}.modal.wide{width:min(680px,100%)}.modal.extra-wide{width:min(1080px,100%)}.modal-head{display:flex;justify-content:space-between;align-items: flex-start;gap:20px;margin-bottom:20px}.modal-head h2{letter-spacing:-.035em;margin:0;font-size:26px}.close-button{border:1px solid var(--border);background:0 0;border-radius:50%;width:34px;height:34px;font-size:21px}.dialog-form,.upload-form{display:grid;gap:16px}.dialog-form label,.upload-form label,.compare-toolbar label{display:grid;color:var(--dim);gap:7px;font-size:12px;font-weight:700}.dialog-form input,.dialog-form textarea,.upload-form textarea,.compare-toolbar select{border:1px solid var(--border-strong);background:var(--surface);outline:none;border-radius:4px;width:100%;padding:11px 12px}.dialog-form input:focus,.dialog-form textarea:focus,.upload-form textarea:focus,.compare-toolbar select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)18%,transparent)}.upload-form label span{font-weight:400}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:3px}.form-error{border-left:3px solid var(--diff);background:var(--diff-soft);color:var(--text);margin:0;padding:10px 12px;font-size:13px}.field-help{color:var(--dim);margin:-7px 0 0;font-size:12px;line-height:1.5}.settings-stack{display:grid;gap:24px}.settings-section{display:grid;gap:14px}.settings-section+.settings-section{border-top:1px solid var(--border);padding-top:22px}.settings-section-head .section-code{margin-bottom:5px}.settings-section-head h3{letter-spacing:-.02em;margin:0;font-size:18px}.settings-status{border:1px solid var(--border);background:var(--surface);color:var(--dim);margin:0;padding:11px 12px;font-size:12px;line-height:1.5}.settings-status.connected{border-color:var(--ok);color:var(--ok)}.masked-key{color:var(--text);font-family:var(--mono);margin-left:4px}.usage-bar{background:var(--bg);border:1px solid var(--border);overflow:hidden;border-radius:4px;height:8px}.usage-bar span{display:block;background:var(--accent);height:100%}.drop-zone{display:grid;border:1px dashed var(--border-strong);background:var(--bg);color:var(--dim);align-content: center;place-items: center;gap:5px;min-height:220px;padding:18px}.drop-zone.has-preview{overflow:hidden;padding:0}.drop-zone img{object-fit:contain;width:100%;max-height:360px}.upload-glyph{font:500 32px var(--mono);color:var(--accent)}.drop-zone b{color:var(--text)}.drop-zone small{font:10px var(--mono)}.file-line{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: center;gap:3px 10px;font-size:12px}.file-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-line b{color:var(--dim);font:10px var(--mono)}.file-line button{grid-column:1/-1;color:var(--accent);background:0 0;border:0;justify-self:start;padding:3px 0;font-weight:700}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px}.compare-layout{display:grid;gap:18px}.compare-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items: end;gap:8px}.compare-toolbar>span{color:var(--dim);padding-bottom:12px}.diff-number{grid-column:1/-1;display:flex;background:var(--ink);color:#f2f6fa;border-radius:4px;justify-content:space-between;align-items: center;padding:11px 14px}.diff-number small{font:700 10px var(--mono);letter-spacing:.07em}.diff-number b{color:#ff5a5f;font:700 22px var(--mono)}.diff-stage{background:#0a0e14;border-radius:4px;padding:10px}.diff-canvas-wrap{display:grid;overflow:auto;place-items: center}.diff-canvas-wrap canvas{background:#fff;max-width:100%;height:auto}.compare-sources{display:grid;gap:10px}.compare-sources figure{border:1px solid var(--border);background:var(--bg);min-width:0;margin:0}.compare-sources figcaption{display:flex;color:var(--dim);font:10px var(--mono);border-bottom:1px solid var(--border);justify-content:space-between;padding:9px 11px}.compare-sources figcaption b{color:var(--text)}.compare-sources img{object-fit:contain;object-position:top;width:100%;max-height:300px}.diff-legend{display:flex;color:var(--dim);font:10px var(--mono);flex-wrap:wrap;gap:8px 16px}.diff-legend span{display:flex;align-items: center;gap:6px}.diff-legend i{display:inline-block;width:12px;height:12px}.legend-red{background:#e02028}.legend-gray{background:#9aa7b5}.diff-legend p{flex-basis:100%;margin:0;line-height:1.5}.history-block{border-top:1px solid var(--border);padding-top:15px}.history-row{display:grid;grid-template-columns:36px minmax(0,1fr)auto;border-bottom:1px solid var(--border);gap:5px 10px;padding:10px 0;font-size:12px}.history-row b{font-family:var(--mono)}.history-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row>span:nth-child(3){color:var(--dim);font:10px var(--mono)}.history-row small{grid-column:2/-1;color:var(--dim)}.loading-screen,.failure-screen,.checkout-return-screen{padding:max(40px,env(safe-area-inset-top))24px max(40px,env(safe-area-inset-bottom));display:grid;text-align:center;background:var(--surface);place-content: center;justify-items:center;min-height:100vh}.loading-line{background:linear-gradient(90deg,var(--accent)50%,var(--border)50%);animation:1.2s linear infinite loading;background-size:200% 100%;width:170px;height:2px;margin:28px 0 12px}.loading-screen p,.failure-screen p:not(.section-code),.checkout-return-screen>p:not(.section-code){color:var(--dim);max-width:540px;line-height:1.6}.failure-screen h1,.checkout-return-screen h1{letter-spacing:-.05em;margin:0;font-size:clamp(30px,7vw,50px)}.return-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}@keyframes loading{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.loading-line{animation:none}}@media (min-width:700px){.workspace-shell{padding-top:34px;padding-bottom:80px}.landing-inner{padding-left:28px;padding-right:28px}main.landing-inner{gap:52px;padding-top:56px}.review-header{flex-direction:row;justify-content:space-between;align-items: flex-end}.steps-track{grid-template-columns:repeat(3,1fr)}.pain-grid,.pricing{grid-template-columns:1fr 1fr}.metrics-line{grid-template-columns:repeat(5,1fr)}.metrics-line div{border-bottom:0}.metrics-line div:last-child{border-right:0}.slot-row{grid-template-columns:120px minmax(0,1fr)auto;align-items: center;padding:18px 20px 18px 24px}.slot-thumb{height:84px}.slot-actions{grid-column:auto;justify-content:flex-end;max-width:240px}.modal-backdrop{align-items: center;padding:28px}.modal{padding:26px}.compare-sources{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.steps-track{grid-template-columns:repeat(6,1fr)}.work-grid{grid-template-columns:235px minmax(0,1fr);align-items: start;gap:28px}.project-list{grid-template-columns:1fr}.project-tab{background:0 0;border-color:#0000}.project-tab.active{border-color:var(--ink)}.document-head{padding:24px 26px}.document-tabs{padding-left:18px}.document-title{padding:22px 26px 15px}}@media (max-width:699px){.metrics-line div:nth-child(2n){border-right:0}.metrics-line div:last-child{border-bottom:0}}@media (max-width:420px){.plan-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.document-head{flex-direction:column;align-items:stretch}.document-head .button{width:100%}.document-title{flex-direction:column;align-items:stretch}.slot-row{grid-template-columns:76px minmax(0,1fr);padding-right:13px}.slot-heading{flex-direction:column;align-items: flex-start}.slot-actions .button,.dialog-actions .button{flex:1}.example-row{grid-template-columns:minmax(0,1fr)auto}.example-thumb{display:none}.recent-row{grid-template-columns:minmax(0,1fr)auto}.recent-row .status-badge{grid-column:1/-1;justify-self:start}}@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}