:root{--font-family-base:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-display:"DotGothic16", "Noto Sans JP", system-ui, sans-serif;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--line-height-base:1.5;--color-surface-base:#0d1216;--color-surface-raised:#161d24;--color-surface-muted:#1f2933;--color-surface-soft:#f6f9fc;--color-border-subtle:#2a3642;--color-border-strong:#526170;--color-text-primary:#f2f5f7;--color-text-secondary:#b6c1cc;--color-text-muted:#8f9eac;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--color-accent-active:#7c3aed;--color-on-accent:#fff;--color-focus-ring:#a78bfa;--color-danger:#fca5a5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--motion-fast:.1s;--motion-normal:.15s;--motion-ambient:2.4s}.app-shell--light{--color-surface-base:#f6f8fb;--color-surface-raised:#fff;--color-surface-muted:#e8edf3;--color-border-subtle:#d6dee8;--color-border-strong:#8fa0b3;--color-text-primary:#16202a;--color-text-secondary:#46586a;--color-text-muted:#64748b;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-active:#5b21b6;--color-focus-ring:#7c3aed;--color-danger:#b91c1c}@media (width<=640px){:root{--font-size-3xl:24px;--font-size-4xl:32px}}:root{color:var(--color-text-primary);background:var(--color-surface-base);font-family:var(--font-family-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-height:38px;padding:0 12px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{gap:22px;min-height:100vh;padding:28px 24px 36px;display:grid}.app-shell--dark{color:#f5f5f5;background:#000}.app-shell--light{background:var(--color-surface-base);color:var(--color-text-primary)}.app-shell--gallery{gap:10px;padding-top:18px}.app-shell--dark .top-header{box-shadow:none;background:#000;border-color:#1f1f1f}.app-shell--dark .brand-button,.app-shell--dark .nav-button{color:#f5f5f5}.app-shell--dark .nav-button{background:#101010;border-color:#2a2a2a}.app-shell--dark .nav-button[aria-current=page]{color:#000;background:#f5f5f5;border-color:#f5f5f5}.app-shell--dark .app-header h1{color:#f5f5f5}.app-shell--dark .lead{color:#a3a3a3}.app-shell--dark .status-panel,.app-shell--dark .preview-card,.app-shell--dark .tool-panel,.app-shell--dark .grid-output-panel{box-shadow:none;background:#0b0b0b;border-color:#262626}.app-shell--dark h2,.app-shell--dark figcaption,.app-shell--dark .status-heading,.app-shell--dark .controls-panel label,.app-shell--dark .panel-heading label{color:#f5f5f5}.app-shell--dark .status-panel p,.app-shell--dark .lead,.app-shell--dark .inline-control{color:#a3a3a3}.app-shell--dark .panel-heading span,.app-shell--dark .meta-pill,.app-shell--dark .palette-editor span,.app-shell--dark .palette-editor small,.app-shell--dark .grid-output-actions span{color:#b8b8b8}.app-shell--dark button{color:#f5f5f5;background:#141414;border-color:#333}.app-shell--dark .primary-action{color:#fff;background:#2f6f61;border-color:#2f6f61}.app-shell--dark input,.app-shell--dark select{color:#f5f5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101010;border-color:#333}.app-shell--dark .file-drop input{color:#f5f5f5;background:#101010;border-color:#475569}.app-shell--dark .preview-frame{background-color:#111;background-image:linear-gradient(45deg,#1c1c1c 25%,#0000 25%),linear-gradient(-45deg,#1c1c1c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c1c1c 75%),linear-gradient(-45deg,#0000 75%,#1c1c1c 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-color:#303030}.app-shell--dark .grid-output-viewport{background:#050505;border-color:#303030}.app-shell--dark .conversion-info-dialog{color:#f5f5f5;background:#121212;border-color:#303030;box-shadow:0 24px 60px #00000094}.app-shell--dark .conversion-info-heading h2,.app-shell--dark .conversion-info-list dt{color:#f5f5f5}.app-shell--dark .conversion-info-list dd,.app-shell--dark .original-menu-button{color:#b8b8b8}.app-shell--dark .original-menu-button:hover,.app-shell--dark .original-menu-button[aria-expanded=true]{color:#f5f5f5;background:#141414;border-color:#333}.app-shell--dark .original-menu{background:#111;border-color:#303030;box-shadow:0 18px 40px #0000007a}.app-shell--dark .original-menu button{color:#f5f5f5}.app-shell--dark .original-menu button:hover{background:#1f1f1f}.app-shell--dark .effect-menu-control{color:#f5f5f5}.app-shell--dark .effect-menu-popover{background:#111;border-color:#303030;box-shadow:0 20px 48px #0000007a}.app-shell--dark .effect-menu-popover button:hover{background:#1f1f1f}.app-shell--dark .effect-menu-popover small{color:#b8b8b8}.app-shell--dark .effect-menu-popover button[aria-checked=true]{color:#000;background:#f5f5f5}.app-shell--dark .effect-menu-popover button[aria-checked=true] small{color:#262626}.app-shell--dark .success-text{color:#7dd3fc}.app-shell--dark .error-text{color:#fca5a5}.app-shell--light.app-shell--gallery{background:var(--color-surface-base)}.app-shell--light.app-shell--gallery .gallery-page{color:#0f172a;background:#fff}.app-shell--light.app-shell--gallery .gallery-heading h1{color:#0f172a}.app-shell--light.app-shell--gallery .gallery-card{background:#fff;border-color:#d6dee8}.app-shell--light.app-shell--gallery .gallery-image-frame{background:#f8fafc}.app-shell--light.app-shell--gallery .gallery-message,.app-shell--light.app-shell--gallery .gallery-heading span{color:#64748b}.top-header{background:#fff;border:1px solid #d6dee8;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;padding:12px 14px;display:flex;box-shadow:0 14px 34px #0f172a0f}.top-header-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.brand-button{color:#0f172a;background:0 0;border-color:#0000;padding:0 8px;font-size:1.1rem;font-weight:900}.nav-button[aria-current=page]{color:#fff;background:#2f6f61;border-color:#1f6f61}.settings-menu-wrap{flex:none;position:relative}.settings-menu{z-index:30;background:#fff;border:1px solid #d6dee8;border-radius:8px;min-width:170px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 40px #0f172a29}.app-shell--dark .settings-menu{background:#111;border-color:#2f2f2f;box-shadow:0 18px 40px #0000007a}.settings-menu span{color:#64748b;padding:10px 12px 6px;font-size:.78rem;font-weight:850}.app-shell--dark .settings-menu span{color:#a3a3a3}.settings-menu button{color:#0f172a;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;min-height:40px}.app-shell--dark .settings-menu button{color:#f5f5f5}.settings-menu button[aria-checked=true]{color:#1f6f61;background:#e8f5f1}.app-shell--dark .settings-menu button[aria-checked=true]{color:#000;background:#f5f5f5}.app-header{max-width:920px}.eyebrow{color:var(--color-accent-hover);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.84rem;font-weight:700}h1{color:#0f172a;margin:0;font-size:3rem;line-height:1}h2{color:#0f172a;margin:0;font-size:1.05rem;line-height:1.25}.lead{color:#475569;max-width:760px;margin:12px 0 0;font-size:1rem;line-height:1.65}.workspace-grid{align-items:start;gap:18px;display:grid}.status-panel,.preview-card,.tool-panel,.grid-output-panel{background:#fff;border:1px solid #d6dee8;border-radius:8px;box-shadow:0 14px 34px #0f172a0f}.status-panel{gap:8px;max-width:520px;padding:16px 18px;display:grid}.status-heading{color:#0f172a;align-items:center;gap:10px;font-weight:700;display:flex}.status-panel p{color:#475569;margin:0;line-height:1.6}.status-dot{background:#94a3b8;border-radius:999px;width:12px;height:12px}.status-dot--ready{background:#2f9e44}.status-dot--error{background:#c2410c}.studio-shell{gap:18px;min-width:0;display:grid}.preview-stage{grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px;min-width:0;display:grid}.status-source-row{grid-template-columns:minmax(280px,520px) minmax(320px,1fr);align-items:stretch;gap:18px;min-width:0;display:grid}.status-source-row .status-panel{max-width:none}.preview-card{grid-template-rows:auto minmax(280px,58vh);gap:12px;min-width:0;padding:16px;display:grid}.source-input-panel{align-self:stretch;min-height:0}.figure-header,.panel-heading,.grid-output-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}figure{margin:0}figcaption{color:#334155;font-size:1rem;font-weight:800}.figure-title-actions{align-items:center;gap:8px;min-width:0;display:flex}.original-menu-wrap{position:relative}.original-menu-button{color:#64748b;background:0 0;border-color:#0000;border-radius:999px;width:34px;min-width:34px;min-height:30px;padding:0;font-size:1.1rem;line-height:1}.original-menu-button:hover,.original-menu-button[aria-expanded=true]{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.original-menu{z-index:40;background:#fff;border:1px solid #d6dee8;border-radius:8px;min-width:240px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}.original-menu button{color:#0f172a;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;min-height:42px}.original-menu button:hover{background:#f1f5f9}.figure-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.meta-pill{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:240px;font-size:.82rem;font-weight:750;overflow:hidden}.preview-frame{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #d6dee8;border-radius:8px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.preview-frame img,.preview-frame canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.source-preview-layer{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative}.source-preview-layer img{object-fit:contain;width:100%;height:100%;display:block}.source-preview-layer.is-brush-mode{cursor:none}.source-preview-layer.is-crop-mode{cursor:crosshair}.effect-mask-canvas{touch-action:none;pointer-events:none;position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.source-preview-layer.is-brush-mode .effect-mask-canvas,.source-preview-layer.is-crop-mode .effect-mask-canvas{pointer-events:auto}.brush-cursor{z-index:4;pointer-events:none;border:3px solid #fff;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a6b,0 3px 14px #0f172a47}.crop-selection-rect{z-index:4;pointer-events:none;background:#7c3aed33;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #7c3aedf2,0 8px 28px #0f172a3d}.effect-brush-toolbar{z-index:5;background:#ffffffeb;border:1px solid #ffffffb8;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 14px 34px #0f172a38}.effect-brush-toolbar label{color:#0f172a;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.effect-brush-toolbar input{accent-color:#7c3aed;width:110px}.effect-brush-toolbar button{border-radius:999px;min-height:30px;padding:0 10px}.crop-toolbar{left:10px;right:auto}.pixel-art-canvas{image-rendering:pixelated}.pixel-art-canvas--hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pixel-art-effect-preview{image-rendering:pixelated}.empty-preview,.empty-grid-output{width:100%;height:100%;min-height:220px}.editor-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.tool-panel{align-content:start;gap:16px;min-width:0;padding:16px;display:grid}.panel-heading span{color:#64748b;font-size:.85rem;font-weight:750}.palette-size-control{color:#334155;align-items:center;gap:8px;font-size:.85rem;font-weight:750;display:flex}.palette-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.palette-heading-actions>button{min-height:34px;padding:0 12px;font-size:.85rem}.palette-size-control input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:72px;min-height:34px;padding:0 8px}.file-drop{gap:8px;display:grid}.file-drop input{background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;width:100%;padding:12px}.controls-panel label{color:#334155;font-size:.9rem;font-weight:700}.control-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.control-grid label,.controls-panel>label{gap:6px;display:grid}.control-grid input,.controls-panel select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:38px;padding:0 10px}.controls-panel label.is-disabled-control{color:#94a3b8}.control-grid input:disabled,.controls-panel select:disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb;border-color:#d1d5db}.app-shell--dark .controls-panel label.is-disabled-control{color:#737373}.app-shell--dark .control-grid input:disabled,.app-shell--dark .controls-panel select:disabled{color:#8a8a8a;background:#2a2a2a;border-color:#333}.inline-control{color:#475569;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:.9rem;display:flex}.inline-control label{align-items:center;gap:8px;display:flex}.palette-editor{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px;display:grid}.palette-editor label{gap:5px;min-width:0;display:grid}.palette-editor span,.palette-editor small{color:#64748b;text-align:center;font-size:.75rem;font-weight:850}.palette-editor small{font-size:.7rem;font-weight:750}.palette-editor input{border:1px solid #cbd5e1;border-radius:6px;width:100%;height:38px;padding:2px}.primary-action{color:#fff;background:#2f6f61;border-color:#1f6f61;min-height:44px;font-weight:800}.convert-action-row{grid-template-columns:minmax(170px,240px) minmax(130px,180px) minmax(280px,1fr);align-items:end;gap:12px;display:grid}.conversion-type-control{color:#334155;gap:6px;font-size:.9rem;font-weight:700;display:grid}.conversion-type-control select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:44px;padding:0 10px}.conversion-menu-control,.effect-menu-control{color:#334155;gap:6px;min-width:0;font-size:.9rem;font-weight:700;display:grid;position:relative}.effect-menu-trigger{text-align:left;justify-content:flex-start;width:100%;min-height:44px}.effect-menu-popover{z-index:35;background:#fff;border:1px solid #d6dee8;border-radius:8px;gap:2px;width:min(820px,100vw - 48px);max-height:min(520px,72vh);padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 20px 48px #0f172a38}.effect-menu-popover button{text-align:left;background:0 0;border-color:#0000;justify-items:start;gap:4px;min-height:56px;padding:8px 10px;display:grid}.effect-menu-popover button:hover{background:#f1f5f9}.effect-menu-popover button[aria-checked=true]{color:#1f6f61;background:#e8f5f1}.effect-menu-popover small{color:#64748b;font-size:.8rem;font-weight:700;line-height:1.35}.conversion-menu-trigger{text-align:left;width:100%;min-height:44px}.conversion-menu-popover{z-index:35;background:#fff;border:1px solid #d6dee8;border-radius:8px;gap:2px;width:min(960px,100vw - 48px);max-height:min(520px,72vh);padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 20px 48px #0f172a38}.conversion-menu-item{border-radius:6px;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr) auto;align-items:center;gap:10px;min-width:0;padding:4px;display:grid}.conversion-menu-item:hover{background:#f1f5f9}.conversion-menu-item>button:first-child{text-align:left;background:0 0;border-color:#0000;justify-content:flex-start}.conversion-menu-item>button:first-child[aria-current=true]{color:#1f6f61}.conversion-menu-item span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:750;overflow:hidden}.app-shell--dark .conversion-menu-control{color:#f5f5f5}.app-shell--dark .conversion-menu-popover{background:#111;border-color:#303030;box-shadow:0 20px 48px #0000007a}.app-shell--dark .conversion-menu-item:hover{background:#1f1f1f}.app-shell--dark .conversion-menu-item span{color:#b8b8b8}.conversion-info-backdrop{z-index:50;background:#000000a3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.conversion-info-dialog{color:#0f172a;background:#fff;border:1px solid #d6dee8;border-radius:8px;gap:18px;width:min(720px,100%);max-height:min(780px,88vh);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 60px #0f172a47}.conversion-info-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.conversion-info-list{gap:14px;margin:0;display:grid}.conversion-info-list div{gap:4px;display:grid}.conversion-info-list dt{color:#0f172a;font-weight:850}.conversion-info-list dd{color:#475569;margin:0;line-height:1.55}.error-text{color:#b42318;margin:0;font-size:.9rem;line-height:1.5}.success-text{color:#1f6f61;margin:0;font-size:.9rem;font-weight:750;line-height:1.5}.grid-output-panel{gap:12px;min-width:0;padding:16px;display:grid}.grid-output-header button{min-width:104px}.grid-output-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.grid-output-actions span{color:#64748b;font-size:.82rem;font-weight:800}.grid-output-viewport{overscroll-behavior:contain;cursor:zoom-in;background:#0f172a;border:1px solid #d6dee8;border-radius:8px;width:100%;height:clamp(340px,72vh,920px);position:relative;overflow:auto}.grid-output-viewport--fit{overflow:hidden}.grid-output-panel pre{color:#f8fafc;white-space:pre;background:0 0;width:100%;min-height:100%;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.12}.gallery-page{color:#f5f5f5;background:#000;gap:12px;min-height:calc(100vh - 120px);padding:0 0 24px;display:grid}.gallery-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;min-width:0;display:flex}.gallery-heading h1{color:#f5f5f5;font-size:2.4rem}.gallery-heading span,.gallery-message{color:#a3a3a3;font-weight:750}.gallery-message{margin:0}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;min-width:0;display:grid}.gallery-card{background:#000;border:1px solid #262626;border-radius:4px;gap:0;min-width:0;display:grid;overflow:hidden}.gallery-card-menu{z-index:10;position:absolute;top:8px;right:8px}.gallery-menu-button{color:#f5f5f5;background:#00000094;border-color:#ffffff47;border-radius:999px;width:34px;min-width:34px;min-height:34px;padding:0;font-size:1.15rem;line-height:1}.gallery-menu{z-index:20;background:#111;border:1px solid #2f2f2f;border-radius:8px;min-width:190px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 40px #0000007a}.gallery-menu button{color:#f5f5f5;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;min-height:42px;font-weight:750}.gallery-menu button:hover{background:#1f1f1f}.gallery-menu button:disabled{color:#737373;cursor:not-allowed}.gallery-menu button:disabled:hover{background:0 0}.gallery-menu .gallery-menu-danger{color:#fca5a5}.gallery-menu .gallery-menu-danger:hover{color:#fecaca;background:#321111}.gallery-image-frame{aspect-ratio:1;background:#050505;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-image-frame img{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.gallery-modal-backdrop{z-index:50;background:#000000b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.gallery-info-dialog{color:#f5f5f5;background:#121212;border:1px solid #303030;border-radius:8px;gap:18px;width:min(420px,100%);padding:18px;display:grid;box-shadow:0 24px 60px #00000094}.gallery-info-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-info-heading h2{color:#f5f5f5}.gallery-info-heading button{color:#f5f5f5;background:#181818;border-color:#303030;width:34px;min-width:34px;min-height:34px;padding:0}.gallery-info-list{gap:14px;margin:0;display:grid}.gallery-info-list div{gap:4px;display:grid}.gallery-info-list dt{color:#a3a3a3;text-transform:uppercase;font-size:.78rem;font-weight:800}.gallery-info-list dd{overflow-wrap:anywhere;color:#f5f5f5;min-width:0;margin:0;font-size:.98rem;line-height:1.45}.instagram-page{color:#f5f5f5;background:#000;gap:16px;min-height:calc(100vh - 120px);padding:0 0 24px;display:grid}.instagram-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.instagram-heading h1{color:#f5f5f5;font-size:2.4rem}.instagram-heading button{color:#f5f5f5;background:#101010;border-color:#2a2a2a}.instagram-panel,.instagram-preview-panel{background:#0b0b0b;border:1px solid #262626;border-radius:8px;gap:16px;min-width:0;padding:18px;display:grid}.instagram-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.instagram-panel-heading h2{color:#f5f5f5;font-size:1.1rem}.instagram-panel-heading span,.instagram-note,.instagram-compose-footer span{color:#a3a3a3;font-weight:750}.instagram-connected-account{min-width:0;display:flex}.instagram-account-link{color:#d1fae5;background:#081f1c;border:1px solid #27443f;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;text-decoration:none;display:inline-flex}.instagram-account-link:hover{color:#fff;background:#0b2d28;border-color:#3f7e70}.instagram-account-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;flex:none;width:24px;height:24px}.instagram-account-link strong,.instagram-account-link span{min-width:0}.instagram-account-link strong{overflow-wrap:anywhere;color:inherit;font-size:1.05rem;display:block}.instagram-account-link-label{color:#8fd8c3;text-transform:uppercase;font-size:.74rem;font-weight:850;line-height:1.3;display:block}.instagram-account-link--compact{color:#a3a3a3;background:0 0;border-color:#0000;gap:8px;padding:0}.instagram-account-link--compact:hover{color:#f5f5f5;background:0 0;border-color:#0000}.instagram-account-link--compact svg{width:18px;height:18px}.instagram-inline-link{color:#d1fae5;text-underline-offset:3px;font-weight:800;text-decoration-color:#3f7e70}.instagram-inline-link:hover{color:#fff}.instagram-banner{color:#a7f3d0;background:#082b25;border:1px solid #2f6f61;border-radius:6px;margin:0;padding:10px 12px;font-weight:800;line-height:1.45}.instagram-banner--error{color:#fecaca;background:#2b0808;border-color:#7f1d1d}.instagram-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.instagram-status-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.instagram-status-grid div{gap:4px;min-width:0;display:grid}.instagram-status-grid dt{color:#a3a3a3;text-transform:uppercase;font-size:.78rem;font-weight:850}.instagram-status-grid dd{overflow-wrap:anywhere;color:#f5f5f5;min-width:0;margin:0;line-height:1.45}.instagram-actions,.instagram-compose-footer,.instagram-connect-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.instagram-actions{justify-content:flex-start}.instagram-compose{grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.instagram-preview-frame{aspect-ratio:1;background:#050505;border:1px solid #1f1f1f;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.instagram-preview-frame img{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.instagram-preview-frame span{color:#737373;font-weight:850}.instagram-caption-field{gap:8px;display:grid}.instagram-caption-field span{color:#f5f5f5;font-weight:850}.instagram-caption-field textarea{resize:vertical;color:#f5f5f5;background:#050505;border:1px solid #303030;border-radius:6px;min-height:220px;padding:12px;line-height:1.5}.instagram-caption-field textarea:focus{border-color:#2f6f61;outline:2px solid #2f6f6147}.auth-page{background:var(--color-surface-base);min-height:calc(100vh - 120px);color:var(--color-text-primary);justify-content:center;padding:24px 0;display:flex}.auth-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);align-self:start;gap:16px;width:min(460px,100%);padding:20px;display:grid}.auth-heading{gap:6px;display:grid}.auth-heading h1{color:var(--color-text-primary);font-size:2rem}.auth-provider-name{color:var(--color-text-muted);margin:0}.social-login-actions{gap:10px;display:grid}.social-login-button{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.social-login-button span{color:#1f2937;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.78rem;font-weight:900;display:grid}.social-login-button--google{color:#1f2937;background:#fff;border-color:#d1d5db}.social-login-button--line{color:#fff;background:#06c755;border-color:#06c755}.auth-remember{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.auth-remember input{width:16px;height:16px;accent-color:var(--color-accent)}.auth-divider{color:var(--color-text-muted);text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.auth-mode-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-mode-switch button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.auth-notice{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-base);color:var(--color-text-muted);margin:0;padding:12px;line-height:1.5}.auth-card--message>button{justify-self:end}.auth-field{gap:8px;display:grid}.auth-field span{color:var(--color-text-primary);font-weight:850}.auth-field input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-base);width:100%;min-height:42px;color:var(--color-text-primary);padding:0 12px}.auth-field input:focus{border-color:var(--color-accent);outline:2px solid var(--color-focus-ring);outline-offset:1px}.auth-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.auth-summary{gap:14px;margin:0;display:grid}.auth-summary div{gap:4px;display:grid}.auth-summary dt{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:850}.auth-summary dd{overflow-wrap:anywhere;min-width:0;color:var(--color-text-primary);margin:0;line-height:1.45}.products-page,.product-detail-page{background:var(--color-surface-base);min-height:calc(100vh - 120px);color:var(--color-text-primary);align-content:start;gap:16px;padding:0 0 24px;display:grid}.products-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.products-heading h1{color:var(--color-text-primary);font-size:2.4rem}.products-heading span{color:var(--color-text-secondary);font-weight:750}.products-heading button{border-color:var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0;overflow:hidden}.purchase-card{grid-template-rows:1fr auto;display:grid}.product-card-button{width:100%;min-height:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:grid}.product-card-button:hover .product-image-frame{background:var(--color-surface-muted)}.product-image-frame,.product-detail-image{aspect-ratio:1;background:#050505;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-image-frame img,.product-detail-image img{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.product-image-frame span,.product-detail-image span{color:var(--color-text-muted);font-weight:850}.product-card-body{gap:8px;padding:14px;display:grid}.product-card-body h2,.product-detail-copy h2{color:var(--color-text-primary);font-size:1.08rem}.product-card-body p,.product-detail-copy p{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.product-card-body strong,.product-detail-copy strong{color:var(--color-text-primary);font-size:1.05rem}.product-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.product-card-meta span,.product-operator-actions span{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);text-transform:uppercase;border-radius:999px;padding:6px 8px;font-size:.72rem;font-weight:850;line-height:1}.product-detail-stack{gap:16px;display:grid}.product-detail-layout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.product-detail-image{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.product-detail-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);gap:18px;min-width:0;padding:18px;display:grid}.product-detail-copy{gap:10px;display:grid}.product-detail-actions{justify-content:flex-start;display:flex}.product-asset-list{gap:14px;margin:0;display:grid}.product-asset-list div{gap:4px;display:grid}.product-asset-list dt{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:850}.product-asset-list dd{overflow-wrap:anywhere;min-width:0;color:var(--color-text-primary);margin:0;line-height:1.45}.product-operator-panel{border-top:1px solid var(--color-border-subtle);gap:14px;padding-top:16px;display:grid}.product-operator-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.product-operator-heading h2{color:var(--color-text-primary);font-size:1.2rem}.product-operator-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.product-operator-actions button{border-color:var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary)}.product-manage-form{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-base);gap:12px;padding:12px;display:grid}.product-manage-form label{gap:6px;min-width:0;display:grid}.product-manage-form span{color:var(--color-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:850}.product-manage-form input,.product-manage-form select,.product-manage-form textarea{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-raised);width:100%;min-height:40px;color:var(--color-text-primary);padding:0 10px}.product-manage-form textarea{resize:vertical;min-height:92px;padding:10px}.product-manage-form input:focus,.product-manage-form select:focus,.product-manage-form textarea:focus{border-color:var(--color-accent);outline:2px solid var(--color-focus-ring);outline-offset:1px}.product-manage-grid{grid-template-columns:minmax(100px,1fr) minmax(90px,.6fr) minmax(120px,.8fr);gap:10px;display:grid}.gallery-product-dialog{width:min(560px,100%)}.asset-upload-grid{gap:10px;display:grid}.asset-upload-row{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-base);grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.asset-upload-summary{gap:5px;min-width:0;display:grid}.asset-upload-summary strong{color:var(--color-text-primary)}.asset-upload-summary span,.asset-file-control span{min-width:0;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:750;overflow:hidden}.asset-upload-summary code{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.asset-file-control{cursor:pointer;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:0;padding:10px 12px;display:flex;position:relative}.asset-file-control input{cursor:pointer;opacity:0;position:absolute;inset:0}.purchase-empty{align-content:start;gap:12px;display:grid}.purchase-card-actions{border-top:1px solid var(--color-border-subtle);padding:12px}.purchase-card-actions button{width:100%}@media (width<=1120px){.status-source-row,.preview-stage,.editor-grid{grid-template-columns:1fr}.preview-card{grid-template-rows:auto minmax(260px,52vh)}}@media (width<=760px){.app-shell{padding:24px 14px 32px}h1{font-size:2.35rem}.lead{font-size:.96rem}.preview-stage,.status-source-row,.editor-grid,.control-grid{grid-template-columns:1fr}.preview-card,.tool-panel,.grid-output-panel,.status-panel{padding:14px}.preview-card{grid-template-rows:auto minmax(220px,46vh)}.figure-header,.grid-output-header{align-items:flex-start}.figure-actions{justify-content:flex-start}.palette-editor{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.convert-action-row{grid-template-columns:1fr}.conversion-menu-popover{width:calc(100vw - 28px)}.conversion-menu-item{grid-template-columns:1fr;gap:6px}.gallery-page{padding:0 0 18px}.gallery-heading h1{font-size:2rem}.gallery-grid{grid-template-columns:1fr}.products-heading h1{font-size:2rem}.products-grid,.product-detail-layout,.product-manage-grid,.asset-upload-row{grid-template-columns:1fr}.instagram-heading h1{font-size:2rem}.instagram-compose,.instagram-status-grid,.instagram-status-grid--compact{grid-template-columns:1fr}.auth-card{padding:16px}}.video-preview-panel{padding:16px}.video-frame-stack{perspective:1200px;height:360px;position:relative;overflow:hidden}.video-frame-card{cursor:pointer;width:min(300px,55%);transform-style:preserve-3d;background:#fff;border:1px solid #d4d4d4;border-radius:10px;gap:6px;padding:8px;transition:transform .35s,opacity .35s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 18px 36px #0f172a38}.video-frame-card.is-active{cursor:default}.video-frame-canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:6px}.video-frame-time{color:#64748b;text-align:center;font-size:.75rem;font-weight:850}.app-shell--dark .video-frame-card{background:#0b0b0b;border-color:#262626;box-shadow:0 18px 36px #0009}.app-shell--dark .video-frame-time{color:#b8b8b8}.app-shell{font-family:var(--font-family-base)}.app-shell--gallery{background:var(--color-surface-base);color:var(--color-text-primary)}.top-header,.app-shell--dark .top-header{top:var(--space-3);z-index:50;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-base) 92%, transparent);padding:var(--space-2) var(--space-3);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky}.top-header-left,.top-header-nav,.top-header-actions{align-items:center;min-width:0;display:flex}.top-header-left{gap:var(--space-3);flex-wrap:nowrap;flex:auto}.top-header-nav,.top-header-actions{gap:var(--space-2);flex-wrap:wrap}.top-header-actions{flex:none;justify-content:flex-end}.brand-button,.app-shell--dark .brand-button{min-height:44px;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-xl);padding:0 var(--space-2);background:0 0;border-color:#0000;font-weight:900}.brand-button:hover,.app-shell--dark .brand-button:hover{background:var(--color-surface-raised)}.nav-button,.app-shell--dark .nav-button,.auth-button,.mobile-nav-summary{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:44px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);padding:0 var(--space-4);transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;background:0 0;font-weight:800;line-height:1}.nav-button:hover,.app-shell--dark .nav-button:hover,.auth-button--ghost:hover,.mobile-nav-summary:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.nav-button:active,.app-shell--dark .nav-button:active,.auth-button:active,.mobile-nav-summary:active{transform:translateY(1px)}.nav-button[aria-current=page],.app-shell--dark .nav-button[aria-current=page]{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-surface-base)}.auth-button--primary,.app-shell--dark .auth-button--primary,.primary-action,.app-shell--dark .primary-action{border-color:var(--color-accent);background:var(--color-accent);min-height:44px;color:var(--color-on-accent)}.auth-button--primary:hover,.app-shell--dark .auth-button--primary:hover,.primary-action:hover:not(:disabled),.app-shell--dark .primary-action:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.auth-button--primary:active,.app-shell--dark .auth-button--primary:active,.primary-action:active:not(:disabled),.app-shell--dark .primary-action:active:not(:disabled){border-color:var(--color-accent-active);background:var(--color-accent-active)}.auth-button--ghost{background:0 0}.mobile-nav-menu{display:none;position:relative}.mobile-nav-summary{align-items:center;list-style:none;display:inline-flex}.mobile-nav-summary::-webkit-details-marker{display:none}.mobile-nav-panel{top:calc(100% + var(--space-2));z-index:60;gap:var(--space-2);width:min(220px, calc(100vw - var(--space-6)));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-2);display:grid;position:absolute;left:0}.mobile-nav-panel .nav-button{justify-content:flex-start;width:100%}.cta-button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:156px;min-height:44px;color:var(--color-text-primary);font-size:var(--font-size-md);padding:0 var(--space-5);transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.cta-button:hover{transform:translateY(-1px)}.cta-button:active{transform:translateY(1px)}.cta-button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.cta-button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.cta-button--primary:active{border-color:var(--color-accent-active);background:var(--color-accent-active)}.cta-button--ghost{background:0 0}.cta-button--ghost:hover{background:var(--color-surface-raised)}.landing-page{gap:var(--space-8);width:min(1180px,100%);margin:0 auto;display:grid}.landing-hero{gap:var(--space-7);min-height:min(620px,100vh - 120px);padding:var(--space-7) 0 var(--space-6);grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;display:grid}.landing-hero-copy{gap:var(--space-5);min-width:0;display:grid}.landing-eyebrow{color:var(--color-accent-hover);font-family:var(--font-family-display);font-size:var(--font-size-sm)}.landing-hero h1{max-width:680px;color:var(--color-text-primary);font-size:var(--font-size-4xl);line-height:1.08}.landing-lead{max-width:620px;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0;line-height:1.8}.landing-cta-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-hero-visual{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.landing-art-frame{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-base);place-items:center;display:grid;position:absolute;overflow:hidden}.landing-art-frame--primary{z-index:2;aspect-ratio:1;width:72%;bottom:9%;right:9%}.landing-art-frame--secondary{z-index:1;aspect-ratio:1;opacity:.86;width:42%;top:10%;left:8%}.landing-art-frame img,.landing-art-fallback{width:100%;height:100%;image-rendering:pixelated}.landing-art-frame img{object-fit:contain;display:block}.landing-pixel-trail{pointer-events:none;position:absolute;inset:0}.landing-pixel-trail span{width:var(--space-3);height:var(--space-3);background:var(--color-accent-hover);opacity:.7;animation:landing-pixel-drift var(--motion-ambient) ease-in-out infinite alternate;position:absolute}.landing-pixel-trail span:first-child{top:18%;left:18%}.landing-pixel-trail span:nth-child(2){animation-delay:.6s;top:28%;left:28%}.landing-pixel-trail span:nth-child(3){animation-delay:1.2s;top:38%;left:20%}.landing-pixel-trail span:nth-child(4){top:52%;left:16%}.landing-pixel-trail span:nth-child(5){animation-delay:.6s;top:64%;left:26%}.landing-pixel-trail span:nth-child(6){animation-delay:1.2s;top:74%;left:38%}.landing-pixel-trail span:nth-child(7){top:16%;right:18%}.landing-pixel-trail span:nth-child(8){animation-delay:.6s;top:28%;right:10%}.landing-pixel-trail span:nth-child(9){animation-delay:1.2s;top:46%;right:13%}.landing-pixel-trail span:nth-child(10){bottom:16%;right:24%}.landing-pixel-trail span:nth-child(11){animation-delay:.6s;bottom:30%;right:12%}.landing-pixel-trail span:nth-child(12){animation-delay:1.2s;bottom:8%;right:34%}.landing-art-fallback{aspect-ratio:1;border:1px solid var(--color-border-strong);grid-template-columns:repeat(8,1fr);width:min(320px,74%);height:auto;display:grid}.landing-art-fallback span{background:var(--color-surface-muted)}.landing-art-fallback span:nth-child(3n){background:var(--color-accent)}.landing-art-fallback span:nth-child(4n){background:var(--color-text-secondary)}.landing-art-fallback span:nth-child(7n){background:var(--color-accent-hover)}@keyframes landing-pixel-drift{0%{transform:translateY(0)}to{transform:translateY(calc(var(--space-1) * -1))}}.landing-section{gap:var(--space-5);padding:var(--space-7) 0;border-top:1px solid var(--color-border-subtle);display:grid}.landing-section--raised{background:var(--color-surface-raised);box-shadow:0 0 0 100vmax var(--color-surface-raised);clip-path:inset(0 -100vmax);border-top:0}.landing-section-heading{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.landing-section-heading h2,.legal-heading h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);line-height:1.15}.landing-text-link,.landing-footer a{color:var(--color-accent-hover);font-weight:850;text-decoration:none}.landing-text-link:hover,.landing-footer a:hover{text-decoration:underline}.landing-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-feature-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-feature{gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0;padding:var(--space-5);display:grid}.landing-feature-icon{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-accent-hover);font-family:var(--font-family-display);font-size:var(--font-size-sm);place-items:center;font-weight:900;display:inline-grid}.landing-feature h3,.landing-flow-list h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0;line-height:1.35}.landing-feature p,.landing-flow-list p,.landing-faq-list p,.legal-heading p,.legal-section p,.landing-status-note{color:var(--color-text-secondary);margin:0;line-height:1.75}.landing-flow-list{gap:var(--space-4);counter-reset:flow-step;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-flow-list li{gap:var(--space-3);border-top:2px solid var(--color-accent);min-width:0;padding:var(--space-4) 0 0;counter-increment:flow-step;display:grid}.landing-flow-list li:before{content:counter(flow-step, decimal-leading-zero);color:var(--color-accent-hover);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:900}.landing-faq-list{gap:var(--space-2);display:grid}.landing-faq-list details{border-top:1px solid var(--color-border-subtle);padding:var(--space-4) 0}.landing-faq-list details:last-child{border-bottom:1px solid var(--color-border-subtle)}.landing-faq-list summary{min-height:44px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:900;line-height:1.5}.landing-faq-list p{max-width:820px;padding:var(--space-2) 0 0}.landing-footer{gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding:var(--space-6) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.landing-footer div,.landing-footer nav{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.landing-footer strong{color:var(--color-text-primary);font-family:var(--font-family-display)}.landing-footer span{color:var(--color-text-muted)}.landing-status-note{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-4)}.legal-page{gap:var(--space-6);width:min(860px,100%);padding:var(--space-7) 0 var(--space-8);margin:0 auto;display:grid}.legal-heading{gap:var(--space-3);display:grid}.legal-section-list{gap:var(--space-5);display:grid}.legal-section{gap:var(--space-2);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);display:grid}.legal-section h2{color:var(--color-text-primary);font-size:var(--font-size-xl)}.legal-back-link{justify-self:start}.product-card{border-color:var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised)}.product-card-link{border-radius:inherit;width:100%;min-height:100%;color:inherit;text-align:left;text-decoration:none;display:grid;position:relative;overflow:hidden}.product-card-link:hover .product-image-frame,.product-card-link:focus-visible .product-image-frame{background:var(--color-surface-muted)}.product-card-link:hover .product-card-overlay,.product-card-link:focus-visible .product-card-overlay{opacity:1}.product-image-frame,.product-detail-image{background:var(--color-surface-base);position:relative}.product-image-frame:before{z-index:0;content:"";background:var(--color-surface-muted);position:absolute;inset:0}.product-image-frame img,.product-detail-image img{z-index:1;position:relative}.product-card-overlay{right:var(--space-3);bottom:var(--space-3);z-index:2;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface-base) 88%, transparent);min-height:32px;color:var(--color-text-primary);font-size:var(--font-size-sm);opacity:0;padding:var(--space-2) var(--space-3);transition:opacity var(--motion-fast) ease;font-weight:900;position:absolute}.product-card-body h2,.product-card-body h3,.product-detail-copy h2{color:var(--color-text-primary);font-size:var(--font-size-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-body p,.product-detail-copy p{color:var(--color-text-secondary)}.product-card-body strong,.product-detail-copy strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.gallery-message{color:var(--color-text-secondary)}.gallery-message--error{color:var(--color-danger)}button[aria-busy=true]{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}button[aria-busy=true]:before{width:var(--space-4);height:var(--space-4);content:"";border:2px solid;border-right-color:#0000;border-radius:999px;animation:.8s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(1turn)}}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (width<=1024px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero-visual{min-height:380px}.landing-products-grid,.landing-feature-grid,.landing-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.app-shell,.app-shell--gallery{gap:var(--space-3);padding:var(--space-3)}.top-header,.app-shell--dark .top-header{top:var(--space-2);min-height:56px;padding:var(--space-1) var(--space-2)}.top-header-left{gap:var(--space-2)}.top-header-nav{display:none}.top-header-actions{gap:var(--space-1)}.mobile-nav-menu{display:block}.brand-button,.app-shell--dark .brand-button{font-size:var(--font-size-lg);padding:0 var(--space-1)}.auth-button,.mobile-nav-summary{font-size:var(--font-size-sm);padding:0 var(--space-2)}.landing-page{gap:var(--space-6)}.landing-hero{gap:var(--space-5);padding:var(--space-5) 0 var(--space-4)}.landing-hero h1{font-size:var(--font-size-4xl)}.landing-lead{font-size:var(--font-size-lg)}.landing-cta-row{display:grid}.cta-button{width:100%}.landing-hero-visual{min-height:300px}.landing-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-grid,.landing-flow-list{grid-template-columns:1fr}.landing-section{padding:var(--space-6) 0}.product-card-body{gap:var(--space-2);padding:var(--space-3)}.product-card-body h2,.product-card-body h3{font-size:var(--font-size-md)}.product-card-overlay{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}