:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f5f6fa;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-input:#fff;--color-surface-secondary:#f8f9fc;--color-surface-hover:#fafaff;--color-surface-overlay:#fffffff0;--color-card-overlay:#ffffffdb;--color-card-overlay-muted:#ffffffb8;--color-card-overlay-hover:#eeecffe0;--color-border:#e7e8f0;--color-border-control:#85899c;--color-border-subtle:#eeeff5;--color-border-strong:#c8c5e8;--color-border-accent:#cfc9ff;--color-border-hover:#b8b2ee;--color-border-hover-strong:#9a90e6;--color-text:#202238;--color-text-secondary:#555970;--color-text-label:#30334a;--color-text-muted:#6c7085;--color-text-placeholder:#6c7085;--color-accent:#6558d9;--color-accent-hover:#5145c1;--color-accent-soft:#eeecff;--color-text-on-accent:#fff;--color-focus-halo:#6558d92e;--color-ambient-glow:#6558d912;--color-success:#23845d;--color-success-glow:#23845d1f;--color-success-border:#b8e3cd;--color-success-surface:#e8f7ef;--color-success-text:#176747;--color-warning:#9a6a17;--color-warning-border:#efd9a5;--color-warning-surface:#fff4d8;--color-warning-text:#79500d;--color-danger:#c43d56;--color-danger-border:#f0c2ca;--color-danger-surface:#fff0f2;--color-danger-text:#a1263e;--color-info:#5145c1;--color-info-border:#d7d2fa;--color-info-surface:#eeecff;--font-family-sans:Tahoma, Arial, "Noto Sans Arabic", system-ui, sans-serif;--font-size-xs:.6875rem;--font-size-xs-plus:.75rem;--font-size-sm:.8125rem;--font-size-sm-compact:.75rem;--font-size-sm-plus:.8125rem;--font-size-sm-readable:.8125rem;--font-size-body-sm:.875rem;--font-size-body:.875rem;--font-size-label:.875rem;--font-size-base:1rem;--font-size-lg:1rem;--font-size-xl:1.1875rem;--font-size-section:clamp(1.375rem, 3.5vw, 1.75rem);--font-size-panel-heading:clamp(1.3125rem, 2.8vw, 1.5rem);--font-size-hero:clamp(2.35rem, 7vw, 4.5rem);--font-size-hero-compact:clamp(2rem, 5vw, 3.2rem);--font-size-hero-copy:clamp(1rem, 2.2vw, 1.15rem);--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:700;--font-weight-extrabold:800;--line-height-body:1.6;--line-height-heading:1.35;--line-height-editor:1.7;--tracking-brand:.016em;--tracking-heading:-.015em;--tracking-display:-.035em;--tracking-eyebrow:.12em;--space-0:0;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-17:4.25rem;--space-20:5rem;--space-24:6rem;--space-30:7.5rem;--space-field-gap:.4rem;--space-0-8:.2rem;--space-1-8:.45rem;--space-compact:.3rem;--space-compact-plus:.35rem;--space-compact-wide:.6rem;--space-2-6:.65rem;--space-2-8:.7rem;--space-3-2:.8rem;--space-3-4:.85rem;--space-3-6:.9rem;--space-4-4:1.1rem;--space-4-8:1.2rem;--space-5-2:1.3rem;--space-5-6:1.4rem;--space-6-4:1.6rem;--space-6-8:1.7rem;--space-7:1.75rem;--space-control-inline:.85rem;--space-heading-stack:1.1rem;--space-copy-top:1.4rem;--space-section-top:clamp(4rem, 9vw, 7.5rem);--space-panel-padding-fluid:clamp(var(--space-4), 3vw, var(--space-6-4));--space-workspace-gap:clamp(var(--space-4), 2vw, var(--space-8));--space-hero-bottom:4.25rem;--border-width:1px;--radius-xs:.65rem;--radius-sm:.7rem;--radius-md:.75rem;--radius-lg:.8rem;--radius-xl:.85rem;--radius-2xl:.9rem;--radius-card:1.15rem;--radius-pill:999px;--radius-round:50%;--size-header-height:4.125rem;--size-header-height-compact:3.625rem;--size-brand-mark:2.125rem;--size-environment-label-width:10rem;--size-status-dot:.5rem;--size-control-min-height:2.75rem;--size-control-min-height-compact:2.3rem;--size-touch-target-preferred:44px;--size-touch-target-minimum:24px;--icon-size-sm:1rem;--icon-size-md:1.25rem;--icon-size-lg:1.5rem;--icon-size-xl:2rem;--size-card-min-height:11rem;--size-story-editor-min-height:18rem;--size-page-min-height:100vh;--size-page-min-height-dynamic:100dvh;--size-app-shell-content-min-height:60vh;--size-avatar-sm:2rem;--size-avatar-md:2.75rem;--size-avatar-lg:4rem;--size-stage-number:2rem;--size-progress-track-height:.45rem;--size-tab-indicator:2px;--size-dialog-max-height:85vh;--content-dialog-width:38rem;--content-dialog-max-height:50rem;--content-tooltip-max-width:18rem;--size-tooltip-viewport-width:80vw;--size-dropdown-min-width:12rem;--content-dropdown-max-width:20rem;--size-dropdown-viewport-width:85vw;--z-index-tooltip:30;--z-index-dropdown:40;--content-width:90rem;--content-user-pill-max-width:15rem;--content-workspace-max-width:90rem;--content-hero-width:51rem;--content-heading-width:47rem;--content-copy-width:43rem;--content-hero-copy-width:43rem;--content-hero-copy-narrow:10rem;--size-ambient-glow:42rem;--size-underline-offset:1px;--layout-main-columns:minmax(0, .9fr) minmax(0, 1.1fr);--layout-workspace-columns:minmax(15rem, 16rem) minmax(0, 1fr);--layout-auth-columns:minmax(0, .85fr) minmax(0, 1fr);--gradient-page-background:radial-gradient(ellipse at 78% 0%, var(--color-ambient-glow), transparent var(--size-ambient-glow));--gradient-surface-card:linear-gradient(160deg, var(--color-surface-raised), var(--color-surface));--gradient-surface-panel:linear-gradient(155deg, var(--color-surface-raised), var(--color-surface));--shadow-success-glow:0 0 0 .22rem var(--color-success-glow);--shadow-focus:0 0 0 3px var(--color-focus-halo);--shadow-dialog:0 1.25rem 3rem #2421501f;--shadow-dropdown:0 .5rem 1.5rem #2421501a;--focus-outline-width:2px;--focus-outline-offset:3px;--motion-duration-fast:.15s;--motion-easing-standard:ease;--motion-hover-lift:translateY(-1px);--motion-active-press:scale(.99);--motion-reduced-duration:.01ms;--opacity-disabled:.6;--transition-interactive:background var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);--transition-surface:border-color var(--motion-duration-fast) var(--motion-easing-standard), background var(--motion-duration-fast) var(--motion-easing-standard);--breakpoint-compact:38rem;--breakpoint-tablet:48rem;--breakpoint-studio:55rem;--breakpoint-mobile-range-min:320px;--breakpoint-phone-wide-min:375px;--breakpoint-tablet-min:640px;--breakpoint-desktop-min:1024px;--text-align-start:start;--text-align-end:end}*{box-sizing:border-box}html{background:var(--color-background);min-height:100%}body{min-height:var(--size-page-min-height);margin:var(--space-0);background:var(--gradient-page-background);color:var(--color-text);font-family:var(--font-family-sans);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{width:min(calc(100% - var(--space-8)), var(--content-width));margin-inline:auto}.site-header{min-height:var(--size-header-height);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);display:flex}.brand{align-items:center;gap:var(--space-2-8);font-size:var(--font-size-xl);font-weight:var(--font-weight-heavy);letter-spacing:var(--tracking-brand);display:inline-flex}.brand-mark{width:var(--size-brand-mark);aspect-ratio:1;border:var(--border-width) solid var(--color-border-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--font-weight-extrabold);place-items:center;display:grid}.environment-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero{max-width:var(--content-hero-width);padding-block:var(--space-section-top) var(--space-17)}.eyebrow{margin:var(--space-0) var(--space-0) var(--space-3-4);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);letter-spacing:var(--tracking-eyebrow)}.hero h1{max-width:var(--content-heading-width);margin:var(--space-0);font-size:var(--font-size-hero);font-weight:var(--font-weight-heavy);letter-spacing:var(--tracking-display);line-height:var(--line-height-heading)}.hero-copy{max-width:var(--content-copy-width);margin-block:var(--space-5-6) var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-hero-copy)}.hero-note{align-items:center;gap:var(--space-2-6);margin-top:var(--space-6-8);padding:var(--space-compact-wide) var(--space-3-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-overlay);color:var(--color-text-secondary);font-size:var(--font-size-sm-readable);display:inline-flex}.status-dot{width:var(--size-status-dot);aspect-ratio:1;border-radius:var(--radius-round);background:var(--color-success);box-shadow:var(--shadow-success-glow)}.foundation{padding-block:var(--space-0) var(--space-16)}.section-heading h2{margin:var(--space-0);font-size:var(--font-size-section);letter-spacing:var(--tracking-heading)}.foundation-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foundation-card{min-height:var(--size-card-min-height);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--gradient-surface-card)}.card-status{color:var(--color-accent);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-bold)}.foundation-card h3{margin:var(--space-4-4) var(--space-0) var(--space-compact-plus);font-size:var(--font-size-lg)}.foundation-card p{margin:var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.site-footer{padding-block:var(--space-6) var(--space-10);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm-plus)}.site-footer p{margin:var(--space-0)}@media (max-width:48rem){.site-header{min-height:var(--size-header-height-compact)}.environment-label{max-width:var(--size-environment-label-width);text-align:end}.hero{padding-block:var(--space-14) var(--space-12)}.foundation-grid{grid-template-columns:1fr}.foundation-card{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:var(--motion-reduced-duration)!important;transition-duration:var(--motion-reduced-duration)!important;animation-iteration-count:1!important}}.hero-compact{padding-block:var(--space-12) var(--space-8)}.hero-compact h1{font-size:var(--font-size-hero-compact)}.studio-layout{grid-template-columns:var(--layout-main-columns);gap:var(--space-4);padding-bottom:var(--space-12);align-items:start;display:grid}.studio-panel{min-width:0;padding:var(--space-panel-padding-fluid);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--gradient-surface-panel)}.auth-layout{grid-template-columns:var(--layout-auth-columns);align-items:start;gap:var(--space-8);margin-bottom:var(--space-12);display:grid}.auth-single-card{width:min(100%,42rem);margin:0 auto var(--space-12)}.auth-social-methods{gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);display:grid}.auth-social-divider{margin:var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-sm-readable);text-align:center}.auth-social-buttons{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));display:grid}.auth-inline-link{width:fit-content;color:var(--color-accent);text-underline-offset:.15em;text-decoration:underline;display:inline-flex}.auth-inline-link:focus-visible{outline:var(--border-width) solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-xs)}.studio-panel h2{margin:var(--space-0);font-size:var(--font-size-panel-heading);letter-spacing:var(--tracking-heading)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5-2);display:flex}.panel-heading .eyebrow{margin-bottom:var(--space-compact)}.muted-copy,.field small{color:var(--color-text-muted);font-size:var(--font-size-sm-readable)}.muted-copy{margin:var(--space-0)}.studio-form{gap:var(--space-4);display:grid}.field{gap:var(--space-field-gap);color:var(--color-text-label);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);display:grid}.ui-input:not([type=checkbox]):not([type=radio]),.ui-textarea,.ui-select,.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select{border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);width:100%;min-width:0;padding:var(--space-3) var(--space-3-4);background:var(--color-surface-input);color:var(--color-text);font-weight:var(--font-weight-regular);outline:none}.ui-input:not([type=checkbox]):not([type=radio]):focus,.ui-textarea:focus,.ui-select:focus,.field input:not([type=checkbox]):not([type=radio]):focus,.field textarea:focus,.field select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.field textarea{resize:vertical;line-height:var(--line-height-editor)}.field select,.ui-select{cursor:pointer}.ui-input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.ui-textarea:hover:not(:disabled),.ui-select:hover:not(:disabled),.field input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),.field textarea:hover:not(:disabled),.field select:hover:not(:disabled){border-color:var(--color-accent)}.ui-input[aria-invalid=true],.ui-textarea[aria-invalid=true],.ui-select[aria-invalid=true],.field input:not([type=checkbox]):not([type=radio])[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--color-danger)}.ui-input:not([type=checkbox]):not([type=radio]):disabled,.ui-textarea:disabled,.ui-select:disabled,.field input:not([type=checkbox]):not([type=radio]):disabled,.field textarea:disabled,.field select:disabled{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:var(--opacity-disabled)}.ui-input:not([type=checkbox]):not([type=radio])::placeholder,.ui-textarea::placeholder,.field input:not([type=checkbox]):not([type=radio])::placeholder,.field textarea::placeholder{color:var(--color-text-placeholder)}.button-primary,.button-secondary{min-height:var(--size-control-min-height);justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-2-6) var(--space-4);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-heavy);text-align:center;transition:var(--transition-interactive);display:inline-flex}.button-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.button-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:var(--motion-hover-lift)}.button-secondary{border-color:var(--color-border-control);background:var(--color-surface-secondary);color:var(--color-text)}.button-secondary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface-hover)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.button-link{min-height:var(--size-touch-target-preferred);padding:var(--space-1) var(--space-2);color:var(--color-accent);cursor:pointer;font-size:var(--font-size-body-sm);text-align:start;background:0 0;border:0;justify-self:start;align-items:center;display:inline-flex}.button-link:hover:not(:disabled){text-decoration:underline}.button-link:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:var(--opacity-disabled)}.link-button{margin-top:var(--space-4)}.form-error{margin:var(--space-0);border:var(--border-width) solid var(--color-danger-border);border-radius:var(--radius-xs);padding:var(--space-2-6) var(--space-3-2);background:var(--color-danger-surface);color:var(--color-danger-text);font-size:var(--font-size-sm-readable)}.success-message{margin:var(--space-0);border:var(--border-width) solid var(--color-success-border);border-radius:var(--radius-xs);padding:var(--space-2-6) var(--space-3-2);background:var(--color-success-surface);color:var(--color-success-text);font-size:var(--font-size-sm-readable)}.status-badge{border:var(--border-width) solid var(--color-info-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-compact-wide);background:var(--color-accent-soft);color:var(--color-info);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-bold);flex-shrink:0}.status-badge--info{border-color:var(--color-info-border);background:var(--color-info-surface);color:var(--color-info)}.status-badge--success{border-color:var(--color-success-border);background:var(--color-success-surface);color:var(--color-success-text)}.status-badge--warning{border-color:var(--color-warning-border);background:var(--color-warning-surface);color:var(--color-warning-text)}.status-badge--danger{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger-text)}.empty-state{border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4-8);color:var(--color-text-muted);font-size:var(--font-size-body)}.project-list,.version-list{gap:var(--space-3);display:grid}.project-card{gap:var(--space-field-gap);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-4);background:var(--color-card-overlay);transition:var(--transition-surface);display:grid}.project-card:hover{border-color:var(--color-border-hover-strong);background:var(--color-card-overlay-hover)}.project-card-top{justify-content:space-between;align-items:center;gap:var(--space-2-8);display:flex}.project-card h3{margin:var(--space-0-8) var(--space-0) var(--space-0);font-size:var(--font-size-lg)}.project-card p{margin:var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-sm-readable);overflow-wrap:anywhere}.project-open{margin-top:var(--space-compact);color:var(--color-accent);font-size:var(--font-size-sm-plus);font-weight:var(--font-weight-heavy)}.sign-out-link{margin-top:var(--space-5)}.project-editor-panel{margin-bottom:var(--space-4)}.story-content-input{min-height:var(--size-story-editor-min-height)}.form-actions{gap:var(--space-2-8);flex-wrap:wrap;align-items:center;display:flex}.version-panel{margin-bottom:var(--space-12)}.version-row{justify-content:space-between;align-items:center;gap:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3-6);background:var(--color-card-overlay-muted);display:flex}.version-row strong{font-size:var(--font-size-body-sm)}.version-row p{margin:var(--space-1) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-sm-plus)}.version-row .button-secondary{min-height:var(--size-touch-target-preferred);padding:var(--space-1-8) var(--space-2-8);font-size:var(--font-size-sm-compact);flex-shrink:0}@media (max-width:55rem){.studio-layout,.auth-layout{grid-template-columns:1fr}.hero-compact{padding-block:var(--space-8) var(--space-6)}}@media (max-width:38rem){.panel-heading{flex-direction:column}.project-card-top{flex-direction:column;align-items:flex-start}.version-row,.form-actions{flex-direction:column;align-items:stretch}.form-actions .button-primary,.form-actions .button-secondary{width:100%}.button-secondary{max-width:100%}}.checkbox-control{width:var(--size-touch-target-preferred);height:var(--size-touch-target-preferred);min-width:var(--size-touch-target-preferred);min-height:var(--size-touch-target-preferred);margin:var(--space-0);padding:var(--space-0);accent-color:var(--color-accent);cursor:pointer}:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}:is(.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible){outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.button-primary:active:not(:disabled),.button-secondary:active:not(:disabled){transform:var(--motion-active-press)}@media (prefers-reduced-motion:reduce){.button-primary,.button-secondary,.project-card{transition:none;transform:none}}.ui-container{width:min(calc(100% - var(--space-8)), var(--content-width));margin-inline:auto}.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-block-end:var(--space-5);display:flex}.ui-section-header-copy{min-width:0}.ui-section-header h2,.ui-section-header h3{margin:var(--space-0);font-size:var(--font-size-section);line-height:var(--line-height-heading)}.ui-section-description{margin:var(--space-2) var(--space-0) var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.ui-section-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-divider{width:100%;margin-block:var(--space-4);border:0;border-block-start:var(--border-width) solid var(--color-border)}.ui-sidebar{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ui-sidebar-content{min-width:0}.ui-sidebar-footer{border-block-start:var(--border-width) solid var(--color-border);margin-block-start:auto;padding-block-start:var(--space-4)}.ui-avatar{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:inline-grid;overflow:hidden}.ui-avatar-sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.ui-avatar-md{width:var(--size-avatar-md);height:var(--size-avatar-md)}.ui-avatar-lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:var(--font-size-lg)}.ui-avatar-image{object-fit:cover;width:100%;height:100%}.ui-avatar-fallback{place-items:center;width:100%;height:100%;display:grid}.ui-tooltip{align-items:center;display:inline-flex;position:relative}.ui-tooltip-content{z-index:var(--z-index-tooltip);width:max-content;max-width:min(var(--content-tooltip-max-width), var(--size-tooltip-viewport-width));transform:translate(-50%, var(--space-1));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-body);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard);position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%}.ui-tooltip:hover .ui-tooltip-content,.ui-tooltip:focus-within .ui-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)}.ui-breadcrumbs ol{align-items:center;gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;list-style:none;display:flex}.ui-breadcrumbs li{align-items:center;gap:var(--space-2);display:inline-flex}.ui-breadcrumbs li+li:before{content:"/";color:var(--color-text-placeholder)}.ui-breadcrumbs a{color:var(--color-accent)}.ui-breadcrumbs a:hover{text-decoration:underline}.ui-breadcrumbs [aria-current=page]{color:var(--color-text)}.ui-tabs{min-width:0}.ui-tabs-list{gap:var(--space-1);border-block-end:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.ui-tabs-trigger{min-height:var(--size-control-min-height);border:0;border-block-end:var(--size-tab-indicator) solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:var(--space-2) var(--space-4);color:var(--color-text-muted);cursor:pointer;background:0 0}.ui-tabs-trigger[aria-selected=true]{border-block-end-color:var(--color-accent);color:var(--color-text)}.ui-tabs-trigger:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.ui-tabs-trigger:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.ui-dropdown-trigger:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.ui-dropdown-item:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.ui-dialog button:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.ui-tabs-panel{padding-block:var(--space-4)}.ui-save-status{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:inline-flex}.ui-save-status[data-state=saved]{color:var(--color-success-text)}.ui-save-status[data-state=unsaved]{color:var(--color-warning-text)}.ui-save-status[data-state=error]{color:var(--color-danger-text)}.studio-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding-block:var(--space-5);border-block-end:var(--border-width) solid var(--color-border);display:flex}.studio-header-main{align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.studio-header-title{min-width:0}.studio-header-title h1{margin:var(--space-0);font-size:var(--font-size-panel-heading);line-height:var(--line-height-heading)}.studio-header-title .eyebrow{margin-block-end:var(--space-1)}.studio-header-back{min-height:var(--size-control-min-height);color:var(--color-accent);align-items:center;display:inline-flex}.studio-header-back:hover{text-decoration:underline}.studio-header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-stage-navigation ol{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.ui-stage-item>a,.ui-stage-link{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--size-control-min-height);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);display:flex}.ui-stage-item>a:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.ui-stage-item[data-state=current]>a,.ui-stage-item[data-state=current] .ui-stage-link{border-color:var(--color-border-accent);background:var(--color-accent-soft)}.ui-stage-item[data-state=locked] .ui-stage-link{color:var(--color-text-muted);opacity:var(--opacity-disabled)}.ui-stage-number{width:var(--size-stage-number);height:var(--size-stage-number);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-round);color:var(--color-accent);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:inline-grid}.ui-stage-copy{gap:var(--space-0-8);min-width:0;display:grid}.ui-stage-label{font-weight:var(--font-weight-semibold)}.ui-stage-status{color:var(--color-text-muted);font-size:var(--font-size-xs)}.ui-stage-indicator{gap:var(--space-2);display:grid}.ui-stage-indicator-label{justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.ui-stage-progress{height:var(--size-progress-track-height);border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.ui-stage-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--motion-duration-fast) var(--motion-easing-standard);display:block}.ui-dialog{width:min(calc(100% - var(--space-6)), var(--content-dialog-width));max-height:min(var(--size-dialog-max-height), var(--content-dialog-max-height));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-dialog);overflow:auto}.ui-dialog::backdrop{background:var(--color-surface-overlay)}.ui-dialog-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ui-dialog-heading h2{margin:var(--space-0);font-size:var(--font-size-panel-heading)}.ui-dialog-description{color:var(--color-text-muted)}.ui-dialog-content{margin-block:var(--space-4)}.ui-dialog-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.ui-dropdown{display:inline-flex;position:relative}.ui-dropdown-trigger{min-height:var(--size-touch-target-preferred);justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);cursor:pointer;display:inline-flex}.ui-dropdown-menu{z-index:var(--z-index-dropdown);min-width:var(--size-dropdown-min-width);max-width:min(var(--content-dropdown-max-width), var(--size-dropdown-viewport-width));gap:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);background:var(--color-surface-raised);box-shadow:var(--shadow-dropdown);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0}.ui-dropdown-item{width:100%;min-height:var(--size-touch-target-preferred);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);color:var(--color-text);cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;align-items:center;display:flex}.ui-dropdown-item:hover{background:var(--color-surface-hover)}.ui-dropdown-item.is-disabled{cursor:not-allowed;color:var(--color-text-muted);opacity:var(--opacity-disabled)}@media (max-width:48rem){.ui-section-header,.studio-header{flex-direction:column}.studio-header-actions{width:100%}.ui-dialog{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.ui-tooltip-content,.ui-stage-progress>span{transition-duration:var(--motion-reduced-duration)}}.locale-toolbar{padding-block:var(--space-3);justify-content:flex-end;display:flex}.language-switcher{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm-readable);display:inline-flex}.language-switcher select{max-width:100%;min-height:var(--size-touch-target-preferred);border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface-overlay);color:var(--color-text)}.public-site-shell{min-height:var(--size-page-min-height-dynamic);flex-direction:column;display:flex}.public-site-topbar{width:min(calc(100% - var(--space-8)), var(--content-width));margin-inline:auto}.public-site-header{gap:var(--space-4)}.public-site-header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex:auto;min-width:0;display:flex}.public-site-navigation{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.public-site-nav-link{min-height:var(--size-control-min-height);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}:is(.public-site-nav-link:hover,.public-site-nav-link:focus-visible){border-color:var(--color-border);background:var(--color-surface-hover);color:var(--color-text)}.public-site-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex:none;min-width:0;display:flex}.public-site-content{flex:1 0 auto;min-width:0}.app-shell{min-height:var(--size-page-min-height);min-height:var(--size-page-min-height-dynamic)}.app-shell-topbar{width:min(calc(100% - var(--space-8)), var(--content-width));margin-inline:auto}.app-shell-header{gap:var(--space-4)}.app-shell-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);min-width:0;display:flex}.app-shell-user{max-width:var(--content-user-pill-max-width);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3-4);color:var(--color-text-secondary);font-size:var(--font-size-sm-readable);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell-environment-label{white-space:nowrap}.app-shell-skip-link{z-index:1000;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-focus);position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-160%)}.app-shell-skip-link:focus{transform:translateY(0)}.app-shell-workspace{grid-template-columns:var(--layout-workspace-columns);align-items:start;gap:var(--space-workspace-gap);width:min(calc(100% - var(--space-8)), var(--content-workspace-max-width));padding-block:var(--space-6) var(--space-12);margin-inline:auto;display:grid}.app-shell-workspace--anonymous{grid-template-columns:minmax(0,1fr)}.app-shell-sidebar{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:var(--space-3);background:var(--color-surface-overlay)}.app-shell-sidebar .ui-sidebar-content{display:block}.app-shell-nav-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.app-shell-nav-link{min-height:var(--size-control-min-height);border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-3-4);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);text-align:start;overflow-wrap:anywhere;align-items:center;display:flex}.app-shell-nav-link:hover{border-color:var(--color-border);background:var(--color-surface-hover);color:var(--color-text)}.app-shell-nav-link[aria-current=page]{border-color:var(--color-border-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--font-weight-heavy)}:is(.app-shell-nav-link:focus-visible,.app-shell-mobile-nav-trigger:focus-visible,.app-shell-skip-link:focus-visible){outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.app-shell-content{min-width:0;min-height:var(--size-app-shell-content-min-height)}.app-shell-content>.page-shell{width:100%;max-width:var(--content-width);margin-inline:0}.app-shell-workspace--anonymous .app-shell-content>.page-shell{margin-inline:auto}.app-shell-mobile-nav-trigger,.app-shell-mobile-nav{display:none}.app-shell-mobile-nav[hidden]{display:none!important}@media (max-width:48rem){.public-site-topbar{width:min(calc(100% - var(--space-5)), var(--content-width))}.public-site-header{padding-block:var(--space-2);flex-wrap:wrap;align-items:center}.public-site-header-content{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex:auto}.public-site-navigation{order:2;justify-content:center;width:100%}.public-site-header-actions{gap:var(--space-2);flex:auto}.public-site-header-actions .environment-label{display:none}.app-shell-topbar{width:min(calc(100% - var(--space-5)), var(--content-width))}.app-shell-header{padding-block:var(--space-2);flex-wrap:wrap;align-items:center}.app-shell-header-actions{gap:var(--space-2);flex:auto}.app-shell-environment-label,.app-shell-user{display:none}.app-shell-mobile-nav-trigger{min-height:var(--size-control-min-height);padding:var(--space-2) var(--space-3);display:inline-flex}.app-shell-mobile-nav:not([hidden]){width:min(calc(100% - var(--space-5)), var(--content-width));margin:var(--space-3) auto 0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);background:var(--color-surface-overlay);display:block}.app-shell-workspace{width:min(calc(100% - var(--space-5)), var(--content-width));grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-4)}.app-shell-desktop-navigation{display:none}}@media (prefers-reduced-motion:reduce){.app-shell-skip-link{transition:none}}.studio-shell{gap:var(--space-4);display:grid}.studio-shell-project-header{align-items:center}.studio-shell-project-header .studio-header-main{flex:auto}.studio-shell-layout{align-items:start;gap:var(--space-4-8);grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);display:grid}.studio-shell-sidebar{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:var(--space-4);background:var(--color-surface-overlay)}.studio-shell-sidebar-title{margin:var(--space-0) var(--space-0) var(--space-3);font-size:var(--font-size-lg)}.studio-shell-main{gap:var(--space-4);min-width:0;display:grid}.studio-shell-stage-heading{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-width:0;padding:var(--space-4-8);background:var(--color-surface)}.studio-shell-stage-heading .eyebrow{margin-block-end:var(--space-2)}.studio-shell-stage-heading h2{margin:var(--space-0);font-size:var(--font-size-panel-heading);line-height:var(--line-height-heading)}.studio-shell-stage-heading .ui-section-description{max-width:72ch;margin-block-start:var(--space-2)}.studio-shell-workspace{gap:var(--space-4);min-width:0;display:grid}.studio-shell-navigation{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:var(--border-width) solid var(--color-border);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}.studio-shell-navigation>.button-primary,.studio-shell-navigation>.button-secondary{margin-block:0}.studio-shell-next-unavailable{margin:var(--space-0);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm-readable);flex:100%}.studio-shell-mobile-stages{display:none}.studio-shell-mobile-stages summary{min-height:var(--size-control-min-height);cursor:pointer;font-weight:var(--font-weight-semibold);align-content:center}.studio-shell-mobile-stages[open] .ui-stage-navigation{margin-block-start:var(--space-3)}@media (max-width:55rem){.studio-shell-layout{grid-template-columns:minmax(0,1fr)}.studio-shell-desktop-stages{display:none}.studio-shell-mobile-stages{display:block}.studio-shell-sidebar{padding:var(--space-3) var(--space-4)}}@media (max-width:48rem){.studio-shell-project-header{align-items:flex-start}.studio-shell-project-header .studio-header-actions{width:100%}.studio-shell-stage-heading{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.studio-shell *{scroll-behavior:auto}}.field input:not([type=checkbox]),.field textarea,.field select{border:var(--border-width) solid var(--color-border-control);border-radius:var(--radius-sm);width:100%;min-width:0;padding:var(--space-3) var(--space-3-4);background:var(--color-surface-input);color:var(--color-text);font-weight:var(--font-weight-regular);outline:none}.field input:not([type=checkbox]):focus,.field textarea:focus,.field select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.field select{cursor:pointer}.field input:not([type=checkbox])::placeholder,.field textarea::placeholder{color:var(--color-text-placeholder)}.button-link:hover{text-decoration:underline}.project-page-actions{align-items:center;gap:var(--space-3);margin-block:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.project-dashboard-section{margin-block-end:var(--space-12)}.project-list-controls{align-items:end;gap:var(--space-3);margin-block:var(--space-5);grid-template-columns:minmax(12rem,1.5fr) repeat(2,minmax(10rem,.8fr)) auto;display:grid}.project-view-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-results-heading{margin-block:var(--space-5) var(--space-3)}.project-results{gap:var(--space-3);margin-block-end:var(--space-12);display:grid}.project-results--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.project-results--list{grid-template-columns:minmax(0,1fr)}.project-card:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.project-state{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);max-width:100%;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs-plus);overflow-wrap:anywhere;align-items:center;display:inline-flex}.project-state--active{border-color:var(--color-success-border);color:var(--color-success-text)}.project-state--archived{border-color:var(--color-warning-border);color:var(--color-warning-text)}.project-card-body{min-width:0}.project-card-meta{align-items:center;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs-plus);flex-wrap:wrap;display:flex}.project-card-meta time{overflow-wrap:anywhere}.project-card--list{align-items:center;gap:var(--space-2) var(--space-5);grid-template-columns:minmax(0,1fr) auto}.project-card--list .project-card-top,.project-card--list .project-card-body,.project-card--list .project-card-meta{grid-column:1}.project-card--list .project-open{white-space:nowrap;grid-area:2/2/span 2;align-self:center}.project-empty-state h3{margin-block:0 var(--space-2);color:var(--color-text);font-size:var(--font-size-lg)}.project-empty-state p{margin-block:0 var(--space-4)}.project-access-card{justify-items:start;gap:var(--space-3);display:grid}.project-access-card p{margin:0}.project-create-panel{max-width:var(--content-copy-width);margin-block-end:var(--space-12)}.project-create-next-step{margin:0}.auth-entry-footer{margin-block:var(--space-5)}@media (max-width:38rem){.project-list-controls,.project-card--list{grid-template-columns:minmax(0,1fr)}.project-card--list .project-open{white-space:normal;grid-area:auto/1}}.public-site-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.public-site-footer-content{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.public-site-footer-brand{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-heavy);letter-spacing:var(--tracking-brand);direction:ltr}.public-site-footer-content p{max-width:60ch;color:var(--color-text-muted);font-size:var(--font-size-sm-readable);text-align:end;margin:0}.studio-shell-breadcrumbs{min-width:0;margin-block-end:calc(-1 * var(--space-2))}.studio-shell-sidebar-heading{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);display:flex}.studio-shell-sidebar-title{min-width:0;margin-block-end:0}.studio-shell-stage-count{border:var(--border-width) solid var(--color-border-accent);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2-6);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-semibold);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.studio-shell-mobile-stages summary{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.studio-shell-mobile-stage-summary{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:end;display:flex}@media (max-width:38rem){.public-site-footer-content{align-items:flex-start;gap:var(--space-2);flex-direction:column}.public-site-footer-content p{text-align:start}.studio-shell-breadcrumbs ol{gap:var(--space-1);font-size:var(--font-size-xs)}.studio-shell-mobile-stages summary{align-items:flex-start}}.studio-shell-project-header,.studio-shell-project-header .studio-header-main,.studio-shell-main,.studio-shell-workspace{min-width:0}.studio-shell-project-header .studio-header-main{align-items:center}.studio-shell-mobile-context{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm-readable);flex-wrap:wrap;margin-block-start:var(--space-2);display:none}.studio-shell-stage-heading-title{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.studio-shell-stage-heading-title h2{min-width:0}.studio-shell-stage-status{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);max-width:100%;padding:var(--space-1) var(--space-2-6);color:var(--color-text-muted);font-size:var(--font-size-xs-plus);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;align-items:center;display:inline-flex}.studio-shell-stage-status[data-state=completed]{border-color:var(--color-success-border);background:var(--color-success-surface);color:var(--color-success-text)}.studio-shell-stage-status[data-state=needs-review]{border-color:var(--color-warning-border);background:var(--color-warning-surface);color:var(--color-warning-text)}.studio-shell-stage-status[data-state=in-progress]{border-color:var(--color-info-border);background:var(--color-info-surface);color:var(--color-info)}.studio-shell-stage-status[data-state=locked]{background:var(--color-surface-secondary);color:var(--color-text-muted)}.studio-shell-mobile-stages summary{min-height:var(--size-control-min-height);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;list-style-position:inside;display:flex}.studio-shell-mobile-stages-title{flex:none;min-width:0}.studio-shell-mobile-stage-summary{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:end;flex-wrap:wrap;flex:auto;display:flex}.studio-shell-mobile-stage-summary>span:first-child{overflow-wrap:anywhere;min-width:0}.studio-shell-navigation{align-items:flex-start}.studio-shell-navigation-group{gap:var(--space-2);flex:12rem;min-width:0;display:grid}.studio-shell-navigation-group>.button-primary,.studio-shell-navigation-group>.button-secondary{width:100%;min-height:var(--size-touch-target-preferred)}.studio-shell-navigation-reason{color:var(--color-text-muted);font-size:var(--font-size-xs-plus);line-height:var(--line-height-body)}.studio-shell-workspace>*{min-width:0;max-width:100%}.studio-story-empty-state{margin-block-end:var(--space-4)}.studio-story-empty-state h3{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-body)}.studio-story-empty-state p{margin:0}.ui-stage-item[data-current=true]>.ui-stage-link{border-color:var(--color-border-accent);background:var(--color-accent-soft);color:var(--color-text)}.ui-stage-item[data-state=completed] .ui-stage-status{color:var(--color-success-text)}.ui-stage-item[data-state=needs-review] .ui-stage-status{color:var(--color-warning-text)}.ui-stage-item[data-state=in-progress] .ui-stage-status{color:var(--color-info)}.ui-stage-item[data-state=locked]>.ui-stage-link{color:var(--color-text-muted);cursor:not-allowed;border-style:dashed}@media (max-width:55rem){.studio-shell-layout{grid-template-columns:minmax(0,1fr)}.studio-shell-sidebar{width:100%}.studio-shell-desktop-stages{display:none}.studio-shell-mobile-stages{display:block}.studio-shell-mobile-context{display:flex}.studio-shell-project-header .studio-header-main{align-items:flex-start;width:100%}.studio-shell-navigation{flex-direction:column}.studio-shell-navigation-group{flex-basis:auto;width:100%}}@media (max-width:38rem){.studio-shell-breadcrumbs{margin-block-end:0}.studio-shell-breadcrumbs ol{gap:var(--space-1);font-size:var(--font-size-xs)}.studio-shell-project-header{gap:var(--space-3)}.studio-shell-project-header .studio-header-main{gap:var(--space-2)}.studio-shell-project-header .studio-header-title h1{font-size:var(--font-size-lg);overflow-wrap:anywhere}.studio-shell-project-header .studio-header-actions{width:100%}.studio-shell-stage-heading{padding:var(--space-4)}.studio-shell-stage-heading-title{align-items:flex-start;gap:var(--space-2);flex-direction:column}.studio-shell-mobile-stages summary{align-items:flex-start}.studio-shell-mobile-stage-summary{text-align:start;justify-content:flex-start}}.public-home-primary-actions{margin-block-end:var(--space-12)}.public-home-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.public-home-actions .link-button{min-width:10rem;margin-top:0}@media (max-width:38rem){.public-home-actions{flex-direction:column;align-items:stretch}.public-home-actions .link-button{width:100%}}.story-stage-intro{margin-block-end:var(--space-5)}.story-stage-intro h2{margin:0 0 var(--space-2);font-size:var(--font-size-section)}.story-stage-intro>p:last-child{max-width:var(--content-copy-width);color:var(--color-text-secondary)}.story-source-section{margin-block-end:var(--space-4)}.story-source-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-source-card{align-items:start;gap:var(--space-3);width:100%;min-width:0;min-height:9rem;padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--gradient-surface-card);color:var(--color-text);text-align:start;cursor:pointer;transition:var(--transition-surface);grid-template-columns:auto minmax(0,1fr);display:grid}.story-source-card:hover{border-color:var(--color-border-hover-strong);background:var(--color-card-overlay-hover)}.story-source-card:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.story-source-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:2.75rem;height:2.75rem;color:var(--color-accent);font-size:var(--font-size-xl);place-items:center;display:grid}.story-source-copy{gap:var(--space-2);min-width:0;display:grid}.story-source-copy strong{font-size:var(--font-size-base)}.story-source-copy>span{color:var(--color-text-secondary);font-size:var(--font-size-sm-readable);line-height:var(--line-height-body)}.story-source-action{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);grid-column:2}.story-source-current{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.story-form-section{gap:var(--space-4);display:grid}.story-form-section+.story-form-section{border-block-start:var(--border-width) solid var(--color-border-subtle);padding-block-start:var(--space-5)}.story-form-section>h3{font-size:var(--font-size-lg);margin:0}.story-settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-ai-unavailable{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-info-border);border-radius:var(--radius-lg);background:var(--color-info-surface);display:flex}.story-ai-unavailable strong{color:var(--color-text)}.story-ai-unavailable p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.story-ai-unavailable .button-secondary{flex:none}.story-review-panel{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-secondary);display:grid}.story-review-panel h3{font-size:var(--font-size-lg);margin:0}.story-review-panel>strong{overflow-wrap:anywhere}.story-review-panel>p{color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.story-review-meta{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.story-primary-actions{z-index:5;padding:var(--space-3);border-block-start:var(--border-width) solid var(--color-border);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-end:0}.story-primary-actions .button-primary{min-height:var(--size-touch-target-preferred)}@media (max-width:38rem){.story-source-grid,.story-settings-grid{grid-template-columns:minmax(0,1fr)}.story-source-card{min-height:auto;padding:var(--space-4)}.story-ai-unavailable{flex-direction:column;align-items:stretch}.story-ai-unavailable .button-secondary{width:100%}.story-primary-actions{margin-inline:calc(-1 * var(--space-panel-padding-fluid));padding-inline:var(--space-panel-padding-fluid)}}