:root{--color-white: #ffffff;--color-black: #000000;--color-red-400: #e73333;--color-red-500: #d20000;--color-red-600: #b30000;--color-neutral-50: #f5f5f5;--color-neutral-100: #ebebeb;--color-neutral-200: #d9d9d9;--color-neutral-300: #b3b1b1;--color-neutral-400: #7f7f7f;--color-neutral-500: #606060;--color-neutral-600: #404040;--color-neutral-700: #262626;--color-neutral-800: #191919;--color-neutral-900: #0f0f0f;--color-neutral-950: #080808;--color-success-500: #147229;--color-success-400: #78b587;--color-success-bg-light: #e2f5e7;--color-success-line-light: #90cf9d;--color-success-bg-dark: #18281c;--color-success-line-dark: #3c6444;--color-info-500: #145188;--color-info-400: #69a5c8;--color-info-bg-light: #e2eef5;--color-info-line-light: #82b6d9;--color-info-bg-dark: #162330;--color-info-line-dark: #325573;--font-display: "ABC Monument Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-caption: "Adobe Garamond Pro", "EB Garamond", Georgia, serif;--radius-none: 0px;--radius-xs: 2px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-full: 999px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-120: 120px;--space-160: 160px;--space-240: 240px;--border-thin: 1px;--border-strong-width: 2px;color-scheme:light}:root,[data-theme=light]{--bg-primary: var(--color-white);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-brand: var(--color-red-500);--bg-inverse: var(--color-black);--bg-canvas: var(--bg-secondary);--bg-surface: var(--bg-primary);--bg-sunken: var(--color-neutral-50);--bg-mat: var(--color-black);--layer-primary: var(--color-white);--layer-secondary: var(--color-neutral-50);--layer-tertiary: var(--color-neutral-100);--layer-elevated: var(--color-white);--layer-overlay: var(--color-black);--layer-brand: var(--color-red-500);--layer-inverse: var(--color-black);--text-primary: var(--color-black);--text-secondary: var(--color-neutral-500);--text-tertiary: var(--color-neutral-400);--text-disabled: var(--color-neutral-300);--text-brand: var(--color-red-500);--text-on-brand: var(--color-black);--text-inverse: var(--color-neutral-50);--text-link: var(--color-black);--icon-primary: var(--color-black);--icon-secondary: var(--color-neutral-400);--icon-brand: var(--color-red-500);--icon-inverse: var(--color-neutral-50);--border-default: var(--color-neutral-200);--border-subtle: var(--color-neutral-100);--border-strong: var(--color-black);--border-brand: var(--color-red-500);--border-focus: var(--color-red-500);--border-inverse: var(--color-neutral-50);--status-success-bg: var(--color-success-bg-light);--status-success-fg: var(--color-success-500);--status-success-border: var(--color-success-line-light);--status-success-solid: var(--color-success-500);--status-info-bg: var(--color-info-bg-light);--status-info-fg: var(--color-info-500);--status-info-border: var(--color-info-line-light);--button-primary-bg: var(--color-red-500);--button-primary-bg-hover: var(--color-red-600);--button-primary-bg-pressed: var(--color-red-600);--button-primary-bg-disabled: var(--color-neutral-200);--button-primary-text: var(--color-white);--button-primary-text-disabled: var(--color-neutral-400);--button-primary-border: var(--color-red-500);--button-primary-border-focus: var(--color-red-400);--button-secondary-bg: var(--color-white);--button-secondary-bg-hover: var(--color-neutral-50);--button-secondary-bg-disabled: var(--color-neutral-100);--button-secondary-text: var(--color-black);--button-secondary-text-disabled: var(--color-neutral-400);--button-secondary-border: var(--color-black);--button-secondary-border-focus: var(--color-red-500);--button-ghost-text: var(--color-black);--button-ghost-text-hover: var(--color-neutral-500);--button-ghost-text-disabled: var(--color-neutral-300);--button-ghost-border: var(--color-black);--button-dark-bg: var(--color-black);--button-dark-bg-hover: var(--color-neutral-800);--button-dark-bg-disabled: var(--color-neutral-200);--button-dark-text: var(--color-white);--button-dark-text-disabled: var(--color-neutral-400)}[data-theme=dark]{color-scheme:dark;--bg-primary: var(--color-black);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--bg-brand: var(--color-red-500);--bg-inverse: var(--color-white);--bg-canvas: var(--bg-secondary);--bg-surface: var(--bg-primary);--bg-sunken: var(--color-neutral-800);--bg-mat: var(--color-black);--layer-primary: var(--color-neutral-900);--layer-secondary: var(--color-neutral-800);--layer-tertiary: var(--color-neutral-700);--layer-elevated: var(--color-neutral-800);--layer-overlay: var(--color-black);--layer-brand: var(--color-red-500);--layer-inverse: var(--color-white);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-disabled: var(--color-neutral-600);--text-brand: var(--color-red-400);--text-on-brand: var(--color-black);--text-inverse: var(--color-black);--text-link: var(--color-neutral-50);--icon-primary: var(--color-neutral-50);--icon-secondary: var(--color-neutral-300);--icon-brand: var(--color-red-400);--icon-inverse: var(--color-black);--border-default: var(--color-neutral-700);--border-subtle: var(--color-neutral-800);--border-strong: var(--color-neutral-400);--border-brand: var(--color-red-400);--border-focus: var(--color-red-400);--border-inverse: var(--color-black);--status-success-bg: var(--color-success-bg-dark);--status-success-fg: var(--color-success-400);--status-success-border: var(--color-success-line-dark);--status-success-solid: var(--color-success-500);--status-info-bg: var(--color-info-bg-dark);--status-info-fg: var(--color-info-400);--status-info-border: var(--color-info-line-dark);--button-primary-bg: var(--color-red-500);--button-primary-bg-hover: var(--color-red-600);--button-primary-bg-pressed: var(--color-red-600);--button-primary-bg-disabled: var(--color-neutral-700);--button-primary-text: var(--color-white);--button-primary-text-disabled: var(--color-neutral-500);--button-primary-border: var(--color-red-500);--button-primary-border-focus: var(--color-red-400);--button-secondary-bg: var(--color-black);--button-secondary-bg-hover: var(--color-neutral-900);--button-secondary-bg-disabled: var(--color-neutral-800);--button-secondary-text: var(--color-neutral-50);--button-secondary-text-disabled: var(--color-neutral-500);--button-secondary-border: var(--color-neutral-50);--button-secondary-border-focus: var(--color-red-400);--button-ghost-text: var(--color-neutral-50);--button-ghost-text-hover: var(--color-neutral-300);--button-ghost-text-disabled: var(--color-neutral-600);--button-ghost-border: var(--color-neutral-50);--button-dark-bg: var(--color-neutral-50);--button-dark-bg-hover: var(--color-neutral-200);--button-dark-bg-disabled: var(--color-neutral-700);--button-dark-text: var(--color-black);--button-dark-text-disabled: var(--color-neutral-500)}.shell-client{display:flex;min-height:100vh;flex-direction:column;background:var(--bg-canvas)}.shell-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-40) var(--space-40) 0;background:transparent}.shell-top .shell-brand{padding:0;text-decoration:none}.shell-top .shell-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:0;padding:4px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface)}.shell-top .nav-link{border-radius:var(--radius-full)}.shell-top .nav-link[aria-current=page],.shell-top .nav-link.is-active{background:var(--bg-brand);color:var(--button-primary-text)}.logo-chip{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:8px 16px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface)}.logo-chip img{display:block;width:105px;height:20px}.login-logo{display:block;width:72px;height:72px;margin-inline:auto}.user-nav{display:flex;align-items:center;gap:8px}.avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-thin) solid var(--border-brand);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-brand);font-family:var(--font-display);font-size:16px;line-height:1;cursor:pointer;text-decoration:none}.avatar-btn.is-active{background:var(--bg-brand);color:var(--button-primary-text)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);margin-top:auto;padding:24px 40px;background:var(--bg-brand);color:var(--color-neutral-50);font-size:13px;line-height:1.1}.site-footer img{display:block;width:112px;height:21px}.shell-top .shell-meta{display:flex;align-items:center;gap:var(--space-12);margin-top:0;margin-left:auto;padding:0}.shell-frame{display:flex;min-height:100vh;flex-direction:column}.shell-frame>.shell{flex:1;min-height:0}@media(min-width:768px){.page{padding:var(--space-40)}.shell{grid-template-columns:240px 1fr}.shell-side{border-bottom:0;border-right:var(--border-thin) solid var(--border-default)}.shell-meta{margin-top:auto}}.dashboard,.studio{display:grid;gap:40px;width:min(1360px,100%);margin:0 auto;padding:40px 40px 64px}.spend-card,.studio-head,.comment-card{border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{display:flex;min-height:222px;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);color:inherit;text-align:left;text-decoration:none}a.product-card:hover{border-color:var(--border-brand)}.product-card.is-locked{cursor:default}.product-card header{display:flex;width:100%;align-items:flex-start;justify-content:space-between}.icon-box{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--bg-sunken)}.icon-box img,.inline-icon{display:block;width:20px;height:20px}[data-theme=dark] .icon-box img,[data-theme=dark] .inline-icon{filter:invert(1)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.chip{padding:2px 6px;border-radius:var(--radius-xs);background:var(--bg-sunken);color:var(--text-secondary);font-size:13px;line-height:1.1}.chip-brand{background:var(--bg-brand);color:var(--button-primary-text)}.product-card h2{font-family:var(--font-display);font-size:19px;line-height:1.1;font-weight:400}.product-card p{color:var(--text-secondary);font-size:16px;line-height:1.1}.spend-card{display:grid;gap:16px;padding:24px}.spend-body{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.spend-total{font-family:var(--font-display);font-size:46px;line-height:1.1;letter-spacing:-1px}.spend-trend{display:inline-flex;margin-left:8px;padding:3px 6px;border-radius:var(--radius-s);background:var(--bg-brand);color:var(--button-primary-text);font-family:var(--font-body);font-size:13px;letter-spacing:0;vertical-align:middle}.spend-trend.is-down{background:var(--bg-sunken);color:var(--text-secondary)}.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.profile-facts div{display:grid;gap:6px}.profile-facts dt{color:var(--text-secondary);font-size:13px}.profile-facts dd{margin:0;font-size:16px}.spend-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr auto;gap:16px;align-items:center;margin-top:8px;font-size:16px}.spend-row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{height:12px;overflow:hidden;border-radius:6px;background:var(--bg-sunken)}.bar-fill{height:12px;border-radius:6px;background:var(--text-primary)}.bar-fill.is-lead{background:var(--text-brand)}.spend-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border-subtle);padding-top:8px;color:var(--text-secondary);font-size:13px}.studio-head{display:grid;gap:24px;padding:32px}.studio-head h1{color:var(--text-brand);font-family:var(--font-display);font-size:29px;line-height:1.1;font-weight:400}.studio-head p{margin-top:12px;color:var(--text-secondary);font-size:16px;line-height:1.1}.wizard-steps{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}.wizard-steps button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:16px;line-height:1.1;cursor:pointer}.wizard-steps button:disabled{cursor:default}.wizard-steps .is-current,.wizard-steps .is-done,.wizard-steps .step-check{color:var(--text-brand)}.wizard-steps .step-dash{color:var(--text-tertiary)}.bento{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bento article,.comment-card,.option-card{border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.bento article{display:grid;gap:16px;padding:24px}.bento h2,.comment-card h2,.option-card h2,.panel-label{font-family:var(--font-display);font-size:19px;line-height:1.1;font-weight:400}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.option-card{display:grid;gap:12px;padding:16px;text-align:left}.option-card.is-selected,.option-card:has(.is-selected){border-width:2px;border-color:var(--border-brand)}.option-card>img,.option-card>.photo-frame,.option-card .preview-still{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xs);background:var(--bg-sunken)}.option-card>img.photo-frame,.option-card>.photo-frame{height:auto;max-height:480px;-o-object-fit:contain;object-fit:contain}.field-sunken{background:var(--bg-sunken)}.reference-card{display:flex;gap:16px;align-items:stretch}.reference-card>div{flex:1}.reference-card p{margin-top:8px;color:var(--text-secondary);font-size:16px;line-height:1.1}.reference-side{display:grid;gap:12px;align-content:center}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;align-items:start}.identity-grid .span-2{grid-column:1 / -1}.segmented{display:inline-flex;gap:2px;width:-moz-fit-content;width:fit-content;padding:4px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface)}.segmented button{border:0;border-radius:var(--radius-full);padding:8px 18px;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:14px;line-height:1.1;cursor:pointer}.segmented button.is-selected{background:var(--bg-brand);color:var(--button-primary-text)}.selected-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--radius-xs);background:var(--bg-brand);color:var(--color-neutral-50);font-family:var(--font-body);font-size:13px;line-height:1.1}.copy-card-top,.copy-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.preview-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:24px;align-items:start}.size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.size-grid.is-compact{gap:8px}.size-grid.is-compact .size-choice{min-height:0;gap:8px;padding:10px 12px;font-size:14px}.size-grid.is-compact .custom-size{width:auto;margin:0;flex-wrap:wrap}.size-choice{display:flex;align-items:center;gap:12px;min-height:67px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);font-size:16px}.size-choice small{display:block;color:var(--text-secondary);font-size:13px}.size-choice.is-selected,.option-card.is-selected,.custom-size.is-selected{border-width:2px;border-color:var(--border-brand)}.custom-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}button.product-card,button.option-card,button.size-choice{font:inherit;color:inherit;cursor:pointer}[data-theme=dark] .icon-btn img,[data-theme=dark] .logo-chip img{filter:invert(1)}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.output-card{display:grid;gap:16px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.dropzone{display:grid;min-height:117px;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-s);color:var(--text-secondary);font-size:16px;text-align:center}.thumb-row{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.thumb{position:relative}.thumb img,.thumb-row img{display:block;width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xs)}.thumb button{position:absolute;top:-6px;right:-6px;display:grid;width:20px;height:20px;place-items:center;border:0;border-radius:var(--radius-full);background:var(--bg-brand);color:var(--button-primary-text);font-size:14px;line-height:1;cursor:pointer}.confirm-toast{position:fixed;z-index:30;right:var(--space-24);bottom:var(--space-24);left:var(--space-24);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);width:min(32rem,calc(100% - 48px));margin-inline:auto;padding:var(--space-12) var(--space-16);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);color:var(--text-primary);font-size:14px;line-height:1.3}@media(max-width:960px){.spend-body,.profile-facts,.bento,.option-grid,.preview-split,.output-grid,.product-grid,.size-grid,.size-grid.is-compact,.identity-grid,.archive-grid,.archive-filters{grid-template-columns:1fr}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:var(--font-body)}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.3;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input[type=file]{font-family:var(--font-body);font-size:14px;color:var(--text-secondary)}.page{padding:var(--space-24)}.shell{min-height:100vh;display:grid;background:var(--bg-canvas)}.shell-side{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-24) var(--space-16);background:var(--bg-surface);border-bottom:var(--border-thin) solid var(--border-default)}.shell-brand{padding:var(--space-8) 18px;font-family:var(--font-display);font-size:22px;line-height:1.1;color:var(--text-primary)}.shell-kicker{padding:0 18px;font-family:var(--font-body);font-size:13px;line-height:1.2;color:var(--text-secondary)}.shell-nav{display:grid;gap:2px;margin-top:var(--space-16)}.shell-meta{display:grid;gap:var(--space-12);margin-top:var(--space-32);padding:0 18px var(--space-8)}.nav-link{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-8) 18px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:16px;line-height:1.1;color:var(--text-secondary);text-decoration:none}.nav-link:hover{color:var(--text-primary)}.nav-link[aria-current=page]{background:var(--bg-brand);color:var(--button-primary-text)}.preview-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-8) var(--space-16);background:var(--status-info-bg);color:var(--status-info-fg);border-bottom:var(--border-thin) solid var(--status-info-border);font-size:13px;line-height:1.3}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-24) var(--space-40);background:var(--bg-brand);color:var(--text-on-brand);font-family:var(--font-body);font-size:16px;line-height:1.3}.type-heading{font-family:var(--font-display);font-size:30px;line-height:39px;font-weight:400;color:var(--text-primary)}.type-title{font-family:var(--font-display);font-size:20px;line-height:26px;font-weight:400;color:var(--text-primary)}.type-kicker{font-family:var(--font-display);font-size:15px;line-height:16.5px;color:var(--text-secondary)}.type-meta{font-family:var(--font-body);font-size:13px;line-height:1.2;color:var(--text-secondary)}.type-caption{font-family:var(--font-caption);font-size:16px;line-height:1.3;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:10px var(--space-24);border:var(--border-thin) solid transparent;border-radius:var(--radius-s);font-family:var(--font-body);font-size:16px;line-height:1.3;font-weight:400;text-align:center;text-decoration:none;cursor:pointer}.btn-s{padding:var(--space-8) var(--space-16);font-size:14px}.btn-l{padding:14px var(--space-32);font-size:22px}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-border)}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);border-color:var(--button-primary-bg-hover)}.btn-primary:active:not(:disabled){background:var(--button-primary-bg-pressed);border-color:var(--button-primary-bg-pressed)}.btn-primary:disabled{background:var(--button-primary-bg-disabled);color:var(--button-primary-text-disabled);border-color:transparent}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-bg-hover)}.btn-secondary:disabled{background:var(--button-secondary-bg-disabled);color:var(--button-secondary-text-disabled);border-color:var(--border-subtle)}.btn-ghost{padding:0;border-color:transparent;border-radius:0;background:transparent;color:var(--button-ghost-text);text-decoration:underline;text-decoration-color:var(--button-ghost-border);text-underline-offset:3px}.btn-ghost:hover:not(:disabled){color:var(--button-ghost-text-hover)}.btn-ghost:disabled{color:var(--button-ghost-text-disabled)}.btn.is-selected{border-width:var(--border-strong-width);border-color:var(--border-brand);color:var(--text-brand);background:var(--bg-surface)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary)}.link-quiet{font-family:var(--font-body);font-size:14px;line-height:1.3;color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-quiet:hover{color:var(--text-secondary)}.\!card{display:block!important;padding:var(--space-24)!important;border:var(--border-thin) solid var(--border-default)!important;border-radius:var(--radius-s)!important;background:var(--bg-surface)!important;color:inherit!important;text-decoration:none!important}.card{display:block;padding:var(--space-24);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);color:inherit;text-decoration:none}.card-interactive:hover{background:var(--bg-sunken)}.\!card.archive-card{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important;overflow:hidden!important}.card.archive-card{display:flex;flex-direction:column;gap:12px;padding:0;overflow:hidden}.archive-preview{container-type:size;display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg-sunken)}.archive-preview.is-detail{height:min(70vh,36rem);width:min(36rem,100%)}.banner-fit{width:min(100cqw,calc(100cqh * var(--banner-ratio, 1)));aspect-ratio:var(--banner-ratio, 1)}.banner-frame{container-type:inline-size;position:relative;width:100%;overflow:hidden;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-sunken)}.banner-frame.is-fill{height:100%}.archive-preview:not(.is-detail) .banner-frame{border:0;border-radius:0}.banner-strip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:42% 58%}.banner-frame>.banner-photo,.banner-strip .banner-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-frame>.banner-photo{position:absolute;top:0;right:0;bottom:0;left:0}.banner-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:.35em;padding:6%}.banner-copy.is-stacked{position:absolute;inset-inline:0;bottom:0;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.banner-headline,.banner-subhead{margin:0;line-height:1.1}.banner-headline{font-weight:600;text-transform:uppercase;font-size:clamp(8px,5.4cqw,36px)}.banner-frame.is-strip .banner-headline{font-size:clamp(8px,2.8cqw,22px)}.banner-subhead{font-size:clamp(7px,3cqw,18px)}.banner-frame.is-strip .banner-subhead{font-size:clamp(7px,1.8cqw,14px)}.banner-cta{align-self:flex-start;margin-top:.35em;padding:.28em .55em;font-weight:600;line-height:1.2;font-size:clamp(7px,2.6cqw,16px)}.banner-frame.is-strip .banner-cta{font-size:clamp(7px,1.6cqw,13px)}.banner-logo{position:absolute;top:4%;left:4%;height:8%;width:auto}.banner-ai{position:absolute;top:2.5%;right:2.5%;padding:.2em .4em;background:#0006;color:#ffffffbf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(6px,1.8cqw,12px);line-height:1;letter-spacing:.04em;pointer-events:none}.download-menu{position:relative}.download-menu-panel{position:absolute;z-index:4;top:calc(100% + 6px);right:0;display:grid;min-width:14rem;padding:6px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.download-menu-panel button{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:0;background:transparent;text-align:left;cursor:pointer}.download-menu-panel button small{color:var(--text-secondary)}.download-menu-panel button:hover,.download-menu-panel a:hover{background:var(--bg-sunken)}.download-menu-panel a{display:flex;padding:8px 10px;color:inherit;text-decoration:none}.modify-steps{display:grid;gap:8px;width:min(100%,32rem)}.modify-step{display:grid;gap:2px;padding:12px 16px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);text-align:left;cursor:pointer}.modify-step small{color:var(--text-secondary)}.modify-step:hover{background:var(--bg-sunken)}.archive-preview-image{display:block;width:auto;height:auto;max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.archive-card-copy{display:grid;gap:4px;padding:0 20px 20px}.archive-age-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.archive-age{color:var(--text-secondary);font-size:13px;line-height:1.3}.archive-age.is-expiring{color:var(--text-brand)}.archive-filters{display:grid;grid-template-columns:minmax(12rem,1.2fr) minmax(15rem,1.1fr) minmax(16rem,1.2fr) auto;gap:16px 20px;align-items:end}.archive-filters label{white-space:nowrap}.archive-filters .field,.archive-filters .btn{height:46px;padding-top:0;padding-bottom:0;line-height:44px}.archive-filters select.field{padding-right:2.25rem}.period{position:relative}.period-trigger{text-align:left;cursor:pointer}.period-trigger.is-empty{color:var(--text-secondary)}.period-popover{position:absolute;z-index:20;top:calc(100% + 8px);left:0;display:grid;gap:12px;width:18rem;padding:12px;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.period-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.period-dow{color:var(--text-secondary);font-size:12px;line-height:2;text-align:center}.period-day{height:32px;border:0;border-radius:var(--radius-s);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer}.period-day.is-outside{color:var(--text-disabled)}.period-day.is-in{background:var(--bg-sunken)}.period-day.is-edge{background:var(--bg-brand);color:var(--button-primary-text)}.period-day.is-today{border:var(--border-thin) solid var(--border-brand)}.archive-detail-image{display:block;width:auto;height:auto;max-width:min(36rem,100%);max-height:70vh;-o-object-fit:contain;object-fit:contain;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.\!card.is-selected{border-width:var(--border-strong-width)!important;border-color:var(--border-brand)!important}.card.is-selected,.is-selected.rounded{border-width:var(--border-strong-width);border-color:var(--border-brand)}.list-panel{overflow:hidden;border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface)}.list-panel>li+li{border-top:var(--border-thin) solid var(--border-default)}.choice{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);font-size:14px;line-height:1.3}.alert{padding:var(--space-12) var(--space-16);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-xs);background:var(--bg-surface);font-size:14px;line-height:1.3}.alert-danger{border-color:var(--border-brand);color:var(--text-brand)}.alert-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-fg)}.alert-info{border-color:var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-fg)}.badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xs);font-family:var(--font-body);font-size:13px;line-height:1.1}.badge-brand{padding:3px 6px;border-radius:var(--radius-s);background:var(--bg-brand);color:var(--button-primary-text)}.field{width:100%;min-width:0;padding:10px var(--space-12);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-s);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.3}.field::-moz-placeholder{color:var(--text-secondary)}.field::placeholder{color:var(--text-secondary)}.field:focus{border-color:var(--border-brand)}.field:disabled{color:var(--text-disabled);background:var(--bg-sunken)}.field-compact{width:5rem;padding:6px var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.max-h-16{max-height:4rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-40{min-width:10rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-line{border-color:var(--border-default)}.bg-surface{background-color:var(--bg-surface)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:ABC Monument Grotesk,Inter,ui-sans-serif,system-ui,sans-serif}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-meta{font-size:13px;line-height:14.3px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-brand{color:var(--text-brand)}.text-muted{color:var(--text-secondary)}.underline{text-decoration-line:underline}.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)}.hover\:underline:hover{text-decoration-line:underline}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}