:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#fbfbfa;--bg-surface:#fff;--bg-inset:#f1f2ef;--bg-inverse:#252826;--text-primary:#1f252b;--text-secondary:#626b73;--text-muted:#737a74;--text-inverse:#fff;--border-subtle:#e8e8e5;--border-strong:#b8beb6;--accent:#b83d21;--accent-bright:#db6544;--accent-soft:#fff2ed;--lime:#e3ebdf;--lime-soft:#f3f6ef;--success:#366440;--success-soft:#e7f0e2;--warning:#89622b;--warning-soft:#f6ebcc;--danger:#a03932;--danger-soft:#f9e8e4;--grid:#dae0d2;--white:#fff;--black:#172016;--shadow-color:#2027220d;--overlay:#20272280;--poster-paper:#faf6e9;--poster-mint:#edf3e1;--image-default-bg:#fff;--launch-front-top:#ffcbb0;--launch-front-bottom:#f58c61;--launch-ivory:#fffaf4;--launch-edge:#f7d6c4;--launch-shadow-ink:#8b4d36;--launch-orbit-ink:#efdece;--launch-light-center:#fcf0e7;--launch-light-wash:radial-gradient(ellipse at 50% 65%, var(--launch-light-center), var(--art-transparent) 70%);--launch-pitch:8;--launch-yaw:-18;--launch-pitch-range:9;--launch-yaw-range:15;--launch-response:.15s;--launch-stage-height:320px;--launch-display:clamp(2.5rem, 4.3vw, 3.75rem);--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-editorial:var(--font-sans);--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2rem;--text-4xl:3rem;--text-display:clamp(2.25rem, 3.25vw, 3.25rem);--leading-tight:1.18;--leading-body:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--surface-padding:var(--space-8);--surface-padding-compact:var(--space-6);--surface-padding-mobile:var(--space-5);--surface-background:var(--bg-surface);--surface-muted-background:var(--bg-inset);--art-paper-start:var(--white);--art-paper-end:var(--bg-inset);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-card:0 1px 3px var(--shadow-color);--shadow-float:0 16px 48px var(--shadow-color);--sidebar-width:224px;--content-max:1280px;--marketing-max:1480px;--workspace-subtle:#f8f9f6;--action-primary:var(--accent);--action-hover:#a53d24;--action-subtle:var(--accent-soft);--shadow-preview:0 12px 45px var(--shadow-color), 0 2px 5px var(--shadow-color);--art-warm:#fae7d7;--art-light:#fffaf5;--art-transparent:#fff0;--art-wash:radial-gradient(ellipse at 75% 60%, var(--art-warm), var(--art-transparent) 72%);--art-feather:linear-gradient(90deg, transparent, var(--black) 24%, var(--black) 95%, transparent);--action-sheen:linear-gradient(175deg, var(--accent-bright), var(--accent));--shadow-button:0 2px 4px var(--shadow-color);--shadow-art-stage:0 24px 64px var(--shadow-color), 0 1px 4px var(--shadow-color);--art-figure-height:310px;--control-height:44px;--z-sticky:10;--z-sidebar:20;--z-toast:80;--duration-fast:.13s;--duration-normal:.22s;--motion-reveal-duration:.56s;--motion-reveal-distance:18px;--motion-art-duration:1s;--motion-art-distance:12px;--motion-stagger:65ms;--motion-switch-duration:.2s;--motion-switch-distance:6px;--motion-feedback-duration:.28s;--motion-hover-distance:-2px;--motion-press-scale:.98;--ease:cubic-bezier(.2,.7,.2,1)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:150px;font-size:16px}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:pretty;line-height:1.4}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);min-height:var(--control-height);width:100%;min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--success);flex-shrink:0;width:17px;height:17px;margin:0}input[type=range]{width:100%;accent-color:var(--success)}input[type=color]{background:0 0;border:0;width:40px;height:32px;padding:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--space-4);font-weight:650}select{cursor:pointer}small,.fine-print{font-size:var(--text-xs);color:var(--text-muted)}img,svg,canvas{max-width:100%}img{height:auto}svg.ui-icon{vertical-align:middle;flex-shrink:0;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[data-route-content]:focus,[data-dialog-title]:focus{outline:none}[hidden]{display:none!important}.sr-only,input.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{left:var(--space-4);z-index:200;background:var(--bg-inverse);color:var(--text-inverse);padding:var(--space-3) var(--space-4);position:fixed;top:-100px}.skip-link:focus{top:var(--space-4)}.mono,.eyebrow,.section-index{font-family:var(--font-mono)}.eyebrow,.section-index{font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.hand-note{font-family:var(--font-editorial);color:var(--text-secondary)}.status-dot{border-radius:var(--radius-pill);background:var(--accent-bright);flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.success{background:var(--success)}::selection{background:var(--lime);color:var(--text-primary)}.surface{min-width:0;padding:var(--surface-padding);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-background);color:var(--text-primary)}.surface-muted{background:var(--surface-muted-background)}.surface-compact{padding:var(--surface-padding-compact)}.surface>*{min-width:0}.surface h2,.surface h3,.surface p{overflow-wrap:anywhere}.button,.intro-nav-apps{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:var(--control-height);border:1px solid var(--action-primary);border-radius:var(--radius-sm);background:var(--action-primary);color:var(--text-inverse);font-size:var(--text-base);transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);font-weight:600;line-height:1.4;display:inline-flex}.button:hover:not(:disabled),.intro-nav-apps:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--text-inverse)}.button:active:not(:disabled){transform:translateY(1px)}.button.secondary,.button.quiet{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.button.secondary:hover:not(:disabled){background:var(--lime-soft);color:var(--text-primary)}.button.quiet{border-color:#0000}.button.full{width:100%}.text-button,.text-link,.back-link,.quiet-link{align-items:center;gap:var(--space-2);min-height:36px;font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.text-button:hover,.text-link:hover{color:var(--accent)}.back-link{margin-bottom:var(--space-5)}.badge,.pill,.book-category,.availability,.planned-label,.step-status,.release-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-inset);white-space:nowrap;line-height:1.5;display:inline-flex}.badge-success,.availability,.pill.green,.release-live,.status-done{background:var(--success-soft);color:var(--success)}.badge-warning,.release-changes,.release-submitted,.release-ready,.status-review,.status-doing{background:var(--warning-soft);color:var(--warning)}.badge-accent,.book-category{background:var(--accent-soft);color:var(--accent)}.brand{align-items:center;gap:var(--space-3);width:fit-content;color:var(--text-primary);display:flex}.brand:hover{color:var(--text-primary)}.brand-symbol{background:var(--action-primary);width:40px;height:40px;color:var(--text-inverse);border:1px solid var(--action-primary);border-radius:var(--radius-md);font-size:var(--text-2xl);place-items:center;font-weight:650;display:grid}.brand-word{letter-spacing:-.04em;font-weight:750;font-size:var(--text-xl);line-height:1.3}.brand-word small{letter-spacing:.04em;margin-top:var(--space-1);font-size:10px;font-weight:400;display:none}.brand.compact small{display:none}.section-header{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-header h2{font-size:var(--text-2xl);margin-top:var(--space-3)}.section-header p{max-width:660px;color:var(--text-secondary);margin-top:var(--space-3)}.page-heading{padding:var(--space-8) 0;align-items:center;gap:var(--space-6);justify-content:space-between;display:flex}.page-heading h1{font-size:var(--text-3xl);white-space:pre-line;margin:var(--space-3) 0;font-weight:750}.page-heading p:not(.eyebrow){color:var(--text-secondary);max-width:600px}.chips{gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.chip{padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-surface);min-height:40px;font-size:var(--text-sm)}.chip.selected{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-inverse)}.section-top{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.notice,.error,.apps-error,.scope-warning,.card-caution,.shared-banner{background:var(--warning-soft);color:var(--warning);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.8}.error,.apps-error{background:var(--danger-soft);color:var(--danger)}.apps-error,.scope-warning,.card-caution{gap:var(--space-3);align-items:flex-start;display:flex}.shared-banner{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.shared-banner>div{flex:260px}.shared-banner p{margin-top:var(--space-1)}.status,.share-status{min-height:1.5em;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3)}.journey-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-page);width:min(880px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text-primary);box-shadow:var(--shadow-float);padding:0;overflow-y:auto}.journey-dialog.wide{width:min(980px,100vw - 32px)}.journey-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-inner{padding:var(--space-8);position:relative}.dialog-close{float:right;z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);place-items:center;width:44px;height:44px;display:grid;position:sticky;top:0}.confirm-content{padding:var(--space-8) var(--space-2)}.confirm-content h2{font-size:var(--text-2xl);margin:var(--space-5) 0 var(--space-3)}.confirm-content p{max-width:620px;color:var(--text-secondary)}.confirm-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.confirm-symbol{background:var(--lime);border-radius:var(--radius-md);place-items:center;width:56px;height:56px;display:inline-grid}.book-cover{padding:var(--space-3) var(--space-2) var(--space-6)}.book-badges{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;margin-right:48px;display:flex}.book-cover h1{font-size:var(--text-2xl);margin:var(--space-5) 0 var(--space-3);padding-right:var(--space-8)}.book-cover>p{color:var(--text-secondary);font-size:var(--text-md)}.book-context{gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);display:flex}.book-share{margin-top:var(--space-5)}.personal-advice{align-items:center;gap:var(--space-3);background:var(--lime-soft);padding:var(--space-4);border-left:3px solid var(--success);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.personal-advice p{flex:200px}.small-sticker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--success);font-weight:700}.knowledge-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.knowledge-card,.collectible-card{border:1px solid var(--border-subtle);background:var(--surface-background);padding:var(--surface-padding-compact);border-radius:var(--radius-sm);min-width:0;position:relative}.knowledge-card{border-top:3px solid var(--lime)}.knowledge-card h2{font-size:var(--text-lg);padding-right:var(--space-8);margin-bottom:var(--space-3)}.knowledge-card>p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.9}.knowledge-number{top:var(--space-5);right:var(--space-5);font-family:var(--font-mono);color:var(--border-strong);font-size:var(--text-lg);position:absolute}.material-list{margin:var(--space-4) 0 0;padding:0;list-style:none}.material-list li{gap:var(--space-2);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.material-bullet{background:var(--accent);flex-shrink:0;width:4px;height:4px;margin-top:10px}.card-sources{margin-top:var(--space-5);border-top:1px dashed var(--border-subtle);padding-top:var(--space-3)}.card-sources a{align-items:flex-start;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) 0;overflow-wrap:anywhere;display:flex}.card-sources a:hover{color:var(--accent);text-decoration:underline}.source-fold{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.source-fold summary{cursor:pointer;min-height:44px}.source-fold p,.source-fold>div{margin:var(--space-3) 0}.source-fold small{display:block}.source-fold a{text-underline-offset:4px;text-decoration:underline}.inline-tool,.related-card-link{align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--lime-soft);display:flex}.inline-tool>span:nth-child(2){flex:1}.inline-tool small{display:block}.related-card-link{font-size:var(--text-sm);background:0 0}.book-actions{gap:var(--space-4);background:var(--bg-page);border-top:1px solid var(--border-subtle);padding:var(--space-4) 0;margin-top:var(--space-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.book-actions small{display:block}.book-actions>div:last-child{gap:var(--space-2);flex-wrap:wrap;display:flex}.book-actions .button{font-size:var(--text-sm)}.gentle-agency{gap:var(--space-3);border:1px dashed var(--border-strong);padding:var(--space-5);margin-top:var(--space-5);display:flex}.gentle-agency h2{font-size:var(--text-md)}.gentle-agency p{color:var(--text-secondary);font-size:var(--text-sm)}.agency-contact img{max-width:170px;display:block}.card-collection{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collectible-card{transition:border-color var(--duration-fast);flex-direction:column;display:flex}.collectible-card:hover{border-color:var(--accent);color:var(--text-primary)}.collection-top,.collection-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);display:flex}.card-emblem{width:52px;height:52px;margin:var(--space-6) 0;background:var(--lime);border-radius:var(--radius-sm);color:var(--text-primary);place-items:center;display:grid}.collectible-card h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.collectible-card>p{color:var(--text-secondary);margin-bottom:var(--space-8)}.collection-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto}.feedback-toast{bottom:var(--space-6);left:calc(50% + var(--sidebar-width)/2);width:max-content;max-width:calc(100vw - 48px);z-index:var(--z-toast);background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-float);font-size:var(--text-sm);align-items:center;display:flex;position:fixed;transform:translate(-50%)}.feedback-message{align-items:center;gap:var(--space-2);display:flex}.feedback-toast button{min-height:36px;color:var(--lime)}.dismiss-feedback{width:28px}.poster-shell{position:relative}.share-poster{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;height:auto;display:block}.poster-open{width:100%;display:block}.paperclip{display:none}.poster-shell.is-preparing{background:var(--bg-inset);min-height:220px}.poster-shell.is-preparing canvas{visibility:hidden}.poster-loading{color:var(--text-muted);padding:var(--space-4);font-size:var(--text-xs);place-items:center;display:grid;position:absolute;inset:0}.share-controls{padding:var(--space-5) 0}.share-controls h2{font-size:var(--text-md);margin-bottom:var(--space-4)}.share-actions{gap:var(--space-2);display:flex}.share-actions button{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.share-actions button>span{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);place-items:center;width:44px;height:44px;display:grid}.share-actions button:hover>span{border-color:var(--accent)}.share-privacy-note,.share-note,.share-dialog-intro,.dialog-save-status{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4);line-height:1.8}.share-panel.expanded{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;display:grid}.expanded .share-controls{position:sticky;top:50px}.share-options{margin-top:var(--space-6)}.share-options>label,.share-options fieldset label{align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);display:flex}.share-options fieldset{margin-top:var(--space-5)}.share-options legend{margin-bottom:var(--space-2)}.share-options p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4)}.manual-copy{margin-top:var(--space-3);font-size:var(--text-xs);display:block}.manual-copy input{margin-top:var(--space-2)}.share-dialog-title{padding:var(--space-4) var(--space-10) var(--space-4) 0}.share-dialog-title h2{font-size:var(--text-2xl)}.route-skeleton{padding-top:var(--space-8);min-height:60vh}.route-skeleton>span:not(.sr-only){background:var(--bg-inset);width:35%;height:20px;margin-bottom:var(--space-5);border-radius:var(--radius-sm);display:block}.route-skeleton>span:nth-child(2){width:60%;height:48px}.route-skeleton>div{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:260px;margin-top:var(--space-8)}.error-state,.not-found{padding:var(--space-16) var(--space-6);max-width:760px}.error-state h1,.not-found h1{margin-bottom:var(--space-5)}.error-state p,.not-found p{margin-bottom:var(--space-6);color:var(--text-secondary)}.platform-mark{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);width:32px;height:32px;color:var(--text-primary);font-size:var(--text-xs);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.platform-mark.small{width:24px;height:24px;font-size:var(--text-xs)}.workspace-shell{min-height:100dvh}.sidebar{width:var(--sidebar-width);padding:var(--space-6) var(--space-4) var(--space-5);border-right:1px solid var(--border-subtle);background:var(--bg-surface);z-index:var(--z-sidebar);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .brand{margin-bottom:var(--space-10);padding-inline:var(--space-2)}.nav-heading{color:var(--text-muted);font-size:var(--text-xs);padding:0 var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;display:flex}.sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar nav>a{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);min-height:48px;color:var(--text-secondary);border:1px solid #0000;display:flex}.sidebar nav>a small{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:10px}.sidebar nav>a[aria-current]{background:var(--action-subtle);color:var(--action-primary);border-color:#0000;font-weight:650}.sidebar nav>a:hover:not([aria-current]){background:var(--bg-inset)}.sidebar-help{padding:var(--space-5) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--art-light);margin-top:auto;position:relative}.sidebar-help>svg{color:var(--text-muted);margin-bottom:var(--space-3)}.sidebar-help strong{font-size:var(--text-sm);font-weight:600;display:block}.sidebar-help p{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);line-height:1.8}.sidebar-help a{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-primary);display:flex}.sidebar-local{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-4) var(--space-3) 0;align-items:center;display:flex}.launch-main{margin-left:var(--sidebar-width);padding:0 var(--space-8);max-width:calc(var(--content-max) + var(--sidebar-width))}.workspace-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:64px;color:var(--text-muted);font-size:var(--text-xs);display:flex}.workspace-topbar>div,.workspace-topbar>a{align-items:center;gap:var(--space-3);display:flex}.workspace-topbar strong{color:var(--text-primary);font-weight:500}.workspace-topbar .mono{letter-spacing:.08em;font-size:10px}.workspace-content{min-height:calc(100dvh - 180px);padding-bottom:var(--space-6)}.launch-footer{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--border-subtle);padding:var(--space-6) 0;color:var(--text-muted);font-size:var(--text-xs);display:flex}.launch-footer>a{gap:var(--space-2);align-items:center;display:flex}.topbar{justify-content:flex-end;align-items:center;gap:var(--space-4);margin:var(--space-5) 0;display:flex}.local-badge{color:var(--text-muted);font-size:var(--text-xs);margin-right:auto}.top-share,.new-route{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:40px}.journey-hero{gap:var(--space-8);padding:var(--space-6) 0 var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.journey-hero h1{font-size:var(--text-4xl);line-height:var(--leading-tight);margin:var(--space-3) 0 var(--space-4)}.hero-subtitle{color:var(--text-secondary)}.hero-art{width:100%;max-height:240px}.dashboard-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 270px;align-items:start;display:grid}.route-column{min-width:0}.share-column{top:var(--space-6);position:sticky}.condition-panel{top:var(--space-3);z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--border-strong);padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-sm);position:sticky}.condition-panel>header,.condition-panel>header>div{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.condition-panel>header{margin-bottom:var(--space-4)}.condition-panel h2{font-size:var(--text-md)}.condition-panel>header span{color:var(--text-muted);font-size:var(--text-xs)}.condition-fields{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.condition-field{min-width:0}.condition-field>span{gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);align-items:center;display:flex}.condition-field select{font-size:var(--text-xs);padding:var(--space-2)}.needs-picker{position:relative}.needs-picker summary{justify-content:space-between;gap:var(--space-2);cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:44px;padding:var(--space-2);font-size:var(--text-xs);align-items:center;list-style:none;display:flex}.needs-picker summary::-webkit-details-marker{display:none}.needs-picker summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.needs-menu{border:1px solid var(--border-strong);background:var(--bg-surface);width:230px;padding:var(--space-4);z-index:var(--z-sidebar);box-shadow:var(--shadow-float);position:absolute;top:50px;right:0}.needs-menu label{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.condition-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.condition-foot label{align-items:center;gap:var(--space-2);display:flex}.condition-foot select{min-height:32px;padding:var(--space-1) var(--space-2);width:140px;font-size:var(--text-xs)}.mobile-condition-toggle,.condition-mobile-summary{display:none}.roadmap-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);border-radius:var(--radius-sm)}.roadmap-heading,.roadmap-heading>div{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.roadmap-heading>div{flex-wrap:wrap}.roadmap-heading>div>span{color:var(--text-muted);font-size:var(--text-xs)}.roadmap-heading .hand-note{font-size:var(--text-xs)}.journey-progress{width:100%;height:4px;margin:var(--space-5) 0;appearance:none;background:var(--bg-inset);color:var(--success);border:0;display:block}.journey-progress::-webkit-progress-bar{background:var(--bg-inset)}.journey-progress::-webkit-progress-value{background:var(--success);transition:width var(--duration-normal)}.journey-progress::-moz-progress-bar{background:var(--success)}.next-hint{align-items:center;gap:var(--space-2);background:var(--lime-soft);padding:var(--space-3);font-size:var(--text-xs);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.next-hint button{align-items:center;gap:var(--space-2);min-height:30px;font-weight:650;display:inline-flex}.roadmap-list{margin:var(--space-5) 0;padding:0 0 0 var(--space-6);list-style:none;position:relative}.roadmap-list:before{content:"";border-left:1px dashed var(--border-strong);position:absolute;top:25px;bottom:26px;left:6px}.roadmap-item{margin-bottom:var(--space-3);position:relative}.timeline-check{z-index:1;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:20px;left:-40px}.timeline-check input{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute}.timeline-check>span{border:3px solid var(--bg-surface);border-radius:var(--radius-pill);background:var(--bg-inset);width:28px;height:28px;font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;display:grid}.timeline-check:has(:focus-visible)>span{outline:2px solid var(--accent);outline-offset:3px}.is-next .timeline-check>span{background:var(--lime);color:var(--text-primary)}.is-done .timeline-check>span{background:var(--success);color:var(--white)}.step-card{align-items:center;gap:var(--space-3);min-height:84px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);grid-template-columns:32px minmax(0,1fr) auto 100px;display:grid}.is-next .step-card{border-color:var(--text-primary);border-left:3px solid var(--success)}.is-done .step-card{background:var(--success-soft)}.is-review .step-card{border-color:var(--warning)}.step-icon{color:var(--text-muted)}.step-copy{min-width:0}.step-copy h3{font-size:var(--text-base);font-weight:650}.step-copy p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.step-action{justify-content:center;align-items:center;gap:var(--space-1);min-height:40px;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;display:flex}.step-action.primary{background:var(--bg-inverse);color:var(--text-inverse);border-color:var(--bg-inverse)}.roadmap-foot{justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);align-items:center;display:flex}.new-tool-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.new-tool{padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);flex-direction:column;display:flex}.new-tool:hover:not(.planned){border-color:var(--text-primary);color:var(--text-primary)}.large-tool-icon{margin:var(--space-8) 0 var(--space-5);color:var(--success);display:block}.new-tool h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.new-tool p{color:var(--text-secondary);margin-bottom:var(--space-6)}.tool-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);font-size:var(--text-sm);margin-top:auto}.planned-tools{margin-top:var(--space-12)}.planned-tools>h2{margin-bottom:var(--space-5)}.planned-tools>div{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.new-tool.planned{padding:var(--space-5);background:0 0}.planned-label{width:fit-content;margin-bottom:var(--space-3)}.new-tool.planned p{font-size:var(--text-sm);margin-bottom:0}.about-links{gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm);flex-direction:column;display:flex}.standalone-card{padding-top:var(--space-6)}.diagnostics{padding:var(--space-8)}.sidebar-help .artwork{float:right;width:35px;height:109px;margin:0 0 var(--space-2) var(--space-3)}.tool-workspace{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-8);grid-template-columns:310px minmax(0,1fr);display:grid}.tool-settings{padding:var(--space-6);border-right:1px solid var(--border-subtle)}.tool-settings h2,.tool-settings legend{font-size:var(--text-md)}.tool-settings h2 .mono,.tool-settings legend .mono{color:var(--accent);font-size:var(--text-xs);margin-right:var(--space-2)}.dropzone{border:1px dashed var(--border-strong);background:var(--bg-page);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-4);align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-8);text-align:center;flex-direction:column;display:flex}.dropzone p{font-size:var(--text-xs);overflow-wrap:anywhere}.drop-symbol{font-size:var(--text-3xl);color:var(--success)}.dropzone.is-dragging{background:var(--lime-soft);border-color:var(--success)}.field-label{font-size:var(--text-sm);margin:var(--space-5) 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.size-chips{gap:var(--space-1);margin:var(--space-3) 0}.size-chips .chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.background-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);display:flex}.background-row label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.preview-panel{padding:var(--space-6);min-width:0}.preview-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.checkerboard{padding:var(--space-3);aspect-ratio:1;background-image:conic-gradient(var(--bg-inset) 25%,var(--bg-surface) 0 50%,var(--bg-inset) 0 75%,var(--bg-surface) 0);border:1px solid var(--border-subtle);background-size:16px 16px;place-items:center;display:grid}.checkerboard canvas{width:100%;height:auto}.preview figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);justify-content:space-between;display:flex}.package-files{margin:var(--space-6) 0;background:var(--bg-page);border:1px dashed var(--border-subtle);padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs)}.package-files span{font-family:var(--font-mono);display:block}.package-files p{margin-top:var(--space-3)}.empty-preview{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:380px;display:flex}.empty-preview p{color:var(--text-muted)}.icon-stack{align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.icon-stack span{background:var(--lime);width:84px;height:84px;font-size:var(--text-3xl);border:1px solid var(--text-primary);border-radius:var(--radius-md);place-items:center;display:grid}.icon-stack span:nth-child(2){width:58px;height:58px;font-size:var(--text-2xl)}.icon-stack span:nth-child(3){width:40px;height:40px;font-size:var(--text-lg)}.apps-heading{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) 0 var(--space-4);display:flex}.apps-heading h1{font-size:var(--text-2xl);margin:var(--space-1) 0}.apps-heading .eyebrow{display:none}.apps-heading>div>p:last-child{color:var(--text-muted)}.apps-heading-art{width:100%;max-height:140px}.app-savebar{justify-content:space-between;align-items:center;gap:var(--space-2);top:var(--space-3);z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex;position:sticky}.app-save-context,.app-save-actions{align-items:center;gap:var(--space-3);display:flex}.app-save-context,.app-save-context>div{min-width:0}.app-save-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(300px,100%);display:block;overflow:hidden}.app-save-context div>span{color:var(--text-muted);font-size:var(--text-xs);display:block}.save-status{font-size:var(--text-xs);color:var(--text-muted)}.save-status.is-dirty{color:var(--accent)}.app-context-summary{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);width:100%;padding-top:var(--space-2);display:flex}.app-context-summary>span{font-size:var(--text-xs);color:var(--text-secondary)}.app-secondary-bar,.apps-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-5);color:var(--text-muted);flex-wrap:wrap;display:flex}.app-secondary-bar>div,.apps-list-toolbar>div{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-md);min-width:0}.app-surface>header{margin-bottom:var(--space-5)}.app-surface h2{font-size:var(--text-lg)}.app-surface header p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.app-identity{gap:var(--space-6);grid-template-columns:80px minmax(0,1fr);align-items:center;display:grid}.application-icon{background:var(--lime-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:68px;height:68px;color:var(--success);flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.application-icon img{object-fit:cover;width:100%;height:100%}.application-icon.small{border-radius:var(--radius-sm);width:36px;height:36px}.icon-upload{align-items:center;gap:var(--space-2);font-size:var(--text-xs);flex-direction:column;display:flex}.icon-upload .application-icon{width:72px;height:72px}.icon-upload>button{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.icon-upload>small{text-align:center}.app-name-field label{gap:var(--space-3);margin-bottom:var(--space-2);align-items:center;font-weight:650;display:flex}.app-name-field label span{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.app-name-field input{font-size:var(--text-lg)}.app-name-field p{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.app-settings{scroll-margin-top:170px}.app-settings>header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.app-profile-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-profile-fields label>span{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);display:block}.app-profile-fields select{font-size:var(--text-sm)}.app-capabilities{align-items:center;gap:var(--space-5);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.app-capabilities label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);min-height:36px;display:flex}.platform-choices{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.platform-choices>label{align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:52px;padding:var(--space-3);cursor:pointer;display:flex}.platform-choices>label:has(:checked){border-color:var(--action-primary);background:var(--action-subtle)}.android-choices{margin-top:var(--space-5);border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.android-choices>div:first-child{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.android-choices>div:first-child strong{font-size:var(--text-sm)}.store-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.store-choices label{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--bg-page);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex}.store-choices label:has(:checked){background:var(--lime-soft);border-color:var(--success)}.android-choices details{margin-top:var(--space-3)}.android-choices details summary{font-size:var(--text-xs);cursor:pointer;min-height:36px}.android-choices details label{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;display:flex}.target-hint{color:var(--warning);font-size:var(--text-xs);margin-top:var(--space-3)}.apps-dashboard{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 240px;align-items:start;display:grid}.apps-progress-column{min-width:0}.app-share-column{position:sticky;top:154px}.channel-tabs{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.channel-tab{gap:var(--space-1);text-align:left;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);flex-direction:column;align-items:start;min-width:0;display:flex}.channel-tab.selected{border-color:var(--action-primary);background:var(--action-subtle)}.channel-tab-title{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.channel-tab-title>span:not(.channel-letter){color:var(--text-muted);font-size:10px;display:none}.channel-tab-title strong{font-size:var(--text-sm)}.channel-letter{border-radius:var(--radius-sm);background:var(--bg-inset);width:24px;height:24px;font-size:var(--text-xs);font-family:var(--font-sans);place-items:center;display:inline-grid}.channel-tab-progress{font-size:var(--text-xs);color:var(--text-muted)}.app-channel-workspace>header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.app-channel-workspace h2{font-size:var(--text-xl)}.app-channel-workspace .text-link{white-space:nowrap}.channel-release{align-items:center;gap:var(--space-5);background:var(--workspace-subtle);padding:var(--space-4);border-radius:var(--radius-sm);display:flex}.channel-release label{flex:1}.channel-release label>span{font-size:var(--text-xs);margin-bottom:var(--space-2);display:block}.channel-release small{margin-left:var(--space-2)}.channel-release select{font-size:var(--text-sm)}.channel-release p{font-size:var(--text-xs);color:var(--text-muted);flex:1}.app-next{gap:var(--space-3);margin-top:var(--space-5);align-items:start;display:flex}.app-next>svg{color:var(--success);margin-top:var(--space-1)}.app-next strong{font-size:var(--text-base)}.app-next p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.app-task-list .step-card{gap:var(--space-2);grid-template-columns:24px minmax(0,1fr) 94px}.app-task-list .step-copy{grid-column:2}.app-task-list .step-status{grid-column:2;justify-self:start}.app-task-list .step-action{grid-area:1/3/3}.app-task-list .step-icon{grid-row:1/3}.apps-local-note{align-items:start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.app-bottom-save{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.app-bottom-save p{font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-2);align-items:center;display:flex}.saved-app-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saved-app{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card)}.saved-app-identity{align-items:center;gap:var(--space-4);display:flex}.saved-app h2{font-size:var(--text-xl)}.saved-app-identity p{color:var(--text-muted);font-size:var(--text-xs)}.saved-channel-list{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saved-channel-list>div{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.saved-app footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.legacy-import{padding:var(--space-4);align-items:center;gap:var(--space-4);background:var(--warning-soft);border:1px dashed var(--border-strong);margin-bottom:var(--space-5);display:flex}.legacy-import p{font-size:var(--text-xs);color:var(--warning)}.legacy-record summary{cursor:pointer}.legacy-record p{color:var(--text-muted);margin:var(--space-3) 0}.legacy-record ul{padding:0;list-style:none}.legacy-record li{justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0;font-size:var(--text-sm);display:flex}.app-capabilities{grid-column:1/-1}.icon-editor{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.icon-upload>span:last-child:not(.application-icon){font-size:var(--text-xs)}.apps-dashboard.no-targets{grid-template-columns:minmax(0,1fr)}.workspace-local-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;display:flex}.apps-heading h1{overflow-wrap:anywhere}.app-setup-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.app-setup-grid>.app-surface{margin-bottom:0}.app-setup-grid>.app-identity{grid-column:1/-1}.app-name-field{max-width:680px}.app-surface>header h2{font-size:var(--text-md);font-weight:650}.app-capabilities{gap:var(--space-3);margin-top:0}.app-capabilities>span{width:100%;font-size:var(--text-xs);color:var(--text-secondary)}.app-capabilities small{flex-basis:100%;display:block}.platform-choices>label{font-size:var(--text-sm);min-width:0}.channel-mini-progress{appearance:none;background:var(--bg-inset);width:100%;height:3px;color:var(--success);margin-top:var(--space-2);border:0}.channel-mini-progress::-webkit-progress-bar{background:var(--bg-inset)}.channel-mini-progress::-webkit-progress-value{background:var(--success)}.channel-mini-progress::-moz-progress-bar{background:var(--success)}.app-share-invitation{padding:var(--surface-padding-compact);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-md)}.share-invitation-icon{background:var(--bg-inset);border-radius:var(--radius-sm);width:40px;height:40px;margin-bottom:var(--space-4);place-items:center;display:inline-grid}.app-share-invitation h2{font-size:var(--text-base);font-weight:650}.app-share-invitation p{margin:var(--space-3) 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.85}.app-share-invitation .button{width:100%;font-size:var(--text-sm)}.app-share-invitation small{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);display:flex}.app-next{background:var(--workspace-subtle);padding:var(--space-4);border-radius:var(--radius-sm)}.saved-app-progress{margin-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.saved-app-progress progress{max-width:120px;margin:0}.share-invitation-art{width:70px;height:78px;margin-bottom:var(--space-4);border-radius:var(--radius-md)}.app-share-column>.context-panel{position:relative}.application-summary{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 140px;align-items:center;display:grid}.summary-main{gap:var(--space-3) var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.summary-identity{align-items:center;gap:var(--space-4);display:flex}.summary-identity h2{font-size:var(--text-2xl);overflow-wrap:anywhere;margin-bottom:var(--space-2)}.summary-identity p{font-size:var(--text-sm);color:var(--text-muted)}.summary-platforms{gap:var(--space-2);flex-wrap:wrap;grid-column:1;margin:0;display:flex}.summary-platforms>span{align-items:center;gap:var(--space-2);font-size:var(--text-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:var(--bg-surface);display:flex}.summary-metrics{gap:var(--space-5);flex-wrap:wrap;grid-area:1/2/3;display:flex}.summary-metrics>span{gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);flex-direction:column;display:flex}.summary-metrics strong{font-size:var(--text-xl);color:var(--text-primary);font-variant-numeric:tabular-nums}.summary-art-zone{isolation:isolate;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.summary-art-zone:before{content:"";background-image:var(--art-wash);z-index:-1;position:absolute;inset:0}.summary-art-zone .artwork{border-radius:var(--radius-lg);width:140px;height:154px;-webkit-mask-image:var(--art-feather);mask-image:var(--art-feather)}.next-action{padding-block:var(--space-5);align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.next-action-icon{border-radius:var(--radius-pill);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);place-items:center;display:grid}.next-action-label{font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-2)}.next-action h2{font-size:var(--text-xl);line-height:1.5}.next-action>div>p:last-child{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.next-action>.button{font-size:var(--text-sm);padding-inline:var(--space-4)}.context-panel{margin-bottom:var(--space-5)}.context-panel h2{font-size:var(--text-base)}.context-panel>header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.context-channel{gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);font-size:var(--text-md);align-items:center;display:flex}.context-channel strong{overflow-wrap:anywhere;min-width:0}.context-panel>p{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-3) 0}.context-panel .text-link,.context-panel .text-button{font-size:var(--text-xs)}.context-panel dl{gap:var(--space-4);margin:var(--space-5) 0 0;display:grid}.context-panel dl>div{gap:var(--space-3);font-size:var(--text-xs);grid-template-columns:70px minmax(0,1fr);display:grid}.context-panel dt{color:var(--text-muted)}.context-panel dd{color:var(--text-primary);overflow-wrap:anywhere;margin:0}.intro-page{max-width:var(--marketing-max);padding:0 var(--space-10);margin:0 auto}.intro-header{justify-content:space-between;align-items:center;gap:var(--space-6);height:88px;display:flex}.intro-header nav{align-items:center;gap:var(--space-8);font-size:var(--text-base);display:flex}.intro-header nav>a:not(.intro-nav-apps){color:var(--text-secondary)}.intro-hero{align-items:center;gap:var(--space-10);padding:0 0 var(--space-10);grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);display:grid}.intro-hero-copy{text-align:left;min-width:0;padding-bottom:var(--space-12)}.hero-kicker{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:550;display:inline-flex}.intro-hero h1{font-size:var(--launch-display);letter-spacing:-.045em;margin:var(--space-6) 0;font-weight:750;line-height:1.27}.intro-hero h1>span{color:var(--accent)}.intro-lead{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.95}.intro-hero-actions{align-items:center;gap:var(--space-3);margin:var(--space-8) 0 var(--space-5);flex-wrap:wrap;display:flex}.intro-hero-actions .button{min-height:50px;padding-inline:var(--space-6)}.intro-reassurance{gap:var(--space-5);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.intro-reassurance>span{align-items:center;gap:var(--space-1);display:flex}.intro-reassurance svg{color:var(--success)}.intro-hero-visual{isolation:isolate;min-width:0;position:relative}.intro-preview{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-preview);position:relative;overflow:hidden}.preview-caption{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--surface-padding-compact);background:var(--workspace-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.preview-caption>span:first-child{gap:var(--space-3);align-items:center;display:flex}.preview-window-dot{border-radius:var(--radius-pill);background:var(--accent);width:8px;height:8px;display:inline-block}.breadcrumb-slash{color:var(--border-strong)}.demo-disclosure{color:var(--text-muted)}.preview-layout,.preview-main{min-width:0}.preview-app-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);flex-shrink:0;place-items:center;display:inline-grid}.preview-identity{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--surface-padding-compact) var(--space-2);display:flex}.preview-app-identity{gap:var(--space-4);align-items:center;display:flex}.preview-identity h2{font-size:var(--text-xl);margin:0 0 var(--space-1)}.preview-identity p{color:var(--text-muted);font-size:var(--text-sm)}.preview-stamp{align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);flex-shrink:0;display:inline-flex}.intro-demo-tabs{gap:var(--space-5);margin-inline:var(--surface-padding-compact);border-bottom:1px solid var(--border-subtle);display:flex}.intro-demo-tabs button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;border-bottom:2px solid #0000;display:flex}.intro-demo-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text-primary);font-weight:650}.preview-body{grid-template-columns:minmax(0,1fr) 210px;display:grid}#demo-panel{min-height:222px}.preview-platform-note{padding:var(--space-3) var(--surface-padding-compact) var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.preview-rows{padding:0 var(--surface-padding-compact) var(--space-3)}.preview-rows>div{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);min-height:33px;display:flex}.preview-rows>div:last-child{border-bottom:0}.preview-rows strong{font-weight:550;font-size:var(--text-sm);flex:1}.preview-row-index{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.demo-status{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--accent);background:var(--accent-soft);font-style:normal;line-height:1.4;display:inline-flex}.demo-status>i{border-radius:var(--radius-pill);background:currentColor;width:4px;height:4px}.demo-status.success{background:var(--success-soft);color:var(--success)}.demo-status.warning{background:var(--warning-soft);color:var(--warning)}.demo-status.muted{background:var(--bg-inset);color:var(--text-muted)}.preview-next{margin:var(--space-3) var(--surface-padding-compact) var(--space-3) 0;padding:var(--space-4);background:var(--workspace-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-self:start}.preview-next-label{align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-xs);display:flex}.preview-next h3{font-size:var(--text-base);margin:var(--space-2) 0}.preview-next p{color:var(--text-secondary);font-size:var(--text-xs)}.preview-checks{gap:var(--space-1);margin:var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-xs);display:grid}.preview-checks>span{gap:var(--space-2);align-items:center;display:flex}.preview-checks svg{color:var(--success)}.preview-checks i{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:14px;height:14px}.preview-next-link{border-top:1px solid var(--border-subtle);padding-top:var(--space-2);font-size:var(--text-xs);justify-content:space-between;align-items:center;font-weight:600;display:flex}.preview-bottom{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--surface-padding-compact);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.preview-bottom>span:first-child{align-items:center;gap:var(--space-2);display:inline-flex}.intro-capabilities{gap:var(--space-5);padding-bottom:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.capability-card{gap:var(--space-5);flex-direction:column;display:flex}.capability-card header{gap:var(--space-4);align-items:center;display:flex}.capability-card h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.capability-card p{color:var(--text-muted);font-size:var(--text-sm)}.capability-card .feature-link{margin-top:auto}.capability-detail,.capability-stages{gap:var(--space-3);flex-wrap:wrap;display:flex}.capability-detail>span,.capability-stages>span{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--workspace-subtle);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.intro-platforms{justify-content:flex-start;align-items:center;gap:var(--space-8);padding:var(--space-4) 0 var(--space-12);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.intro-platforms>div{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.intro-platforms>div>span{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);display:flex}.intro-how{align-items:stretch;gap:var(--space-8);padding:var(--space-6) 0 var(--space-16);scroll-margin-top:var(--space-6);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);display:grid}.intro-benefits{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.intro-benefits>article{flex-direction:column;display:flex}.feature-icon{background:var(--accent-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);place-items:center;display:grid}.intro-benefits h3{margin:var(--space-4) 0 var(--space-3);font-size:var(--text-base)}.intro-benefits>article>p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.85}.mini-task{align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4);padding:var(--space-3);background:var(--workspace-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.mini-task small{font-size:var(--text-xs);margin-top:var(--space-1);display:block}.mini-task-check{color:var(--success);border-radius:var(--radius-pill);background:var(--success-soft);flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.mini-channels{gap:var(--space-2);margin:var(--space-6) 0 var(--space-4);display:grid}.mini-channels>span{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--workspace-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.saved-note{gap:var(--space-3);margin:var(--space-6) 0 var(--space-4);padding:var(--space-4) var(--space-3);background:var(--workspace-subtle);border-radius:var(--radius-sm);align-items:center;display:flex}.saved-note strong{font-size:var(--text-sm);font-weight:550;display:block}.saved-note small{margin-top:var(--space-1);font-size:var(--text-xs);display:block}.saved-note-icon{color:var(--success)}.feature-caption,.feature-link{font-size:var(--text-xs);padding-top:var(--space-2);color:var(--text-muted);margin-top:auto}.feature-link{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:550;display:inline-flex}.intro-extras{padding:0 0 var(--space-12)}.intro-extras-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.intro-extras-grid h3{font-size:var(--text-xl);margin:var(--space-3) 0}.intro-extras-grid p{color:var(--text-secondary);font-size:var(--text-base)}.intro-extras-grid .text-link{align-items:center;gap:var(--space-2);margin-top:var(--space-5);display:inline-flex}.tool-illustration,.share-feature-preview{background:var(--workspace-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:194px;margin-bottom:var(--space-6);padding:var(--space-5)}.tool-illustration{justify-content:center;gap:var(--space-5);align-items:center;display:flex}.tool-source-icon{background:var(--accent-soft);width:70px;height:70px;color:var(--accent);border-radius:var(--radius-lg);flex-shrink:0;place-items:center;display:grid}.tool-export-files{gap:var(--space-2);min-width:0;display:grid}.tool-export-files>span{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;align-items:center;display:flex}.tool-export-files small{color:var(--text-muted);font-size:var(--text-xs);margin-left:var(--space-3)}.share-feature-preview{max-width:100%}.share-feature-label{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);display:flex}.share-feature-preview>div{align-items:center;gap:var(--space-3);margin:var(--space-3) 0;display:flex}.share-feature-preview strong,.share-feature-preview small{display:block}.share-feature-preview strong{font-size:var(--text-base)}.share-feature-progress{gap:var(--space-1);height:5px;display:flex}.share-feature-progress i{background:var(--border-subtle);border-radius:var(--radius-pill);flex:1}.share-feature-progress i:nth-child(-n+2){background:var(--success)}.share-feature-foot{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-3);display:block}.intro-faq{gap:var(--space-16);padding:var(--space-10) 0 var(--space-16);grid-template-columns:1fr 1.45fr;display:grid}.intro-faq h2{font-size:var(--text-2xl);margin:var(--space-3) 0}.intro-faq>div>p:last-child{color:var(--text-secondary);font-size:var(--text-base)}.intro-faq details{padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle)}.intro-faq details:first-child{padding-top:0}.intro-faq summary{justify-content:space-between;gap:var(--space-4);font-size:var(--text-base);cursor:pointer;font-weight:550;list-style:none;display:flex}.intro-faq summary::-webkit-details-marker{display:none}.intro-faq details[open] summary>span{transform:rotate(45deg)}.intro-faq details p{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-3)}.intro-invitation{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.intro-invitation h2{font-size:var(--text-2xl);margin:var(--space-3) 0}.intro-invitation p{color:var(--text-secondary);font-size:var(--text-base)}.intro-footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;margin-top:var(--space-8);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.intro-footer>a:last-child{align-items:center;gap:var(--space-2);display:inline-flex}.artwork{object-fit:contain;pointer-events:none;flex-shrink:0;max-width:100%;display:block}.preview-meter{background:var(--bg-inset);border-radius:var(--radius-pill);width:48px;height:4px;overflow:hidden}.preview-meter i{background:var(--success);width:35%;height:100%;display:block}.preview-meter .meter-1{width:20%}.preview-meter .meter-2{width:65%}.preview-meter .meter-3{width:10%}.preview-meter .meter-4{width:0}.maker-story{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.maker-story .artwork{width:100%;height:var(--art-figure-height);object-fit:cover;object-position:62% center}.maker-story figcaption{padding:var(--surface-padding);font-size:var(--text-lg);font-weight:650}.maker-story figcaption span{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);font-weight:400;display:block}.maker-story-content{min-width:0}.maker-story-content .section-header h2{font-size:var(--text-2xl)}.maker-story-content .surface{padding:var(--surface-padding-compact)}.maker-story-content .saved-note,.maker-story-content .mini-task{gap:var(--space-2);padding:var(--space-2)}.tool-art{border-radius:var(--radius-md);width:128px;height:150px}.share-feature-label .artwork{width:48px;height:50px}.share-feature-preview{position:relative}.share-feature-label .artwork{right:var(--space-5);top:var(--space-5);width:80px;height:88px;position:absolute}.launch-scene{isolation:isolate;height:var(--launch-stage-height);width:100%;margin:0;position:relative}.launch-scene:before{content:"";background:var(--launch-light-wash);z-index:-1;pointer-events:none;position:absolute;inset:10% 15% 0}.launch-object{pointer-events:none;position:absolute;inset:0}.launch-canvas,.launch-mark{width:100%;height:100%;display:block}.launch-canvas{opacity:0;position:absolute;inset:0}.launch-fallback{max-width:100%;position:absolute;inset:0}.launch-scene[data-launch-state=ready] .launch-canvas{opacity:1}.launch-scene[data-launch-state=ready] .launch-fallback{visibility:hidden}.launch-orbit{left:var(--space-8);right:var(--space-8);border:1px solid var(--launch-orbit-ink);z-index:-1;pointer-events:none;border-radius:50%;height:30%;position:absolute;top:48%;transform:rotate(-8deg)}.launch-platform{align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);color:var(--text-primary);font-size:var(--text-sm);box-shadow:var(--shadow-card);white-space:nowrap;display:inline-flex;position:absolute}.launch-platform .platform-mark{background:0 0;border:0}.launch-platform-ios{top:13%;left:12%}.launch-platform-harmony{top:55%;left:0}.launch-platform-android{top:42%;right:0}.launch-platform-mini{bottom:10%;right:4%}.launch-scene figcaption{top:var(--space-3);align-items:flex-end;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;display:flex;position:absolute;right:0}.launch-motion-toggle{gap:var(--space-2);min-height:32px;padding-inline:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-pill);align-items:center;display:inline-flex}.launch-motion-toggle:hover{background:var(--bg-surface)}.launch-scene[data-launch-state=fallback] .launch-motion-toggle{display:none}.summary-art-zone .launch-mark{width:120px;height:100px}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),print{.launch-canvas,.launch-motion-toggle{display:none}.launch-scene[data-launch-state=ready] .launch-fallback{visibility:visible}}@media (prefers-reduced-motion:no-preference){.button,.intro-nav-apps,.new-tool,.collectible-card,.saved-app,.channel-tab,.platform-choices>label,.step-card,.intro-postcard{transition:transform var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease), background-color var(--duration-normal) var(--ease)}.button:not(:disabled):active,.intro-nav-apps:active{transform:scale(var(--motion-press-scale))}.button .ui-icon,.text-link .ui-icon,.intro-nav-apps .ui-icon{transition:transform var(--duration-normal) var(--ease)}.intro-demo-tabs button,.chip,.sidebar nav>a{transition:background-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease)}.intro-faq summary>span{transition:transform var(--duration-normal) var(--ease)}.intro-faq details[open]>p{animation:detail-enter var(--motion-switch-duration) var(--ease)}.channel-letter,.timeline-check>span{transition:background-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease)}.is-done .timeline-check>span{animation:status-confirm var(--motion-feedback-duration) var(--ease)}@keyframes status-confirm{0%{scale:.9}55%{scale:1.08}to{scale:1}}.journey-dialog[open]{animation:dialog-enter var(--motion-switch-duration) var(--ease)}.journey-dialog[open]::backdrop{animation:backdrop-enter var(--motion-switch-duration) var(--ease)}@keyframes detail-enter{0%{opacity:.25}to{opacity:1}}@keyframes dialog-enter{0%{opacity:.6;translate:0 var(--space-2)}to{opacity:1;translate:0}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button:not(:disabled):hover,.intro-nav-apps:hover{transform:translateY(var(--motion-hover-distance));box-shadow:var(--shadow-card)}.button:not(:disabled):hover .ui-icon,.text-link:hover .ui-icon{transform:translateX(var(--space-1))}.new-tool:not(.planned):hover,.collectible-card:hover,.saved-app:hover{transform:translateY(var(--motion-hover-distance));box-shadow:var(--shadow-float)}.intro-share:hover .intro-postcard{transform:rotate(-2deg) translateY(var(--motion-hover-distance))}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.journey-dialog,.journey-dialog::backdrop,.intro-faq details>p{animation:none!important}}@media print{[data-reveal]{opacity:1!important;transform:none!important}}@media (width<=1200px){.launch-main{padding-inline:var(--space-6)}.apps-dashboard{grid-template-columns:minmax(0,1fr)}.app-share-column{width:100%;max-width:760px;position:static}.app-share-column .share-panel{gap:var(--space-8);grid-template-columns:230px minmax(0,1fr);display:grid}.app-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.app-setup-grid{grid-template-columns:minmax(0,1fr)}.condition-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.condition-panel>header>div>span{display:none}.step-card{grid-template-columns:30px minmax(0,1fr) 100px}.step-status{grid-area:2/2;justify-self:start}.step-action{grid-area:1/3/3}.step-icon{grid-row:1/3}.card-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px}.roadmap-heading .hand-note{display:none}}@media (width<=1100px){:root{--surface-padding:var(--space-6)}.sidebar{width:190px}.launch-main{padding-inline:var(--space-5);margin-left:190px}.brand-word small{font-size:var(--text-xs)}.channel-tabs,.platform-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-app-grid,.tool-workspace{grid-template-columns:1fr}.tool-settings{border-right:0;border-bottom:1px solid var(--border-subtle)}.tool-settings .download-panel{margin-bottom:0}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.share-column{width:100%;max-width:760px;position:static}.share-column>.share-panel{gap:var(--space-6);grid-template-columns:220px minmax(0,1fr);display:grid}.condition-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-fields>.condition-field:last-child{grid-column:1/-1}.condition-panel.is-collapsed #publish-conditions{display:none}.mobile-condition-toggle{align-items:center;gap:var(--space-2);display:flex}.conditions-hint{display:none}.condition-mobile-summary{text-align:left;width:100%;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-secondary);display:block}.condition-mobile-summary>span{display:block}}@media (width<=760px){:root{--surface-padding:var(--surface-padding-mobile);--surface-padding-compact:var(--surface-padding-mobile)}html{scroll-padding-top:180px}.brand-symbol{width:36px;height:36px}.brand-word{font-size:var(--text-xl)}.brand-word small{display:none}.section-header{gap:var(--space-4);flex-wrap:wrap}.section-header h2{font-size:var(--text-2xl)}.sidebar{width:100%;height:auto;padding:var(--space-4) var(--space-4) var(--space-3);border-right:0;border-bottom:1px solid var(--border-subtle);position:relative;overflow:visible}.sidebar .brand{margin-bottom:var(--space-4)}.sidebar nav{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sidebar nav>a{min-height:52px;padding:var(--space-2) var(--space-1);gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;justify-content:center}.sidebar nav .ui-icon{width:18px;height:18px}.sidebar-help,.nav-heading,.sidebar-local,.sidebar nav small{display:none}.launch-main{padding:0 var(--space-4);margin:0}.workspace-topbar{height:56px;margin-bottom:var(--space-6);font-size:var(--text-xs)}.workspace-topbar>span{max-width:65%}.workspace-topbar .mono{display:none}.page-heading{padding-block:var(--space-2) var(--space-6);display:block}.page-heading h1{font-size:var(--text-2xl)}.page-heading p{font-size:var(--text-base)}.page-heading .text-link{margin-top:var(--space-3)}.apps-heading{gap:var(--space-3);padding:0 0 var(--space-5)}.workspace-local-label{display:none}.apps-heading h1{font-size:var(--text-2xl)}.apps-heading-art{max-height:110px}.app-savebar{top:var(--space-2);padding:var(--space-3);gap:var(--space-3)}.app-save-context{flex:100%}.app-save-context .application-icon{width:32px;height:32px}.app-save-actions{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;width:100%}.app-save-actions>.save-status{font-size:var(--text-xs);flex:1}.app-save-actions .button{padding-inline:var(--space-3);min-height:42px}.app-share-button .ui-icon{display:none}.app-context-summary{gap:var(--space-3)}.app-context-summary>span{font-size:var(--text-xs);line-height:1.7}.app-context-summary .text-button{min-width:65px}.app-secondary-bar{gap:var(--space-2);flex-wrap:wrap}.app-secondary-bar>div{flex-wrap:wrap}.app-surface h2{font-size:var(--text-lg)}.app-identity{gap:var(--space-4);grid-template-columns:64px minmax(0,1fr)}.icon-upload{width:64px;min-height:92px}.icon-upload .application-icon{width:64px;height:64px}.app-identity>div>p{font-size:var(--text-xs)}.app-name-field label{align-items:flex-start;gap:var(--space-1);flex-direction:column}.app-profile-fields{gap:var(--space-4)}.app-profile-fields select,.app-identity input,.channel-release select{font-size:var(--text-md)}.app-settings header{align-items:flex-start}.app-settings header>div{min-width:0}.app-settings header>button{flex-shrink:0}.platform-choices{gap:var(--space-2)}.platform-choices>label{min-height:50px;padding:var(--space-3);gap:var(--space-2);font-size:var(--text-sm)}.platform-choices>label .ui-icon,.platform-choices>label .platform-mark{display:none}.channel-tabs{gap:var(--space-3)}.channel-tab{padding:var(--space-3)}.channel-tab-title{flex-wrap:wrap}.channel-tab-title>span:not(.channel-letter){width:100%}.channel-tab-progress{font-size:var(--text-xs)}.channel-release{align-items:start;gap:var(--space-4);flex-wrap:wrap}.channel-release>label{flex:1;min-width:0}.channel-release>p{font-size:var(--text-xs)}.app-next{padding:var(--space-4)}.app-task-list{padding-left:var(--space-5)}.step-card,.app-task-list .step-card{gap:var(--space-2);padding:var(--space-3);grid-template-columns:24px minmax(0,1fr) 88px}.step-copy{grid-area:1/2/auto/4}.step-icon{grid-row:1;align-self:start;width:24px;height:28px}.step-icon>.ui-icon{width:19px}.step-copy h3{font-size:var(--text-base);line-height:1.65}.step-copy p{font-size:var(--text-sm)}.step-status{font-size:var(--text-xs);grid-area:2/2}.step-action{min-height:40px;padding:var(--space-2);font-size:var(--text-xs);grid-area:2/3}.timeline-check{top:12px;left:-37px}.app-bottom-save{flex-direction:column;align-items:stretch}.app-bottom-save>button{align-self:flex-end}.app-share-column .share-panel,.share-column>.share-panel{max-width:340px;margin:auto;display:block}.app-share-column{max-width:none}.saved-app-grid,.new-tool-grid,.card-collection{grid-template-columns:1fr}.apps-list-toolbar{gap:var(--space-3);flex-wrap:wrap}.saved-app footer{flex-wrap:wrap}.saved-app-identity .application-icon{width:56px;height:56px}.saved-app-identity h2{font-size:var(--text-xl)}.application-icon{width:64px;height:64px}.journey-dialog,.journey-dialog.wide{width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.dialog-inner{padding:var(--space-4)}.book-cover{padding-right:var(--space-6)}.book-cover h1{font-size:var(--text-2xl)}.book-cover>p{font-size:var(--text-base)}.book-badges{font-size:var(--text-xs)}.knowledge-grid{grid-template-columns:1fr}.knowledge-card h2{font-size:var(--text-lg)}.book-actions{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));gap:var(--space-3);flex-direction:column}.book-actions>div:last-child{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.book-actions button{flex:1;min-width:110px}.book-actions small{font-size:var(--text-xs)}.share-panel.expanded{gap:var(--space-5);flex-direction:column;display:flex}.expanded .poster-shell{width:100%;max-width:270px;margin:auto}.expanded .share-controls{width:100%;position:static}.share-dialog-title h2{font-size:var(--text-xl)}.share-options label{min-height:44px}.manual-copy input{font-size:var(--text-md)}.confirm-content{padding:var(--space-4) 0}.confirm-actions{flex-direction:column;align-items:stretch}.confirm-actions button{width:100%}.feedback-toast{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));flex-wrap:wrap;width:auto;max-width:none;transform:none}.feedback-message{flex:70%}.journey-hero{margin-bottom:var(--space-6);grid-template-columns:1fr;gap:0}.journey-hero h1{font-size:var(--text-3xl)}.hero-art{max-height:180px}.condition-panel{top:var(--space-2);padding:var(--space-4)}.condition-foot{flex-wrap:wrap}.condition-foot label select{width:120px}.condition-field select,.needs-picker summary{font-size:var(--text-md)}.roadmap-foot{flex-direction:column;align-items:flex-start}.topbar{flex-wrap:wrap}.tool-settings input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.tool-settings select{font-size:var(--text-md)}.planned-tools>div{grid-template-columns:1fr}.launch-footer{align-items:flex-start;gap:var(--space-4);font-size:var(--text-xs);margin-top:var(--space-10);flex-direction:column}.launch-footer>div{gap:var(--space-4);flex-wrap:wrap}}@media (width<=420px){.sidebar nav>a{font-size:11px}.sidebar nav{gap:0}.app-profile-fields,.channel-tabs{grid-template-columns:1fr}.channel-tab-title>span{width:auto}.apps-heading{grid-template-columns:1fr}.apps-heading-art{display:none}.app-save-actions>.save-status{flex-basis:100%}.store-choices{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.sidebar,.workspace-topbar,.topbar,.app-savebar,.app-share-column,.share-column,.launch-footer,.feedback-toast,.step-action{display:none!important}.launch-main{margin:0;padding:0}.apps-dashboard,.dashboard-grid{display:block}.condition-panel{position:static}.knowledge-card,.roadmap-item{break-inside:avoid}}@media (width<=760px){.app-capabilities{grid-column:1/-1}.app-task-list .step-copy{grid-column:2/4}.app-task-list .step-action{grid-row:2}.app-task-list .step-icon{grid-row:1}}@media (width<=1200px){.intro-how{grid-template-columns:minmax(0,1fr)}.maker-story{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;display:grid}.maker-story .artwork{height:260px}.intro-lead{font-size:var(--text-md)}.intro-hero{gap:var(--space-6)}.preview-body{grid-template-columns:minmax(0,1fr) 180px}.intro-demo-tabs{gap:var(--space-3)}.preview-meter,.tool-export-files small{display:none}}@media (width<=1100px){.intro-hero{gap:var(--space-5);padding-top:var(--space-8);grid-template-columns:1fr}.intro-hero-copy{text-align:center;max-width:760px;margin:auto;padding-bottom:0}.intro-hero-actions,.intro-reassurance{justify-content:center}.intro-hero-visual{width:100%;max-width:760px;margin:auto}.preview-body{grid-template-columns:minmax(0,1fr) 240px}.preview-meter{display:block}.capability-card header{align-items:flex-start}.capability-card h2{font-size:var(--text-lg)}}@media (width<=760px){:root{--launch-stage-height:260px}.intro-page{padding-inline:var(--space-5)}.intro-header{height:76px}.intro-header nav{gap:var(--space-4)}.intro-header nav>a:first-child,.intro-header nav>a:nth-child(2){display:none}.intro-hero{padding:var(--space-6) 0 var(--space-8)}.intro-hero-copy{text-align:left;margin:0}.hero-kicker{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.intro-hero h1{margin-block:var(--space-5);font-size:clamp(2rem,7.9vw,2.8rem)}.intro-lead{font-size:var(--text-base)}.intro-hero-actions,.intro-reassurance{justify-content:flex-start}.intro-hero-actions{margin-top:var(--space-6)}.intro-reassurance{gap:var(--space-3)}.launch-scene figcaption{font-size:var(--text-xs);top:0}.launch-motion-toggle{display:none}.launch-platform{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);gap:var(--space-1)}.launch-platform-ios{top:15%;left:5%}.launch-platform-harmony{top:57%;left:0}.launch-platform-android{top:25%;right:0}.launch-platform-mini{bottom:7%;right:0}.launch-orbit{left:0;right:0}.preview-identity{padding-block:var(--space-4) var(--space-2)}.preview-identity h2{font-size:var(--text-lg)}.preview-stamp{display:none}.intro-demo-tabs{justify-content:space-between;gap:var(--space-2)}.intro-demo-tabs button{font-size:var(--text-xs);gap:var(--space-1)}.intro-demo-tabs .platform-mark{display:none}.preview-body{display:block}.preview-next{margin:0 var(--surface-padding-compact) var(--space-4)}.preview-next>p,.preview-checks{display:none}.preview-next h3{margin-top:var(--space-2)}#demo-panel{min-height:218px}.preview-bottom>span:last-child{display:none}.intro-capabilities{gap:var(--space-4);padding-bottom:var(--space-8);grid-template-columns:1fr}.capability-card h2{font-size:var(--text-xl)}.intro-platforms{gap:var(--space-4);padding-bottom:var(--space-6)}.intro-platforms>div{gap:var(--space-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.intro-platforms>div>span{padding:var(--space-3)}.intro-platforms>span{text-align:center;width:100%}.intro-how{gap:var(--space-6);padding:var(--space-8) 0 var(--space-10)}.maker-story{display:flex}.maker-story .artwork{height:var(--art-figure-height)}.maker-story figcaption{padding:var(--surface-padding-mobile)}.intro-benefits,.intro-extras-grid{gap:var(--space-4);grid-template-columns:1fr}.intro-extras-grid h3{font-size:var(--text-lg)}.tool-illustration{gap:var(--space-3)}.tool-source-icon{width:52px;height:52px}.tool-art{width:86px;height:100px}.intro-faq{gap:var(--space-6);padding-block:var(--space-8) var(--space-10);grid-template-columns:1fr}.intro-invitation{flex-direction:column;align-items:flex-start}.intro-footer{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.intro-footer p{order:3;width:100%}.summary-main{display:block}.summary-platforms{margin:var(--space-4) 0}.application-summary{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 100px}.summary-identity{gap:var(--space-3);align-items:flex-start}.summary-identity .application-icon{width:48px;height:48px}.summary-identity h2{font-size:var(--text-lg)}.summary-metrics{gap:var(--space-4)}.summary-platforms>span{font-size:var(--text-xs)}.next-action{grid-template-columns:36px minmax(0,1fr)}.next-action-icon{width:36px;height:36px}.next-action h2{font-size:var(--text-lg)}.next-action>.button{grid-column:2;justify-self:start}.share-invitation-art{width:58px;height:64px}}@media (width<=420px){.summary-art-zone{display:none}.application-summary{grid-template-columns:minmax(0,1fr)}.summary-metrics{gap:var(--space-6)}.maker-story .artwork{height:240px}}@media (width<=390px){.intro-page{padding-inline:var(--space-4)}.intro-header nav{gap:var(--space-3)}.intro-header .brand-word{font-size:var(--text-lg)}.intro-nav-apps{padding-inline:var(--space-3)}.intro-hero-actions .button{padding-inline:var(--space-4)}.intro-reassurance{font-size:var(--text-xs);gap:var(--space-2)}.preview-caption{gap:var(--space-1)}.preview-caption>span{font-size:var(--text-xs)}.tool-illustration{padding:var(--space-3)}.tool-export-files>span{padding-inline:var(--space-2)}}@media (width>=1201px){.my-apps-main:has(.application-summary) .app-context-summary{display:none}}
