:root{color-scheme:light;--font-sans:"DM Sans","Segoe UI",sans-serif;--font-display:"Lora","Iowan Old Style",Georgia,serif;--background:42 33% 98%;--foreground:233 21% 8%;--card:40 27% 100%;--card-foreground:233 21% 8%;--surface-subtle:40 23% 95%;--surface-strong:246 13% 84%;--muted-foreground:239 9% 41%;--border:244 15% 89%;--primary:249 90% 62%;--primary-hover:249 77% 54%;--primary-soft:249 87% 96%;--accent:328 84% 63%;--accent-hover:328 70% 54%;--accent-soft:328 80% 96%;--success:158 72% 35%;--success-soft:158 64% 94%;--warning:32 95% 29%;--warning-soft:48 100% 96%;--danger:0 72% 42%;--danger-soft:0 86% 97%;--sidebar:40 27% 100%;--focus:249 90% 62%;--content-violet:249 90% 62%;--content-emerald:158 72% 45%;--content-fuchsia:328 84% 63%;--content-lime:84 85% 69%;--content-paper:42 33% 98%;--content-ink:233 21% 8%;--radius-lg:0.875rem;--radius-md:0.5rem;--radius-sm:0.375rem;--shadow-sm:0 1px 2px rgb(0 0 0/0.04);--shadow-md:0 4px 16px rgb(0 0 0/0.06);--shadow-lg:0 10px 32px rgb(0 0 0/0.12);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--sidebar-width:16.25rem;--header-height:4rem;--content-max:90rem;--auth-qr-size:12rem;--viewport-block:100dvh;--min-viewport-inline:20rem;--border-width:1px;--border-width-medium:2px;--border-width-strong:3px;--radius-pill:999px;--radius-full:50%;--on-primary:0 0% 100%;--backdrop:0 0% 0%/0.38;--layer-topbar:20;--layer-backdrop:40;--layer-sidebar:50;--layer-suite-switcher:80;--layer-skip:100;--layer-toast:110;--skip-hidden-offset:-200%;--drawer-hidden-offset:-110%;--drawer-hidden-offset-rtl:110%;--drawer-breakpoint:64rem;--brand-mark-size:2.25rem;--brand-accent-size:0.625rem;--brand-accent-offset:-0.125rem;--text-2xs:0.625rem;--text-xs:0.6875rem;--text-caption:0.75rem;--text-sm:0.8125rem;--text-base:1rem;--text-stat:1.75rem;--weight-medium:550;--weight-semibold:650;--weight-bold:700;--weight-extrabold:800;--tracking-group:0.08em;--tracking-label:0.05em;--tracking-table:0.04em;--tracking-title:-0.03em;--nav-item-height:2.75rem;--topbar-opacity:0.94;--topbar-blur:0.75rem;--page-title-size:clamp(1.5rem,2vw,2rem);--page-title-leading:1.15;--copy-leading:1.6;--editor-leading:1.75;--page-description-max:46rem;--progress-height:0.375rem;--timeline-column:1.5rem;--timeline-line-start:1rem;--timeline-line-inline:0.46rem;--timeline-dot-size:1rem;--timeline-dot-offset:0.15rem;--inspector-min:18rem;--inspector-max:22rem;--editor-canvas-min:38rem;--editor-input-min:28rem;--map-stage-min-inline:84rem;--map-stage-min-block:52rem;--map-node-min:14rem;--map-channel-lane-min:34rem;--map-hub-inline:10rem;--map-grid-size:1.25rem;--map-line-size:2px;--map-port-size:0.75rem;--map-inspector-max:34rem;--map-zoom-out:0.88;--map-zoom-in:1.08;--table-min:44rem;--asset-preview-min:16rem;--auth-card-max:28rem;--toast-max:28rem;--control-height:2.75rem;--input-height:2.75rem;--badge-height:1.5rem;--textarea-min:7rem;--skeleton-height:1rem;--empty-copy-max:32rem;--focus-width:3px;--focus-offset:2px;--hover-lift:-1px;--icon-sm:1rem;--icon-md:1.125rem;--icon-lg:2.25rem;--icon-stroke:1.8;--transition-fast:150ms ease}[data-theme=dark]{color-scheme:dark;--background:235 16% 9%;--foreground:42 28% 95%;--card:235 14% 13%;--card-foreground:42 28% 95%;--surface-subtle:235 13% 16%;--surface-strong:239 10% 29%;--muted-foreground:241 8% 68%;--border:239 11% 25%;--primary:250 91% 70%;--primary-hover:250 93% 76%;--primary-soft:250 91% 70%/0.12;--accent:328 86% 70%;--accent-hover:328 89% 76%;--accent-soft:328 86% 70%/0.12;--success:158 64% 52%;--success-soft:158 64% 52%/0.1;--warning:43 96% 56%;--warning-soft:43 96% 56%/0.1;--danger:0 91% 71%;--danger-soft:0 91% 71%/0.1;--sidebar:235 18% 7%;--focus:250 93% 76%;--content-violet:250 91% 70%;--content-emerald:158 67% 55%;--content-fuchsia:328 86% 70%;--content-lime:84 78% 72%;--content-paper:42 28% 95%;--content-ink:235 16% 9%;--shadow-sm:0 1px 2px rgb(0 0 0/0.15);--shadow-md:0 4px 16px rgb(0 0 0/0.2)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ui-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font:600 var(--text-sm) /1 var(--font-sans);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ui-button:hover:not(:disabled){transform:translateY(var(--hover-lift))}.ui-button svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:var(--icon-stroke)}.ui-button:focus-visible,.ui-input:focus-visible{outline:var(--focus-width) solid hsl(var(--focus));outline-offset:var(--focus-offset)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-primary{color:hsl(var(--on-primary));background:hsl(var(--accent))}.ui-button-primary:hover:not(:disabled){background:hsl(var(--accent-hover));box-shadow:var(--shadow-sm)}.ui-button-secondary{color:hsl(var(--foreground));background:hsl(var(--card));border-color:hsl(var(--border))}.ui-button-ghost:hover:not(:disabled),.ui-button-secondary:hover:not(:disabled){background:hsl(var(--surface-subtle))}.ui-button-ghost{color:hsl(var(--muted-foreground));background:transparent}.ui-button-danger{color:hsl(var(--danger));background:hsl(var(--danger-soft))}.ui-card{min-width:0;border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:var(--shadow-sm)}.ui-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:var(--badge-height);border-radius:var(--radius-pill);padding:0 var(--space-3);font:600 var(--text-caption) /1 var(--font-sans)}.ui-badge-neutral{color:hsl(var(--muted-foreground));background:hsl(var(--surface-subtle))}.ui-badge-info{color:hsl(var(--primary));background:hsl(var(--primary-soft))}.ui-badge-success{color:hsl(var(--success));background:hsl(var(--success-soft))}.ui-badge-warning{color:hsl(var(--warning));background:hsl(var(--warning-soft))}.ui-badge-danger{color:hsl(var(--danger));background:hsl(var(--danger-soft))}.ui-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.ui-label{font:600 var(--text-sm) /1.2 var(--font-sans)}.ui-input,.ui-label{color:hsl(var(--foreground))}.ui-input{width:100%;min-height:var(--input-height);border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:hsl(var(--card));font:400 var(--text-base) /1.4 var(--font-sans)}.ui-input::placeholder{color:hsl(var(--muted-foreground))}.ui-textarea{min-height:var(--textarea-min);resize:vertical}.ui-field-hint{color:hsl(var(--muted-foreground));font-size:var(--text-caption)}.ui-field-error{color:hsl(var(--danger));font-size:var(--text-caption)}.ui-skeleton{display:block;min-height:var(--skeleton-height);border-radius:var(--radius-sm);background:hsl(var(--surface-subtle));animation:ui-pulse 1.5s ease-in-out infinite}.ui-empty{display:grid;justify-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-8);text-align:center}.ui-empty h2,.ui-empty p{margin:0}.ui-empty p{max-width:var(--empty-copy-max);color:hsl(var(--muted-foreground))}.ui-empty-icon{display:grid;place-items:center;color:hsl(var(--primary))}@keyframes ui-pulse{50%{opacity:.55}}*{box-sizing:border-box}html{min-width:var(--min-viewport-inline)}body,html{background:hsl(var(--background))}body{margin:0;color:hsl(var(--foreground));font-family:var(--font-sans)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:var(--focus-width) solid hsl(var(--focus));outline-offset:var(--focus-offset)}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{font-family:var(--font-display)}.strategy-toast{position:fixed;z-index:var(--layer-toast);inset-block-start:var(--space-5);inset-inline-end:var(--space-5);max-inline-size:min(var(--toast-max),calc(100vw - var(--space-8)));box-shadow:var(--shadow-lg)}svg{inline-size:var(--icon-md);block-size:var(--icon-md);stroke-width:var(--icon-stroke)}.visually-hidden{position:absolute;width:var(--border-width);height:var(--border-width);padding:0;margin:calc(var(--border-width) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:var(--layer-skip);transform:translateY(var(--skip-hidden-offset));padding:var(--space-3);background:hsl(var(--card));border-radius:var(--radius-md)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:var(--viewport-block);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;inset-block-start:0;height:var(--viewport-block);display:flex;flex-direction:column;-webkit-border-end:var(--border-width) solid hsl(var(--border));border-inline-end:var(--border-width) solid hsl(var(--border));background:hsl(var(--sidebar));overflow-y:auto}.brand{height:var(--header-height);display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-5);-webkit-border-after:var(--border-width) solid hsl(var(--border));border-block-end:var(--border-width) solid hsl(var(--border))}.brand-mark{position:relative;display:grid;place-items:center;width:var(--brand-mark-size);aspect-ratio:1;border-radius:var(--radius-md);background:hsl(var(--primary));color:hsl(var(--on-primary));font-weight:var(--weight-extrabold)}.brand-mark:after{content:"";position:absolute;inset-block-start:var(--brand-accent-offset);inset-inline-end:var(--brand-accent-offset);width:var(--brand-accent-size);aspect-ratio:1;border:var(--border-width-medium) solid hsl(var(--sidebar));border-radius:var(--radius-full);background:hsl(var(--accent))}.brand-copy span,.brand-copy strong{display:block}.brand-copy span{color:hsl(var(--muted-foreground));font-size:var(--text-xs)}.context-card{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:var(--space-4);padding:var(--space-3);border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--surface-subtle))}.context-card span{color:hsl(var(--muted-foreground));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-group)}.context-language-row{display:flex;align-items:center;gap:var(--space-2);-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.context-language-row>svg{flex:0 0 auto;color:hsl(var(--muted-foreground))}.context-language-select{width:100%;min-width:0}.nav{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:0 var(--space-3) var(--space-4)}.nav-group{margin:var(--space-4) var(--space-2) var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-group);text-transform:uppercase}.nav-group,.nav-link{color:hsl(var(--muted-foreground))}.nav-link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--nav-item-height);padding-inline:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.nav-link:hover{background:hsl(var(--surface-subtle));color:hsl(var(--foreground))}.nav-link-active{color:hsl(var(--primary));background:hsl(var(--primary-soft))}.help-menu>summary{cursor:pointer;list-style:none}.help-menu>summary::-webkit-details-marker{display:none}.help-menu-chevron{-webkit-margin-start:auto;margin-inline-start:auto;transition:transform var(--transition-fast)}.help-menu[open] .help-menu-chevron{transform:rotate(90deg)}[dir=rtl] .help-menu[open] .help-menu-chevron{transform:rotate(-90deg)}.help-menu-items{display:grid;grid-gap:var(--space-1);gap:var(--space-1);-webkit-padding-before:var(--space-1);padding-block-start:var(--space-1);-webkit-padding-start:var(--space-4);padding-inline-start:var(--space-4)}.sidebar-footer{margin-top:auto;padding:var(--space-4);-webkit-border-before:var(--border-width) solid hsl(var(--border));border-block-start:var(--border-width) solid hsl(var(--border))}.sidebar-session-actions{display:grid;grid-gap:var(--space-2);gap:var(--space-2);-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3)}.sidebar-session-button{width:100%;justify-content:flex-start}.sidebar-session-error{margin:0;color:hsl(var(--destructive));font-size:var(--text-caption)}.main{min-width:0}.topbar{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--layer-topbar);min-height:var(--header-height);justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);-webkit-border-after:var(--border-width) solid hsl(var(--border));border-block-end:var(--border-width) solid hsl(var(--border));background:hsl(var(--background)/var(--topbar-opacity));-webkit-backdrop-filter:blur(var(--topbar-blur));backdrop-filter:blur(var(--topbar-blur))}.topbar,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:var(--space-2)}.mobile-nav-trigger{display:none}.content{width:min(100%,var(--content-max));margin-inline:auto;padding:var(--space-8)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6)}.page-title{margin:0;font-size:var(--page-title-size);line-height:var(--page-title-leading);letter-spacing:var(--tracking-title)}.page-description{max-width:var(--page-description-max);margin:var(--space-2) 0 0;color:hsl(var(--muted-foreground));line-height:var(--copy-leading)}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-card{padding:var(--space-5)}.section-card h2,.section-card h3{-webkit-margin-before:0;margin-block-start:0}.section-card p:last-child{-webkit-margin-after:0;margin-block-end:0}.stat{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-5)}.stat-label{color:hsl(var(--muted-foreground));font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label)}.stat-value{font-size:var(--text-stat);font-weight:var(--weight-extrabold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-meta{color:hsl(var(--muted-foreground));font-size:var(--text-caption)}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.row{gap:var(--space-3)}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:var(--space-4)}.muted{color:hsl(var(--muted-foreground))}.progress{height:var(--progress-height);overflow:hidden;border-radius:var(--radius-pill);background:hsl(var(--surface-subtle))}.progress>span{display:block;height:100%;border-radius:inherit;background:hsl(var(--primary))}.timeline{display:grid;grid-gap:0;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:var(--timeline-column) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);-webkit-padding-after:var(--space-5);padding-block-end:var(--space-5)}.timeline-item:before{content:"";position:absolute;inset-block-start:var(--timeline-line-start);inset-block-end:0;inset-inline-start:var(--timeline-line-inline);width:var(--border-width);background:hsl(var(--border))}.timeline-item:last-child:before{display:none}.timeline-dot{position:relative;z-index:1;width:var(--timeline-dot-size);aspect-ratio:1;-webkit-margin-before:var(--timeline-dot-offset);margin-block-start:var(--timeline-dot-offset);border:var(--border-width-strong) solid hsl(var(--card));border-radius:var(--radius-full);background:hsl(var(--success));box-shadow:0 0 0 var(--border-width) hsl(var(--border))}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--inspector-min),var(--inspector-max));grid-gap:var(--space-4);gap:var(--space-4)}.editor-canvas{min-height:var(--editor-canvas-min);padding:var(--space-6)}.editor-canvas textarea{min-height:var(--editor-input-min);font-size:var(--text-base);line-height:var(--editor-leading)}.inspector{align-self:start;position:-webkit-sticky;position:sticky;inset-block-start:calc(var(--header-height) + var(--space-4));padding:var(--space-5)}.table-wrap{overflow-x:auto;border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius-lg)}.table-wrap:focus-visible{border-color:hsl(var(--focus))}.table{width:100%;min-width:var(--table-min);border-collapse:collapse;background:hsl(var(--card))}.table td,.table th{padding:var(--space-3) var(--space-4);-webkit-border-after:var(--border-width) solid hsl(var(--border));border-block-end:var(--border-width) solid hsl(var(--border));text-align:start;font-size:var(--text-sm)}.table th{color:hsl(var(--muted-foreground));background:hsl(var(--surface-subtle));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-table)}.notice{padding:var(--space-4);border:var(--border-width) solid hsl(var(--primary)/.25);border-radius:var(--radius-md);background:hsl(var(--primary-soft));color:hsl(var(--foreground))}.notice-warning{border-color:hsl(var(--warning)/.25);background:hsl(var(--warning-soft))}.notice-danger{border-color:hsl(var(--danger)/.25);background:hsl(var(--danger-soft))}.checklist{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:0;list-style:none}.checklist li{display:flex;gap:var(--space-3);align-items:flex-start}.checklist svg{flex:0 0 auto;color:hsl(var(--success))}.locale-tabs{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-padding-after:var(--space-2);padding-block-end:var(--space-2)}.locale-tab{white-space:nowrap}.asset-preview{min-height:var(--asset-preview-min);display:grid;place-items:center;align-content:center;grid-gap:var(--space-3);gap:var(--space-3);border:var(--border-width) dashed hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--surface-subtle));text-align:center}.asset-preview>svg{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.drawer-backdrop{display:none}.auth-page{min-height:var(--viewport-block);display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:min(100%,var(--auth-card-max));padding:var(--space-6)}.auth-card h1,.auth-card p{-webkit-margin-before:0;margin-block-start:0}.auth-card p:last-child{-webkit-margin-after:0;margin-block-end:0}.auth-brand{height:auto;padding:0 0 var(--space-5)}.auth-locale-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.auth-language-select{width:-moz-fit-content;width:fit-content;max-inline-size:100%}.auth-password-field{gap:var(--space-2)}.auth-password-toggle{justify-self:end}.auth-link{width:-moz-fit-content;width:fit-content;color:hsl(var(--primary));font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:var(--space-1)}.auth-footnote{font-size:var(--text-caption);line-height:var(--copy-leading)}.auth-status{justify-items:center;text-align:center}.auth-status .notice{text-align:start}.auth-state-icon{display:grid;place-items:center;justify-self:center;inline-size:var(--icon-lg);block-size:var(--icon-lg);color:hsl(var(--primary))}.auth-state-icon svg{inline-size:100%;block-size:100%}.auth-qr{display:grid;justify-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin:0;text-align:center}.auth-qr img{inline-size:var(--auth-qr-size);max-inline-size:100%;border-radius:var(--radius-md)}@media (max-width:78rem){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:var(--space-6)}}@media (max-width:64rem){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;z-index:var(--layer-sidebar);inset-block:0;inset-inline-start:0;width:min(var(--sidebar-width),calc(100vw - var(--space-8)));transform:translateX(var(--drawer-hidden-offset));transition:transform var(--transition-fast);box-shadow:var(--shadow-md)}[dir=rtl] .sidebar{transform:translateX(var(--drawer-hidden-offset-rtl))}.sidebar-open,[dir=rtl] .sidebar-open{transform:translateX(0)}.drawer-backdrop{display:block;position:fixed;z-index:var(--layer-backdrop);inset:0;border:0;background:hsl(var(--backdrop))}.mobile-nav-trigger{display:inline-flex}.editor-grid{grid-template-columns:minmax(0,1fr)}.inspector{position:static}}@media (max-width:48rem){.content{padding:var(--space-4)}.topbar{padding-inline:var(--space-4)}.topbar-site{display:none}.page-header{display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.editor-canvas,.inspector,.section-card{padding:var(--space-4)}.row-between{align-items:flex-start;flex-wrap:wrap}.auth-card{padding:var(--space-4)}.auth-locale-row{justify-content:stretch}.auth-language-select{width:100%}}