@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/plan/brand/fonts/open-sans-400.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/plan/brand/fonts/open-sans-600.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/plan/brand/fonts/open-sans-700.ttf)format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/plan/brand/fonts/open-sans-800.ttf)format("truetype")}:root{--mos-color-bg:#061526;--mos-color-bg-soft:#0b2138;--mos-color-surface:#ffffff14;--mos-color-surface-muted:#ffffff0a;--mos-color-surface-strong:#ffffff1f;--mos-color-surface-elevated:#0a1f35db;--mos-color-frost:#0a1f3594;--mos-color-frost-strong:#0a1f35b8;--mos-color-overlay:#020a1294;--mos-color-backdrop:#0000008a;--mos-color-surface-border:#ffffff2e;--mos-color-hairline:var(--mos-color-surface-muted);--mos-color-text:#eef4ff;--mos-color-text-strong:#f4fbff;--mos-color-text-muted:#b8c9de;--mos-color-accent:#63e2b3;--mos-color-accent-strong:#28bc84;--mos-color-accent-soft:#63e2b31f;--mos-color-accent-border:#63e2b352;--mos-color-accent-focus:#63e2b32e;--mos-color-mark:#0d6e6e;--mos-color-danger:#ff9d9d;--mos-color-danger-soft:#ff9d9d1a;--mos-color-danger-border:#ff9d9d6b;--mos-color-warning:#ffcd78;--mos-color-warning-soft:#ffcd781a;--mos-color-warning-border:#ffcd786b;--mos-color-info:#7dc4ff;--mos-color-info-soft:#7dc4ff1a;--mos-color-info-border:#7dc4ff6b;--mos-color-info-surface:#7dc4ff14;--mos-color-success:#63e2b3;--mos-color-success-soft:#63e2b31f;--mos-color-success-border:#63e2b36b;--mos-color-button-primary-text:#062016;--mos-color-link-hover:#9ff0cf;--mos-color-focus-visible:#fff;--mos-color-focus:var(--mos-color-accent);--mos-color-focus-ring:var(--mos-color-accent-focus);--mos-shadow-soft:0 18px 48px #0000003d;--mos-shadow-strong:0 28px 70px #00000047;--mos-frost-filter:blur(18px) saturate(125%);--mos-frost-filter-strong:blur(28px) saturate(135%);--mos-frost-filter-backdrop:blur(10px) saturate(110%);--mos-font-sans:"Open Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--mos-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--mos-weight-regular:400;--mos-weight-semibold:600;--mos-weight-bold:700;--mos-weight-black:800;--mos-text-display:clamp(3rem, 6vw, 5.4rem);--mos-text-page-title:clamp(2.4rem, 7vw, 4.4rem);--mos-text-section-title:clamp(2rem, 4vw, 3rem);--mos-text-card-title:1.05rem;--mos-text-body-lg:1.125rem;--mos-text-body:1rem;--mos-text-small:.94rem;--mos-text-label:.78rem;--mos-text-eyebrow:.8rem;--mos-line-height-tight:1.05;--mos-line-height-body:1.6;--mos-letter-spacing-title:-.03em;--mos-letter-spacing-label:.06em;--mos-letter-spacing-eyebrow:.08em;--mos-space-1:.25rem;--mos-space-2:.5rem;--mos-space-3:.75rem;--mos-space-4:1rem;--mos-space-5:1.25rem;--mos-space-6:1.5rem;--mos-space-7:2rem;--mos-space-8:3rem;--mos-shell-width:min(1100px, calc(100vw - 2rem));--mos-radius-sm:.75rem;--mos-radius-md:1rem;--mos-radius-lg:1.25rem;--mos-radius-xl:1.5rem;--mos-radius-pill:999px;--mos-border-hairline:1px solid var(--mos-color-hairline);--mos-border-subtle:1px solid var(--mos-color-hairline);--mos-border-strong:1px solid var(--mos-color-surface-border);--mos-focus-ring:3px solid var(--mos-color-accent-focus);--mos-transition:.18s ease;--bg:var(--mos-color-bg);--bg-soft:var(--mos-color-bg-soft);--surface:var(--mos-color-surface);--surface-strong:var(--mos-color-surface-strong);--surface-border:var(--mos-color-surface-border);--text:var(--mos-color-text);--muted:var(--mos-color-text-muted);--accent:var(--mos-color-accent);--accent-strong:var(--mos-color-accent-strong);--danger:var(--mos-color-danger);--shadow-soft:var(--mos-shadow-soft)}[data-theme=light]{--mos-color-bg:#f4f8fd;--mos-color-bg-soft:#e8f0f9;--mos-color-surface:#091e360a;--mos-color-surface-muted:#091e3606;--mos-color-surface-strong:#091e3612;--mos-color-surface-elevated:#fff;--mos-color-frost:#ffffffb3;--mos-color-frost-strong:#ffffffd9;--mos-color-overlay:#091e3647;--mos-color-backdrop:#091e3652;--mos-color-surface-border:#091e3624;--mos-color-hairline:#091e3617;--mos-color-text:#0d2135;--mos-color-text-strong:#061526;--mos-color-text-muted:#4a6076;--mos-color-accent:#1c9e6d;--mos-color-accent-strong:#12855a;--mos-color-accent-soft:#28bc841f;--mos-color-accent-border:#28bc8457;--mos-color-accent-focus:#28bc843d;--mos-color-link-hover:#12855a;--mos-color-danger:#c53f3f;--mos-color-danger-soft:#c53f3f1a;--mos-color-danger-border:#c53f3f66;--mos-color-warning:#a4650d;--mos-color-warning-soft:#a4650d1a;--mos-color-warning-border:#a4650d66;--mos-color-info:#2b6fb0;--mos-color-info-soft:#2b6fb01a;--mos-color-info-border:#2b6fb066;--mos-color-info-surface:#2b6fb012;--mos-color-success:#12855a;--mos-color-success-soft:#28bc841f;--mos-color-success-border:#28bc8466;--mos-color-focus-visible:#061526;--mos-shadow-soft:0 12px 32px #0d21351a;--mos-shadow-strong:0 20px 48px #0d213524}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;padding:0}body{font-family:var(--mos-font-sans);color:var(--mos-color-text);background:radial-gradient(circle at 18% 12%, var(--mos-color-accent-soft), transparent 38%), radial-gradient(circle at 85% 0%, var(--mos-color-info-soft), transparent 34%), linear-gradient(155deg, var(--mos-color-bg), var(--mos-color-bg-soft));line-height:var(--mos-line-height-body);min-height:100vh}[data-theme=light] body,body[data-theme=light]{background:radial-gradient(circle at 16% 10%, var(--mos-color-accent-soft), transparent 40%), linear-gradient(160deg, var(--mos-color-bg), var(--mos-color-bg-soft))}a{color:var(--mos-color-accent);text-decoration:none}a:hover{color:var(--mos-color-link-hover)}button,input,textarea,select{font:inherit}.mos-shell{width:var(--mos-shell-width);margin:0 auto}.mos-page-title,.mos-section-title,.mos-card-title{color:var(--mos-color-text-strong);margin:0}.mos-page-title,.mos-section-title{line-height:var(--mos-line-height-tight);letter-spacing:var(--mos-letter-spacing-title)}.mos-display{color:var(--mos-color-text-strong);font-size:var(--mos-text-display);font-weight:var(--mos-weight-black);line-height:var(--mos-line-height-tight);letter-spacing:var(--mos-letter-spacing-title);margin:0}.mos-page-title{font-size:var(--mos-text-page-title);font-weight:var(--mos-weight-black)}.mos-section-title{font-size:var(--mos-text-section-title);font-weight:var(--mos-weight-bold)}.mos-card-title{font-size:var(--mos-text-card-title);line-height:1.25;font-weight:var(--mos-weight-bold)}.mos-body-lg,.mos-body,.mos-small,.mos-meta{margin:0}.mos-body-lg{font-size:var(--mos-text-body-lg);line-height:1.55}.mos-body{font-size:var(--mos-text-body)}.mos-small{font-size:var(--mos-text-small)}.mos-btn{justify-content:center;align-items:center;gap:var(--mos-space-2);border-radius:var(--mos-radius-sm);min-height:2.8rem;font-weight:var(--mos-weight-bold);cursor:pointer;transition:background var(--mos-transition), border-color var(--mos-transition), transform var(--mos-transition), color var(--mos-transition), box-shadow var(--mos-transition);border:1px solid #0000;padding:.6rem 1rem;text-decoration:none;display:inline-flex}.mos-btn:focus-visible{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}a:focus-visible{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}button:focus-visible{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}summary:focus-visible{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}.mos-btn-primary{background:linear-gradient(160deg, var(--mos-color-accent), var(--mos-color-accent-strong));color:var(--mos-color-button-primary-text);box-shadow:var(--mos-shadow-soft)}.mos-btn-secondary{color:var(--mos-color-text);border-color:var(--mos-color-surface-border);background:var(--mos-color-surface)}.mos-btn-ghost{color:var(--mos-color-text);background:0 0;border-color:#0000}.mos-btn:hover{transform:translateY(-1px)}.mos-btn-secondary:hover,.mos-btn-ghost:hover{border-color:var(--mos-color-accent-border);background:var(--mos-color-surface-strong)}.mos-btn:disabled,.mos-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none;transform:none}.mos-switch-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.mos-switch-track{border:1px solid var(--mos-color-surface-border);border-radius:var(--mos-radius-pill);background:var(--mos-color-surface-strong);width:3rem;height:1.75rem;transition:background var(--mos-transition), border-color var(--mos-transition), box-shadow var(--mos-transition);flex:none;align-items:center;padding:.25rem;display:inline-flex}.mos-switch-knob{border-radius:var(--mos-radius-pill);background:var(--mos-color-text-muted);width:1.125rem;height:1.125rem;transition:background var(--mos-transition), transform var(--mos-transition)}.mos-switch-input:checked+.mos-switch-track{border-color:var(--mos-color-accent-border);background:linear-gradient(160deg, var(--mos-color-accent), var(--mos-color-accent-strong));box-shadow:var(--mos-shadow-soft)}.mos-switch-input:checked+.mos-switch-track .mos-switch-knob{background:var(--mos-color-button-primary-text);transform:translate(1.25rem)}label:hover>.mos-switch-input:enabled+.mos-switch-track{border-color:var(--mos-color-accent-border)}.mos-switch-input:focus-visible+.mos-switch-track{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}.mos-switch-input:disabled+.mos-switch-track{opacity:.55}@media (prefers-reduced-motion:reduce){.mos-switch-track,.mos-switch-knob{transition:none}}.mos-rows{display:grid}.mos-row{gap:var(--mos-space-1);padding:var(--mos-space-3) 0;border-top:var(--mos-border-hairline);display:grid;position:relative}.mos-rows-lead>.mos-row:first-child{border-top:0}label.mos-row{cursor:pointer}.mos-row-main{justify-content:space-between;align-items:center;gap:var(--mos-space-4);min-height:3rem;display:flex}.mos-row-main:not(:only-child){min-height:2.4rem}.mos-row-label{color:var(--mos-color-text-strong);flex:none}.mos-row-trailing{align-items:center;gap:var(--mos-space-2);min-width:0;display:flex}.mos-row-value{min-width:0;color:var(--mos-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mos-row-code{font-family:var(--mos-font-mono);font-size:var(--mos-text-small)}.mos-row-mask{letter-spacing:.14em}.mos-row-input{border:1px solid var(--mos-color-surface-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-strong);min-width:0;min-height:2.9rem;color:var(--mos-color-text-strong);font:inherit;transition:border-color var(--mos-transition), background var(--mos-transition);flex:14rem;padding:.72rem .8rem}.mos-row-input.mos-row-code{font-family:var(--mos-font-mono);font-size:var(--mos-text-small)}.mos-row-input::placeholder{color:var(--mos-color-text-muted);opacity:1}.mos-row-input:focus-visible{outline:3px solid var(--mos-color-focus-visible);outline-offset:2px}.mos-row-input-missing{border-color:var(--mos-color-warning-border);background:var(--mos-color-warning-soft)}.mos-row-input-filled{border-color:var(--mos-color-accent-border);background:var(--mos-color-accent-soft)}.mos-row-stacked>.mos-row-main{gap:var(--mos-space-2);grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.mos-row-main:has(.mos-row-input){flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.mos-row-input{transition:none}}.mos-row-help{color:var(--mos-color-text-muted);font-size:var(--mos-text-small);margin:0;line-height:1.4;display:block}.mos-row-help-permanent{color:var(--mos-color-warning)}.mos-row-invalid{color:var(--mos-color-danger)}.mos-row-action{border-radius:var(--mos-radius-sm);width:2rem;height:2rem;color:var(--mos-color-text-muted);cursor:pointer;transition:background var(--mos-transition), color var(--mos-transition);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.mos-row-action:hover{background:var(--mos-color-surface-muted);color:var(--mos-color-accent)}.mos-row-action-danger:hover{color:var(--mos-color-danger)}.mos-row-action:disabled{cursor:not-allowed;opacity:.55}label.mos-row:hover .mos-switch-input:enabled+.mos-switch-track{border-color:var(--mos-color-accent-border)}.mos-row-disclosure{border-top:var(--mos-border-hairline);padding-top:0}.mos-row-disclosure>summary{justify-content:space-between;align-items:center;gap:var(--mos-space-4);min-height:3rem;padding:var(--mos-space-3) 0;color:var(--mos-color-text-strong);font-weight:var(--mos-weight-regular);cursor:pointer;list-style:none;display:flex}.mos-row-disclosure>summary::-webkit-details-marker{display:none}.mos-row-chevron{color:var(--mos-color-text-muted);transition:transform var(--mos-transition);flex:none;place-items:center;display:inline-grid}.mos-row-disclosure[open]>summary .mos-row-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.mos-row-action,.mos-row-chevron{transition:none}}.mos-panel{border:var(--mos-border-strong);border-radius:var(--mos-radius-md);background:var(--mos-color-surface);-webkit-backdrop-filter:var(--mos-frost-filter);backdrop-filter:var(--mos-frost-filter);box-shadow:var(--mos-shadow-soft)}.mos-panel-subtle{background:var(--mos-color-surface-muted);box-shadow:none}.mos-panel-strong{background:var(--mos-color-surface-elevated);box-shadow:var(--mos-shadow-strong)}.mos-frost{background:var(--mos-color-frost);-webkit-backdrop-filter:var(--mos-frost-filter);backdrop-filter:var(--mos-frost-filter)}.mos-frost-strong{background:var(--mos-color-frost-strong);-webkit-backdrop-filter:var(--mos-frost-filter-strong);backdrop-filter:var(--mos-frost-filter-strong)}.mos-frost-backdrop{background:var(--mos-color-backdrop)}.mos-overlay{z-index:70;border:1px solid var(--mos-color-surface-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-frost-strong);-webkit-backdrop-filter:var(--mos-frost-filter-strong);backdrop-filter:var(--mos-frost-filter-strong);box-shadow:var(--mos-shadow-strong);position:fixed}.mos-badge,.mos-pill,.mos-label{align-items:center;gap:var(--mos-space-2);border-radius:var(--mos-radius-pill);border:var(--mos-border-strong);background:var(--mos-color-surface);color:var(--mos-color-text-muted);font-size:var(--mos-text-label);font-weight:var(--mos-weight-bold);text-transform:uppercase;letter-spacing:var(--mos-letter-spacing-label);padding:.25rem .7rem;display:inline-flex}.mos-label{background:0 0;border:0;border-radius:0;padding:0}.mos-pill-accent{border-color:var(--mos-color-accent-border);background:var(--mos-color-accent-soft);color:var(--mos-color-accent)}.mos-eyebrow{color:var(--mos-color-accent);font-size:var(--mos-text-eyebrow);font-weight:var(--mos-weight-black);letter-spacing:var(--mos-letter-spacing-eyebrow);text-transform:uppercase;display:inline-block}.mos-meta{color:var(--mos-color-text-muted)}.mos-link{width:-moz-fit-content;width:fit-content;color:var(--mos-color-accent);font-weight:var(--mos-weight-bold);text-decoration:none}.mos-link:hover{color:var(--mos-color-link-hover)}.mos-connect-visual{width:min(280px,100%);height:auto;color:var(--mos-color-accent)}.mos-connect-visual-sm{width:min(168px,100%)}:root{--quiet-soft:color-mix(in srgb, var(--mos-color-text-muted) 72%, transparent);--radius-inner:calc(var(--mos-radius-sm) - 4px)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased}button:disabled{cursor:not-allowed}.btn{gap:var(--mos-space-1);min-height:2.1rem;font-size:12px;font-weight:var(--mos-weight-bold);white-space:nowrap;padding:.25rem .7rem}.btn svg{flex:none;width:14px;height:14px}.btn-sm{min-height:1.9rem;padding:.2rem .6rem;font-size:11px}.btn-sm svg{width:13px;height:13px}.btn-icon{width:2.1rem;padding:.25rem}.btn-icon-sm{width:1.8rem;min-height:1.8rem;padding:.2rem}.btn-danger{color:var(--mos-color-danger);border-color:var(--mos-color-danger-border);background:var(--mos-color-danger-soft)}.btn-danger:hover{border-color:var(--mos-color-danger);background:var(--mos-color-danger-soft)}.input{width:100%;min-height:2.1rem;padding:.3rem .6rem;font-size:11px}textarea.input{resize:vertical;min-height:56px;line-height:1.4}.roadmap-app{background:0 0;flex-direction:column;height:100vh;min-height:0;display:flex}.topbar{gap:var(--mos-space-2);padding:var(--mos-space-3) var(--mos-space-5);background:var(--mos-color-frost);-webkit-backdrop-filter:var(--mos-frost-filter);backdrop-filter:var(--mos-frost-filter);border-bottom:1px solid var(--surface-border);z-index:20;flex:none;display:grid}.topbar-row{justify-content:space-between;align-items:center;gap:var(--mos-space-3);flex-wrap:wrap;display:flex}.topbar-controls{justify-content:flex-start}.brand-lockup{align-items:center;gap:var(--mos-space-3);min-width:0;color:inherit;text-decoration:none;display:flex}.brand-lockup:hover{color:inherit}.brand-lockup img{flex:none;width:36px;height:36px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{letter-spacing:-.15px;color:var(--mos-color-text-strong);font-size:14px}.brand-lockup small{color:var(--muted);margin-top:1px;font-size:10px}.brand-lockup:hover small{color:var(--accent)}.mode-switch{border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted);gap:2px;padding:3px;display:flex}.mode-switch button{align-items:center;gap:var(--mos-space-1);border-radius:var(--radius-inner);height:30px;color:var(--muted);font-size:10px;font-weight:var(--mos-weight-bold);letter-spacing:var(--mos-letter-spacing-label);text-transform:uppercase;background:0 0;border:0;padding:0 10px;display:flex}.mode-switch button.active{color:var(--accent);background:var(--surface-strong)}.mode-switch svg{width:13px}.view-date-control{align-items:center;gap:var(--mos-space-2);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);background:var(--surface);height:38px;padding:4px 6px 4px 10px;display:flex}.view-date-control>svg{width:17px;color:var(--accent)}.view-date-control label{align-items:center;gap:var(--mos-space-2);display:flex}.view-date-control label span{color:var(--muted);font-size:10px;font-weight:var(--mos-weight-bold);white-space:nowrap}.view-date-control input{border:1px solid var(--surface-border);border-radius:var(--radius-inner);height:28px;color:var(--text);background:var(--surface-strong);font-size:11px;font-weight:var(--mos-weight-semibold);padding:0 7px}.view-date-control button{border-radius:var(--radius-inner);height:28px;color:var(--accent);background:var(--mos-color-accent-soft);font-size:10px;font-weight:var(--mos-weight-bold);border:0;padding:0 9px}.view-date-control button:hover{background:var(--mos-color-accent-focus)}.toolbar-actions{align-items:center;gap:var(--mos-space-2);flex-wrap:wrap;min-width:0;display:flex}.edit-history{align-items:center;gap:var(--mos-space-1);margin-left:auto;display:flex}.save-state{align-items:center;gap:var(--mos-space-1);color:var(--muted);white-space:nowrap;margin-left:3px;font-size:11px;display:flex}.save-state svg{width:13px;height:13px;color:var(--accent)}.save-state.saving svg{animation:.8s infinite alternate pulse}.export-menu{display:flex;position:relative}.export-main{border-radius:var(--mos-radius-sm) 0 0 var(--mos-radius-sm)!important;padding-inline-start:12px!important;padding-inline-end:12px!important}.export-menu details{position:relative}.export-menu summary{width:30px;height:2.1rem;color:var(--mos-color-button-primary-text);background:linear-gradient(160deg, var(--accent), var(--accent-strong));border-radius:0 var(--mos-radius-sm) var(--mos-radius-sm) 0;cursor:pointer;border-left:1px solid #ffffff59;place-items:center;list-style:none;display:grid}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary svg{width:15px}.export-popover{width:220px;padding:var(--mos-space-1);background:var(--bg-soft);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);box-shadow:var(--mos-shadow-strong);z-index:50;position:absolute;top:40px;right:0}.export-popover button{text-align:left;width:100%;padding:var(--mos-space-2);border-radius:var(--radius-inner);color:var(--text);font-size:12px;font-weight:var(--mos-weight-semibold);background:0 0;border:0;grid-template-columns:24px 1fr;display:grid}.export-popover button:hover{background:var(--mos-color-accent-soft)}.export-popover svg{width:17px;color:var(--accent);grid-row:1/3;margin-top:3px}.export-popover small{color:var(--quiet-soft);font-size:10px;font-weight:var(--mos-weight-regular);grid-column:2;display:block}.workspace{flex:1;grid-template-columns:minmax(480px,1fr) 400px;min-height:0;display:grid}.workspace.view-mode{grid-template-columns:minmax(0,1fr)}.inspector-panel{background:var(--mos-color-surface-muted);border-left:1px solid var(--surface-border);min-height:0;position:relative;overflow:hidden}.eyebrow{margin:0 0 var(--mos-space-1);color:var(--accent);font-size:10px;line-height:1;font-weight:var(--mos-weight-black);letter-spacing:var(--mos-letter-spacing-eyebrow);text-transform:uppercase}.inspector-section h2,.inspector-section h3{color:var(--mos-color-text-strong);font-weight:var(--mos-weight-bold);letter-spacing:var(--mos-letter-spacing-title);margin:0}.stage-panel{background:0 0;grid-template-rows:48px minmax(0,1fr) 38px;min-width:0;min-height:0;display:grid}.stage-toolbar{justify-content:space-between;align-items:center;gap:var(--mos-space-3);padding:0 var(--mos-space-4);background:var(--mos-color-surface-muted);border-bottom:1px solid var(--surface-border);display:flex}.view-mode-caption{align-items:center;gap:var(--mos-space-1);color:var(--muted);font-size:11px;font-weight:var(--mos-weight-bold);display:flex}.view-mode-caption svg{width:15px;color:var(--accent)}.preset-row,.zoom-controls{align-items:center;gap:var(--mos-space-2);display:flex}.preset-row>svg{width:16px;color:var(--accent)}select{border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);width:100%;height:2.1rem;color:var(--text);background:var(--surface-strong);outline:none;padding:0 28px 0 9px;font-size:11px}select:focus{border-color:var(--mos-color-accent-border);box-shadow:0 0 0 3px var(--mos-color-accent-focus)}.stage-toolbar select{width:132px;font-weight:var(--mos-weight-semibold);background:0 0;border-color:#0000}.canvas-size{border-radius:var(--mos-radius-pill);background:var(--surface);color:var(--quiet-soft);font-family:var(--mos-font-mono);white-space:nowrap;padding:4px 8px;font-size:10px}.growth-note{color:var(--mos-color-warning);white-space:nowrap;font-size:10px}.zoom-value{width:42px;color:var(--muted);background:0 0;border:0;font-size:10px}.preview-viewport{min-width:0;min-height:0;padding:var(--mos-space-8);background-image:radial-gradient(color-mix(in srgb, var(--text) 14%, transparent) .7px, transparent .7px);scrollbar-width:thin;background-size:13px 13px;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.canvas-edit-bar{top:var(--mos-space-4);z-index:8;align-items:center;gap:var(--mos-space-3);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);color:var(--muted);background:var(--mos-color-frost-strong);-webkit-backdrop-filter:var(--mos-frost-filter);backdrop-filter:var(--mos-frost-filter);box-shadow:var(--mos-shadow-soft);padding:5px 5px 5px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-edit-bar span{align-items:center;gap:var(--mos-space-1);white-space:nowrap;font-size:10px;display:flex}.canvas-edit-bar span svg{width:13px;color:var(--accent)}.preview-viewport.square-crop{margin:var(--mos-space-4) auto;aspect-ratio:1;border:2px solid var(--accent);width:calc(100% - 32px);max-width:calc(100vh - 180px);padding:var(--mos-space-5);overflow:hidden}.canvas-shadow{box-shadow:var(--mos-shadow-strong);background:#fff;flex:none;transition:width .18s,height .18s;position:relative}.roadmap-svg{width:100%;height:100%;display:block}.stage-footer{justify-content:space-between;align-items:center;gap:var(--mos-space-3);padding:0 var(--mos-space-4);border-top:1px solid var(--surface-border);background:var(--mos-color-surface-muted);color:var(--quiet-soft);font-size:10px;display:flex}.stage-footer span{align-items:center;gap:var(--mos-space-1);white-space:nowrap;display:flex}.stage-footer svg{width:13px}.stage-footer strong{color:var(--text)}.stage-footer-end{align-items:center;gap:var(--mos-space-3);min-width:0;display:flex}.reset-button{align-items:center;gap:var(--mos-space-1);border-radius:var(--radius-inner);color:var(--quiet-soft);white-space:nowrap;background:0 0;border:0;padding:3px 6px;font-size:10px;display:flex}.reset-button:hover{color:var(--mos-color-danger)}.reset-button svg{width:11px}.inspector-tabs{height:48px;padding:0 var(--mos-space-4);border-bottom:1px solid var(--surface-border);background:var(--surface);grid-template-columns:1fr 1fr;align-items:end;display:grid}.inspector-tabs button{height:38px;color:var(--muted);font-size:12px;font-weight:var(--mos-weight-bold);background:0 0;border:0;border-bottom:2px solid #0000}.inspector-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.inspector-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 25%, transparent) transparent;height:calc(100% - 48px);overflow:auto}.inspector-section{padding:var(--mos-space-4);border-bottom:1px solid var(--mos-color-hairline)}.inspector-section.compact{padding-block:var(--mos-space-4) var(--mos-space-4);background:var(--surface)}.inspector-section h2{max-width:205px;font-size:16px;line-height:1.2}.inspector-section h3{font-size:14px}.node-help{margin:var(--mos-space-2) 0 0;color:var(--quiet-soft);font-size:11px;line-height:1.5}.section-title{justify-content:space-between;align-items:flex-start;gap:var(--mos-space-3);display:flex}.status-badge{border-radius:var(--mos-radius-pill);font-size:9px;font-weight:var(--mos-weight-black);text-transform:uppercase;letter-spacing:var(--mos-letter-spacing-label);border:1px solid #0000;flex:none;padding:4px 10px}.status-badge.completed{color:var(--accent);border-color:var(--mos-color-accent-border);background:var(--mos-color-accent-soft)}.status-badge.planned{color:var(--muted);border-color:var(--surface-border);background:var(--surface)}.field{min-width:0;margin-top:var(--mos-space-3);display:block}.field:first-child{margin-top:0}.field>span{margin-bottom:var(--mos-space-1);color:var(--muted);font-size:10px;font-weight:var(--mos-weight-bold);display:block}.field-row{gap:var(--mos-space-2);grid-template-columns:1fr 1fr;display:grid}.field-row>.field{margin-top:var(--mos-space-3)}.switch-row{justify-content:space-between;align-items:center;gap:var(--mos-space-4);min-height:36px;margin-top:var(--mos-space-2);cursor:pointer;display:flex;position:relative}.switch-row:first-child{margin-top:0}.switch-row>span{min-width:0}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:11px;font-weight:var(--mos-weight-semibold)}.switch-row small{color:var(--quiet-soft);margin-top:2px;font-size:10px;line-height:1.4}.current-icons{gap:var(--mos-space-1);margin:var(--mos-space-3) 0;flex-wrap:wrap;display:flex}.current-icon{align-items:center;gap:var(--mos-space-1);border:1px solid var(--surface-border);border-radius:var(--radius-inner);background:var(--surface-strong);grid-template-columns:24px minmax(0,1fr) 17px;max-width:100%;padding:4px 6px;display:grid}.current-icon img{object-fit:contain;width:22px;height:22px}.icon-preview-empty{border:1px dashed var(--surface-border);border-radius:var(--radius-inner);width:22px;height:22px}.current-icon span{text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:10px;overflow:hidden}.current-icon button{width:17px;height:17px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.current-icon button:hover{color:var(--mos-color-danger)}.current-icon svg{width:12px;height:12px;display:block}.mos-hint{align-items:flex-start;gap:var(--mos-space-2);margin:0 0 var(--mos-space-3);padding:var(--mos-space-2) var(--mos-space-3);border:1px solid var(--mos-color-success-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-success-soft);color:var(--mos-color-success);font-size:10px;line-height:1.5;display:flex}.mos-hint>svg{flex:none;width:14px;margin-top:1px}.mos-hint a{color:inherit;font-weight:var(--mos-weight-bold);text-decoration:underline}.app-group{margin:var(--mos-space-4) var(--mos-space-3);padding:var(--mos-space-4);border:1px solid var(--surface-border);border-radius:var(--mos-radius-md);background:var(--surface);box-shadow:var(--mos-shadow-soft)}.app-group.big-tech{border-top:3px solid var(--mos-color-danger)}.app-group.open-source{border-top:3px solid var(--accent)}.app-group.category-group{border-top:3px solid var(--mos-color-info)}.app-group.flexible-date-group{border-top:3px solid var(--mos-color-warning)}.app-group-heading{align-items:center;gap:var(--mos-space-2);grid-template-columns:28px minmax(0,1fr) auto;display:grid}.app-group-heading h3{margin:0;font-size:13px;line-height:1.25}.step-number{border-radius:var(--radius-inner);color:#061526;width:27px;height:27px;font-size:11px;font-weight:var(--mos-weight-black);place-items:center;display:grid}.big-tech .step-number{background:var(--mos-color-danger)}.open-source .step-number{background:var(--accent)}.category-group .step-number{background:var(--mos-color-info)}.flexible-date-group .step-number{background:var(--mos-color-warning)}.date-summary{border:1px solid var(--mos-color-accent-border);border-radius:var(--mos-radius-pill);max-width:84px;color:var(--accent);background:var(--mos-color-accent-soft);text-align:center;font-size:9px;line-height:1.25;font-weight:var(--mos-weight-black);padding:5px 9px}.flexible-help,.position-help,.category-help{margin:var(--mos-space-2) 0 0;color:var(--quiet-soft);font-size:10px;line-height:1.45}.flexible-label{margin-top:var(--mos-space-3);color:var(--muted);font-size:9px;font-weight:var(--mos-weight-black);letter-spacing:var(--mos-letter-spacing-label);text-transform:uppercase}.flexible-precision{margin-top:var(--mos-space-1);border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted);grid-template-columns:.72fr 1.25fr .9fr;gap:3px;padding:3px;display:grid}.flexible-precision button,.flexible-quarter-choice button{border-radius:var(--radius-inner);height:30px;color:var(--muted);font-size:9px;font-weight:var(--mos-weight-bold);background:0 0;border:0;padding:0 5px}.flexible-precision button:hover,.flexible-quarter-choice button:hover{color:var(--accent)}.flexible-precision button.active,.flexible-quarter-choice button.active{color:var(--accent);background:var(--surface-strong)}.flexible-quarter-row{align-items:end;gap:var(--mos-space-2);margin-top:var(--mos-space-3);grid-template-columns:.72fr 1.28fr;display:grid}.flexible-quarter-row .field{margin-top:0}.flexible-quarter-choice>span{margin-bottom:var(--mos-space-1);color:var(--muted);font-size:10px;font-weight:var(--mos-weight-bold);display:block}.flexible-quarter-choice>div{border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted);grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.position-divider{height:1px;margin-top:var(--mos-space-3);background:var(--mos-color-hairline)}.position-controls{align-items:center;gap:var(--mos-space-2);margin-top:var(--mos-space-2);grid-template-columns:1fr auto 1fr;display:grid}.position-controls button{justify-content:center;align-items:center;gap:var(--mos-space-1);border:1px solid var(--surface-border);border-radius:var(--radius-inner);height:30px;color:var(--text);background:var(--surface-strong);font-size:9px;font-weight:var(--mos-weight-bold);display:inline-flex}.position-controls button:hover:not(:disabled){color:var(--accent);border-color:var(--mos-color-accent-border)}.position-controls button:disabled{color:var(--quiet-soft);background:var(--mos-color-surface-muted)}.position-controls button svg{width:11px}.position-controls>span{min-width:47px;color:var(--muted);text-align:center;font-size:9px;font-weight:var(--mos-weight-bold)}.timeline-date-display{border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.timeline-date-display button{border-radius:var(--radius-inner);height:30px;color:var(--muted);font-size:9px;font-weight:var(--mos-weight-bold);background:0 0;border:0;padding:0 5px}.timeline-date-display button:hover{color:var(--text)}.timeline-date-display button.active{color:var(--mos-color-text-strong);background:var(--surface-strong)}.fixed-category{border:1px solid var(--surface-border);border-radius:var(--mos-radius-pill);text-align:center;max-width:72px;color:var(--muted);background:var(--surface);font-size:8px;line-height:1.25;font-weight:var(--mos-weight-bold);letter-spacing:var(--mos-letter-spacing-label);text-transform:uppercase;padding:4px 9px}.selected-apps{min-height:40px;padding:var(--mos-space-2);border:1px dashed var(--surface-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted)}.empty-selection{color:var(--quiet-soft);align-self:center;margin:auto;font-size:10px}.icon-search{align-items:center;gap:var(--mos-space-1);height:36px;margin-top:var(--mos-space-3);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);background:var(--surface-strong);grid-template-columns:19px minmax(0,1fr) 22px;padding:0 8px;display:grid}.icon-search:focus-within{border-color:var(--mos-color-accent-border);box-shadow:0 0 0 3px var(--mos-color-accent-focus)}.icon-search>svg{width:15px;color:var(--muted)}.icon-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.icon-search button{border-radius:var(--radius-inner);width:21px;height:21px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-search button:hover{color:var(--text);background:var(--surface-strong)}.icon-search button svg{width:12px}.library-meta{justify-content:space-between;align-items:center;gap:var(--mos-space-2);margin:var(--mos-space-2) 1px var(--mos-space-1);color:var(--quiet-soft);font-size:9px;display:flex}.library-meta span{align-items:center;gap:var(--mos-space-1);font-weight:var(--mos-weight-bold);display:flex}.library-meta svg{width:12px}.library-meta small{font-size:9px}.icon-library{align-content:start;gap:var(--mos-space-1);max-height:252px;padding:var(--mos-space-1);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);background:var(--mos-color-surface-muted);scrollbar-width:thin;grid-template-columns:repeat(4,1fr);display:grid;overflow:auto}.library-divider{align-items:center;gap:var(--mos-space-1);color:var(--muted);font-size:9px;font-weight:var(--mos-weight-black);letter-spacing:var(--mos-letter-spacing-label);text-transform:uppercase;grid-column:1/-1;padding:3px 2px 1px;display:flex}.library-divider svg{width:11px;color:var(--accent)}.library-divider:not(:first-child){margin-top:var(--mos-space-1);padding-top:var(--mos-space-2);border-top:1px solid var(--mos-color-hairline)}.icon-library button{justify-content:center;align-items:center;gap:var(--mos-space-1);border:1px solid var(--surface-border);border-radius:var(--radius-inner);background:var(--surface-strong);flex-direction:column;min-width:0;height:68px;padding:5px 3px;transition:all .13s;display:flex;position:relative}.icon-library button:hover:not(:disabled){border-color:var(--mos-color-accent-border);background:var(--mos-color-accent-soft);transform:translateY(-1px)}.icon-library button.selected{border-color:var(--mos-color-accent-border);background:var(--mos-color-accent-soft)}.icon-library button.mos-tile{border-color:var(--mos-color-accent-border)}.icon-library button>svg{width:13px;height:13px;color:var(--mos-color-button-primary-text);background:var(--accent);border-radius:50%;padding:2px;position:absolute;top:4px;right:4px}.icon-library img{object-fit:contain;width:30px;height:30px}.icon-library span{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--muted);font-size:9px;overflow:hidden}.catalog-state{min-height:70px;color:var(--quiet-soft);text-align:center;grid-column:1/-1;place-items:center;margin:0;font-size:10px;display:grid}.app-group-footer{justify-content:space-between;align-items:center;gap:var(--mos-space-2);margin-top:var(--mos-space-2);display:flex}.app-group-footer span{max-width:150px;color:var(--quiet-soft);text-align:right;font-size:9px;line-height:1.35}.subtle,.tiny-note{color:var(--quiet-soft);margin:0;font-size:10px;line-height:1.4}.tiny-note{margin-top:var(--mos-space-2);text-align:center}.item-actions{gap:var(--mos-space-2);grid-template-columns:1fr 1fr;display:grid}.color-grid{gap:var(--mos-space-1);margin:var(--mos-space-3) 0;grid-template-columns:1fr 1fr;display:grid}.color-field{align-items:center;gap:var(--mos-space-2);border:1px solid var(--surface-border);border-radius:var(--radius-inner);background:var(--surface-strong);min-width:0;padding:6px;display:flex}.color-field input{border-radius:var(--radius-inner);background:0 0;border:0;flex:none;width:27px;height:27px;padding:0}.color-field span,.color-field small{display:block}.color-field span{min-width:0;font-size:10px;font-weight:var(--mos-weight-semibold)}.color-field small{color:var(--quiet-soft);font-family:var(--mos-font-mono);text-transform:uppercase;margin-top:1px;font-size:8px}.advanced-section{padding:0}.advanced-toggle{width:100%;height:62px;padding:0 var(--mos-space-4);background:var(--surface);color:var(--text);border:0;justify-content:space-between;align-items:center;display:flex}.advanced-toggle>div{align-items:center;gap:var(--mos-space-2);text-align:left;display:flex}.advanced-toggle svg{width:16px;color:var(--muted);transition:transform .2s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-toggle span strong,.advanced-toggle span small{display:block}.advanced-toggle span strong{font-size:11px}.advanced-toggle span small{color:var(--quiet-soft);margin-top:2px;font-size:10px}.advanced-grid{gap:0 var(--mos-space-2);padding:var(--mos-space-4);background:var(--surface);grid-template-columns:1fr 1fr;display:grid}.inspector-empty{justify-content:center;align-items:center;gap:var(--mos-space-2);height:calc(100% - 48px);padding:var(--mos-space-8);text-align:center;color:var(--quiet-soft);flex-direction:column;display:flex}.inspector-empty svg{width:28px;color:var(--accent)}.inspector-empty h3,.inspector-empty p{margin:0}.inspector-empty h3{color:var(--text);font-size:14px}.inspector-empty p{font-size:11px;line-height:1.5}.app-footnote{justify-content:space-between;align-items:center;gap:var(--mos-space-4);padding:var(--mos-space-1) var(--mos-space-4);border-top:1px solid var(--surface-border);background:var(--mos-color-surface-muted);color:var(--quiet-soft);flex:none;font-size:10px;line-height:1.4;display:flex}.app-footnote span{align-items:center;gap:var(--mos-space-1);min-width:0;display:flex}.app-footnote svg{width:12px;color:var(--accent);flex:none}.app-footnote a{color:var(--muted);font-weight:var(--mos-weight-bold);text-decoration:underline}.app-footnote a:hover{color:var(--accent)}.dialog-backdrop{z-index:60;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-pop{z-index:70;gap:var(--mos-space-4);width:min(420px,100vw - 32px);padding:var(--mos-space-5);outline:none;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-header{gap:var(--mos-space-1);display:grid}.dialog-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.dialog-footer{justify-content:flex-end;gap:var(--mos-space-2);display:flex}.toast{z-index:100;align-items:center;gap:var(--mos-space-2);max-width:min(480px,100vw - 32px);padding:var(--mos-space-3) var(--mos-space-4);color:var(--mos-color-text-strong);background:var(--mos-color-surface-elevated);border:1px solid var(--surface-border);border-radius:var(--mos-radius-sm);box-shadow:var(--mos-shadow-strong);font-size:11px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.toast>svg{width:15px;color:var(--accent)}.toast button{width:18px;height:18px;color:var(--muted);background:0 0;border:0;margin-left:5px;padding:0}.toast button svg{width:12px}@keyframes pulse{to{opacity:.25}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:1220px){.workspace{grid-template-columns:minmax(420px,1fr) 360px}.wide-only{display:none!important}.growth-note{display:none}}@media (max-width:940px){html,body{height:auto;min-height:100%;overflow:auto}.roadmap-app{height:auto;min-height:100dvh}.topbar{position:sticky;top:0}.toolbar-actions>button{display:none}.workspace{grid-template-rows:minmax(560px,calc(100dvh - 150px)) auto;grid-template-columns:minmax(0,1fr)}.inspector-panel{border-top:1px solid var(--surface-border);border-left:0;grid-column:1/-1;height:auto;min-height:650px}.inspector-scroll{grid-template-columns:repeat(2,1fr);align-items:start;height:auto;display:grid}.inspector-scroll.node-editor{display:block}.inspector-section{border-right:1px solid var(--mos-color-hairline)}}@media (max-width:640px){.brand-lockup small,.save-state{display:none}.topbar{padding-inline:var(--mos-space-3)}.workspace{display:block}.stage-panel{height:500px}.inspector-panel{min-height:800px}.inspector-scroll{display:block}.stage-toolbar{padding-inline:var(--mos-space-2)}.canvas-size,.stage-footer-end span{display:none}.preview-viewport{padding:var(--mos-space-5)}.view-date-control label span,.canvas-edit-bar span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}