:root{--zinc-0: #ffffff;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-700: #b45309;--red-50: #fef2f2;--red-500: #ef4444;--red-700: #b91c1c;--blue-50: #eff6ff;--blue-600: #2563eb;--blue-700: #1d4ed8;--color-background-primary: var(--zinc-50);--color-background-card: var(--zinc-0);--color-background-sidebar: var(--zinc-0);--color-background-accent: var(--zinc-100);--color-background-inverse: var(--zinc-900);--color-background-scrim: rgba(0, 0, 0, .4);--color-text-default: var(--zinc-900);--color-text-muted: var(--zinc-500);--color-text-inverse: var(--zinc-50);--color-text-on-action: var(--zinc-50);--color-brand-default: var(--zinc-900);--color-brand-on: var(--zinc-50);--color-brand-mark: var(--amber-500);--color-action-primary: var(--green-500);--color-action-primary-hover: var(--green-600);--color-action-primary-fg: var(--zinc-50);--color-action-secondary: var(--zinc-100);--color-action-secondary-hover: var(--zinc-200);--color-action-focus: var(--blue-600);--color-border-subtle: var(--zinc-200);--color-border-strong: var(--zinc-400);--color-status-success: var(--green-700);--color-status-success-bg: var(--green-50);--color-status-warning: var(--amber-700);--color-status-warning-bg: var(--amber-50);--color-status-danger: var(--red-700);--color-status-danger-bg: var(--red-50);--color-status-info: var(--blue-700);--color-status-info-bg: var(--blue-50);--color-c4-system: var(--blue-700);--color-c4-container: var(--amber-700);--color-c4-component: var(--green-700);--color-c4-actor: var(--zinc-800);--color-c4-edge: var(--blue-600);--font-heading: "Kumbh Sans", system-ui, -apple-system, sans-serif;--font-body: "Kumbh Sans", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-wordmark: "League Spartan", "Kumbh Sans", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-display-size: 32px;--text-display-line: 40px;--text-h1-size: 24px;--text-h1-line: 32px;--text-h2-size: 20px;--text-h2-line: 28px;--text-h3-size: 16px;--text-h3-line: 24px;--text-body-size: 16px;--text-body-line: 24px;--text-small-size: 14px;--text-small-line: 20px;--text-nav-size: 13px;--text-caption-size: 12px;--text-caption-line: 16px;--text-overline-size: 10px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-block: 0 2px 2px rgba(0, 0, 0, .25);--shadow-diagram-item: 0 2px 1.5px rgba(0, 0, 0, .16);--sidebar-width: 239px;--preview-rail-width: 380px;color-scheme:light}[data-theme=dark]{--color-background-primary: var(--zinc-950);--color-background-card: var(--zinc-900);--color-background-sidebar: var(--zinc-900);--color-background-accent: var(--zinc-800);--color-background-inverse: var(--zinc-50);--color-text-default: var(--zinc-50);--color-text-muted: var(--zinc-400);--color-text-inverse: var(--zinc-900);--color-text-on-action: var(--zinc-900);--color-brand-default: var(--zinc-50);--color-brand-on: var(--zinc-900);--color-action-primary: var(--zinc-50);--color-action-primary-hover: var(--zinc-200);--color-action-primary-fg: var(--zinc-900);--color-action-secondary: var(--zinc-800);--color-action-secondary-hover: var(--zinc-700);--color-border-subtle: var(--zinc-800);--color-border-strong: var(--zinc-600);--color-status-success: var(--green-500);--color-status-success-bg: rgba(34, 197, 94, .12);--color-status-warning: var(--amber-500);--color-status-warning-bg: rgba(245, 158, 11, .12);--color-status-danger: var(--red-500);--color-status-danger-bg: rgba(239, 68, 68, .12);--color-status-info: var(--blue-600);--color-status-info-bg: rgba(37, 99, 235, .14);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--color-background-primary);color:var(--color-text-default);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-line);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text-default)}a{color:var(--color-status-info);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:2px}label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500}input,select{padding:var(--space-sm) var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-background-card);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:400}input::placeholder{color:var(--color-text-muted)}input:focus-visible,select:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:0;border-color:transparent}.app-shell{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-text{color:var(--color-status-danger);font-size:var(--text-small-size);line-height:var(--text-small-line);margin:0}.muted{color:var(--color-text-muted)}.card{background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.toolbar{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.icon{display:inline-block;flex-shrink:0;width:16px;height:16px;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon-lg{width:24px;height:24px}.icon-xs{width:12px;height:12px}.icon-chevron-down{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/chevron-down'%3e%3cpath%20id='Vector'%20d='M4%206L8%2010L12%206'%20stroke='%2371717A'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-chevron-up{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/chevron-up'%3e%3cpath%20id='Vector'%20d='M12%2010L8%206L4%2010'%20stroke='%2371717A'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-folder{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/folder'%3e%3cpath%20id='Vector'%20d='M20%2020C20.5304%2020%2021.0391%2019.7893%2021.4142%2019.4142C21.7893%2019.0391%2022%2018.5304%2022%2018V8C22%207.46957%2021.7893%206.96086%2021.4142%206.58579C21.0391%206.21071%2020.5304%206%2020%206H12.1C11.7655%206.00328%2011.4355%205.92261%2011.1403%205.76538C10.8451%205.60815%2010.594%205.37938%2010.41%205.1L9.6%203.9C9.41789%203.62347%209.16997%203.39648%208.8785%203.2394C8.58702%203.08231%208.26111%203.00005%207.93%203H4C3.46957%203%202.96086%203.21071%202.58579%203.58579C2.21071%203.96086%202%204.46957%202%205V18C2%2018.5304%202.21071%2019.0391%202.58579%2019.4142C2.96086%2019.7893%203.46957%2020%204%2020H20Z'%20stroke='%2371717A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-collection{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/collection'%3e%3cpath%20id='Vector%20/%20back'%20d='M5.5%2010.75H18.5C19.2177%2010.75%2019.6183%2010.9289%2019.8447%2011.1553C20.0711%2011.3817%2020.25%2011.7823%2020.25%2012.5V19.5C20.25%2020.2177%2020.0711%2020.6183%2019.8447%2020.8447C19.6183%2021.0711%2019.2177%2021.25%2018.5%2021.25H5.5C4.78228%2021.25%204.38168%2021.0711%204.15527%2020.8447C3.92887%2020.6183%203.75%2020.2177%203.75%2019.5V12.5C3.75%2011.7823%203.92887%2011.3817%204.15527%2011.1553C4.38168%2010.9289%204.78228%2010.75%205.5%2010.75Z'%20stroke='%2322C55E'%20stroke-width='1.5'/%3e%3cpath%20id='Vector%20/%20front'%20d='M5.5%204.75H18.5C19.2177%204.75%2019.6183%204.92887%2019.8447%205.15527C20.0711%205.38168%2020.25%205.78228%2020.25%206.5V13.5C20.25%2014.2177%2020.0711%2014.6183%2019.8447%2014.8447C19.6183%2015.0711%2019.2177%2015.25%2018.5%2015.25H5.5C4.78228%2015.25%204.38168%2015.0711%204.15527%2014.8447C3.92887%2014.6183%203.75%2014.2177%203.75%2013.5V6.5C3.75%205.78228%203.92887%205.38168%204.15527%205.15527C4.38168%204.92887%204.78228%204.75%205.5%204.75Z'%20stroke='%2322C55E'%20stroke-width='1.5'/%3e%3c/g%3e%3c/svg%3e")}.icon-feature{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/feature'%3e%3cpath%20id='Vector'%20d='M2%2011.3333L3.33333%2012.6667L6%2010M2%204.66667L3.33333%206L6%203.33333M8.66667%204H14M8.66667%208H14M8.66667%2012H14'%20stroke='%2322C55E'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-plus{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon/plus'%3e%3cpath%20id='Vector'%20d='M8%203.33333V12.6667M3.33333%208H12.6667'%20stroke='%2371717A'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-close{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon/close'%3e%3cpath%20id='Vector'%20d='M12%204L4%2012M4%204L12%2012'%20stroke='%23B91C1C'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-user{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/user'%3e%3cpath%20id='Vector'%20d='M11.0833%2012.25V11.0833C11.0833%2010.4645%2010.8375%209.871%2010.3999%209.43342C9.96233%208.99583%209.36884%208.75%208.75%208.75H5.25C4.63116%208.75%204.03767%208.99583%203.60008%209.43342C3.1625%209.871%202.91667%2010.4645%202.91667%2011.0833V12.25'%20stroke='%23FAFAFA'%20stroke-width='1.16667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_2'%20d='M7%206.41667C8.28866%206.41667%209.33333%205.372%209.33333%204.08333C9.33333%202.79467%208.28866%201.75%207%201.75C5.71134%201.75%204.66667%202.79467%204.66667%204.08333C4.66667%205.372%205.71134%206.41667%207%206.41667Z'%20stroke='%23FAFAFA'%20stroke-width='1.16667'/%3e%3c/g%3e%3c/svg%3e")}.icon-github{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon'%20clip-path='url(%23clip0_0_165)'%3e%3cpath%20id='Vector'%20d='M9%200.375C4.2975%200.375%200.375%204.2375%200.375%209C0.375%2012.81%202.8425%2016.0425%206.27%2017.1825C6.705%2017.265%206.8625%2016.995%206.8625%2016.7625C6.8625%2016.5525%206.855%2015.9975%206.8475%2015.2625C4.4475%2015.78%203.9375%2014.1075%203.9375%2014.1075C3.54%2013.095%202.97%2012.825%202.97%2012.825C2.1825%2012.285%203.03%2012.2925%203.03%2012.2925C3.9%2012.3525%204.3575%2013.185%204.3575%2013.185C5.13%2014.5125%206.39%2014.13%206.885%2013.905C6.9675%2013.3425%207.185%2012.96%207.4325%2012.7425C5.5125%2012.525%203.4875%2011.7825%203.4875%208.4675C3.4875%207.5225%203.825%206.75%204.38%206.1425C4.29%205.925%203.99%205.0475%204.4625%203.8625C4.4625%203.8625%205.19%203.63%206.8475%204.755C7.5375%204.56%208.28%204.4625%209.015%204.4625C9.75%204.4625%2010.4925%204.56%2011.1825%204.755C12.84%203.63%2013.5675%203.8625%2013.5675%203.8625C14.04%205.0475%2013.74%205.925%2013.65%206.1425C14.205%206.75%2014.5425%207.5225%2014.5425%208.4675C14.5425%2011.79%2012.51%2012.525%2010.575%2012.735C10.89%2013.005%2011.175%2013.545%2011.175%2014.37C11.175%2015.5475%2011.1675%2016.5%2011.1675%2016.785C11.1675%2017.0175%2011.325%2017.295%2011.7675%2017.205C13.5879%2016.8081%2015.1957%2015.7484%2016.2783%2014.2319C17.3609%2012.7155%2017.8409%2010.8507%2017.625%209C17.625%204.2375%2013.7025%200.375%209%200.375Z'%20fill='%2318181B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_165'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon-c4-context{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/context'%3e%3cpath%20id='Vector'%20d='M9%202H3C2.44772%202%202%202.44772%202%203V9C2%209.55228%202.44772%2010%203%2010H9C9.55228%2010%2010%209.55228%2010%209V3C10%202.44772%209.55228%202%209%202Z'%20stroke='%231D4ED8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-c4-container{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/container'%3e%3cpath%20id='Vector'%20d='M6%204.5C8.20914%204.5%2010%203.82843%2010%203C10%202.17157%208.20914%201.5%206%201.5C3.79086%201.5%202%202.17157%202%203C2%203.82843%203.79086%204.5%206%204.5Z'%20stroke='%232563EB'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_2'%20d='M2%203V9C2%209.83%203.79%2010.5%206%2010.5C8.21%2010.5%2010%209.83%2010%209V3'%20stroke='%232563EB'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_3'%20d='M2%206C2%206.83%203.79%207.5%206%207.5C8.21%207.5%2010%206.83%2010%206'%20stroke='%232563EB'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.icon-c4-component{--icon: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/component'%20clip-path='url(%23clip0_0_230)'%3e%3cpath%20id='Vector'%20d='M2.75%204.25L4.5%206L2.75%207.75L1%206L2.75%204.25Z'%20stroke='%2315803D'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_2'%20d='M6%201L7.75%202.75L6%204.5L4.25%202.75L6%201Z'%20stroke='%2315803D'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_3'%20d='M9.25%204.25L11%206L9.25%207.75L7.5%206L9.25%204.25Z'%20stroke='%2315803D'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20id='Vector_4'%20d='M6%207.5L7.75%209.25L6%2011L4.25%209.25L6%207.5Z'%20stroke='%2315803D'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_230'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.icon-tone-collection,.icon-tone-feature{color:var(--color-action-primary)}[data-theme=dark] .icon-tone-collection,[data-theme=dark] .icon-tone-feature{color:var(--green-500)}button.primary,button.secondary,button.ghost,button.danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;white-space:nowrap;transition:background-color .12s ease}button.primary{background:var(--color-action-primary);color:var(--color-action-primary-fg);border:1px solid transparent}button.primary:hover:not(:disabled){background:var(--color-action-primary-hover)}button.secondary{background:var(--color-action-secondary);color:var(--color-text-default);border:1px solid var(--color-border-subtle)}button.secondary:hover:not(:disabled){background:var(--color-action-secondary-hover)}button.ghost{background:transparent;color:var(--color-text-default);border:1px solid transparent}button.ghost:hover:not(:disabled){background:var(--color-background-accent)}button.danger{background:var(--color-status-danger-bg);color:var(--color-status-danger);border:1px solid transparent}button.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body-size);line-height:var(--text-body-line)}button.btn-block{width:100%}button.linkish{background:transparent;border:none;padding:0;color:var(--color-status-info);font-size:var(--text-small-size);font-weight:500}button.linkish:hover{text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:0;border:none;border-radius:var(--radius-sm);background:var(--color-status-danger-bg);color:var(--color-status-danger)}.icon-button:hover{filter:brightness(.96)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-default);text-decoration:none}.brand-lockup:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:24px;height:24px}.brand-mark img{display:block;height:24px;width:auto}.brand-wordmark{font-family:var(--font-wordmark);font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.2px;padding-top:3px}.app-frame,.studio-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--color-background-primary)}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-sm);height:100vh;padding:var(--space-lg) var(--space-md) 0;overflow-y:auto;background:var(--color-background-sidebar);border-right:1px solid var(--color-border-subtle)}.app-sidebar-home{padding-top:12px}.sidebar-divider{height:1px;margin:var(--space-sm) 0;background:var(--color-border-subtle);border:none;flex-shrink:0}.sidebar-spacer{flex:1;min-height:var(--space-md)}.sidebar-footer{position:sticky;bottom:0;padding:var(--space-md) 0 var(--space-sm);border-top:1px solid var(--color-border-subtle);background:var(--color-background-sidebar)}.sidebar-section-label{margin:var(--space-sm) 0 0;padding:0 var(--space-md);font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.sidebar-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-default);font-family:var(--font-ui);font-size:var(--text-nav-size);line-height:var(--text-small-line);font-weight:400;text-align:left;text-decoration:none}.sidebar-nav-item:hover,.sidebar-nav-item.is-active{background:var(--color-background-accent);text-decoration:none}.sidebar-nav-item.is-strong{font-weight:500}.sidebar-nav-item.depth-1{padding-left:var(--space-lg)}.sidebar-nav-item.depth-2{padding-left:40px}.sidebar-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-item .icon{color:var(--color-text-muted)}.sidebar-nav-item .icon-tone-collection,.sidebar-nav-item .icon-tone-feature{color:var(--color-action-primary)}.collection-header{position:relative}.collection-header-trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) 0;border:none;background:transparent;color:var(--color-text-default);font-family:var(--font-heading);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600;text-align:left}.collection-header-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-header-trigger .icon{color:var(--color-text-muted)}.popover-menu{position:absolute;z-index:30;list-style:none;margin:0;padding:var(--space-sm);min-width:207px;display:flex;flex-direction:column;gap:2px;background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.collection-header .popover-menu{top:calc(100% + var(--space-xs));left:0;right:0}.popover-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:36px;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-default);font-family:var(--font-body);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;text-align:left;text-decoration:none}.popover-menu-item:hover,.popover-menu-item:focus-visible{background:var(--color-background-accent);text-decoration:none}.popover-menu-item.is-danger{color:var(--color-status-danger)}.popover-menu-divider{height:1px;margin:var(--space-xs) 0;background:var(--color-border-subtle)}.studio-index-switch{display:flex;gap:var(--space-xs);padding:var(--space-xs);margin:var(--space-sm) 0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-background-card)}.studio-index-option{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-nav-size);line-height:var(--text-small-line);font-weight:500}.studio-index-option:hover{color:var(--color-text-default)}.studio-index-option.is-active{background:var(--color-background-accent);color:var(--color-text-default)}.app-stage,.studio-stage{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0;padding:var(--space-lg);background:var(--color-background-primary)}.stage-header{display:flex;align-items:flex-start;gap:var(--space-md)}.stage-title-block{display:flex;flex:1;flex-direction:column;gap:var(--space-sm);min-width:0}.stage-title,.studio-stage-title{margin:0;font-family:var(--font-heading);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:400;letter-spacing:-.32px;color:var(--color-text-default);overflow-wrap:anywhere}.stage-subtitle{margin:0;font-family:var(--font-ui);font-size:var(--text-nav-size);line-height:var(--text-small-line);color:var(--color-text-muted)}.stage-header.is-compact .studio-stage-title{font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600;letter-spacing:0}.stage-header.is-compact .stage-title-block{flex-direction:row;align-items:baseline;gap:var(--space-sm)}.stage-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.stage-actions-slot{display:contents}.section-label{margin:0 0 var(--space-md);font-family:var(--font-body);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2px}.stage-section{display:flex;flex-direction:column}.stage-empty{margin:0;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.card-row,.folder-row,.feature-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-md)}.folder-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);width:200px;padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-background-card);color:var(--color-text-default);text-align:left;transition:box-shadow .12s ease,border-color .12s ease}.folder-card .icon{color:var(--color-text-muted)}.folder-card-name,.tile-name{font-family:var(--font-heading);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600;overflow-wrap:anywhere}.folder-card-meta,.tile-meta{font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.tile,.feature-tile{display:flex;flex-direction:column;width:320px;padding:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-background-card);color:var(--color-text-default);text-align:left;transition:box-shadow .12s ease,border-color .12s ease}.folder-card:hover,.tile:hover,.feature-tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.tile-preview{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;min-height:88px;padding:var(--space-md);background:var(--color-background-accent);font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.tile-footer{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.tile-title-row{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.feature-tile-name{font-family:var(--font-heading);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:600;overflow-wrap:anywhere}.door-row{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.door-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);width:360px;padding:var(--space-lg);background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.door-card h2{margin:0;font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:600}.door-card p{margin:0;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.studio-validate:disabled{opacity:.6}.studio-validation-issues{margin:0;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-status-danger-bg)}.studio-validation-issue{margin:0;color:var(--color-status-danger);font-size:var(--text-small-size);line-height:var(--text-small-line)}.studio-validation-issue+.studio-validation-issue{margin-top:var(--space-xs)}.studio-load-error{padding:var(--space-lg)}.feature-save-error{margin:0}.studio-sidebar-nav{display:flex;flex-direction:column;gap:2px;min-height:0}.feature-tree-panel{display:flex;flex-direction:column;gap:2px}.feature-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-md)}.feature-tree:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:2px}.tree-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-nav-size);line-height:var(--text-small-line);color:var(--color-text-default);cursor:pointer}.feature-tree-panel .tree-item.depth-1{padding-left:var(--space-lg)}.feature-tree-panel .tree-item.depth-2{padding-left:40px}.tree-item:hover,.tree-item-selected{background:var(--color-background-accent)}.feature-tree:focus-visible .tree-item-focused{box-shadow:inset 0 0 0 2px var(--color-action-focus)}.tree-item-marker{display:inline-flex;color:var(--color-text-muted)}.tree-item-folder{font-weight:500}.tree-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-empty{padding:var(--space-sm) var(--space-md) var(--space-sm) 40px;color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.features-index,.architecture-index,.features-stage,.architecture-stage{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.features-toolbar{display:flex;align-items:center;gap:var(--space-sm)}.features-add,.architecture-add{position:relative}.features-add-menu,.architecture-add-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:30;list-style:none;margin:0;padding:var(--space-sm);min-width:207px;display:flex;flex-direction:column;gap:2px;background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.features-add-option,.architecture-add-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:36px;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-default);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;text-align:left}.features-add-option:hover,.features-add-option:focus-visible,.architecture-add-option:hover,.architecture-add-option:focus-visible{background:var(--color-background-accent)}.folder-stage{display:flex;flex-direction:column;gap:var(--space-lg)}.folder-stage-empty{margin:0;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.folder-group,.feature-group{display:flex;flex-direction:column}.feature-tag-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.feature-tag-strip-label{font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:500;color:var(--color-text-muted)}.feature-tag-chip-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);list-style:none;margin:0;padding:0}.feature-tag-chip,.feature-tag-add{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-full);background:var(--color-background-accent);color:var(--color-text-default);font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:500}.feature-tag-chip:hover,.feature-tag-add:hover{border-color:var(--color-border-subtle)}.feature-tag-chip.is-active{background:var(--color-background-inverse);color:var(--color-text-inverse)}.feature-tag-add{color:var(--color-text-muted);font-weight:600}.feature-tag-add-input{width:8rem;padding:7px var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.feature-editor{display:grid;grid-template-columns:minmax(0,1fr) var(--preview-rail-width);align-items:start;gap:var(--space-lg);min-width:0}.feature-editor-main{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.feature-editor-title{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.feature-title-label{display:block}.feature-title-input{width:100%;margin:0 0 0 calc(-1 * var(--space-sm));padding:0 var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font-family:var(--font-heading);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:400;letter-spacing:-.32px;color:var(--color-text-default)}.feature-title-input:not([readonly]):hover{border-color:var(--color-border-subtle)}.feature-title-input[readonly]{cursor:default}.feature-title-subtitle{margin:0;font-family:var(--font-ui);font-size:var(--text-nav-size);line-height:var(--text-small-line);color:var(--color-text-muted)}.feature-saving{margin:0;font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.feature-block{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) 14px;background:var(--color-background-card);border-left:5px solid var(--color-c4-actor);border-radius:var(--radius-md);box-shadow:var(--shadow-block)}.feature-scenario-block{border-left-color:var(--color-c4-edge)}.feature-rule-block{border-left-color:var(--color-c4-container)}.feature-rule-block .feature-scenario-block{box-shadow:none;border:1px solid var(--color-border-subtle);border-left:5px solid var(--color-c4-edge)}.feature-block-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.feature-block-heading{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.feature-block-title{margin:0;font-family:var(--font-ui);font-size:var(--text-overline-size);line-height:14px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted)}.feature-field-label{display:block;font-weight:400}.feature-name-input{width:100%;margin-left:calc(-1 * var(--space-xs));padding:2px var(--space-xs);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-ui);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:600}.feature-name-input:not([readonly]):hover{border-color:var(--color-border-subtle)}.feature-step-block,.feature-step-groups,.feature-step-group{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-step-row{display:grid;grid-template-columns:96px minmax(0,1fr) 32px;align-items:center;gap:var(--space-sm)}.feature-step-keyword,.feature-step-keyword-picker{display:inline-flex;align-items:center;width:96px;height:32px;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-nav-size);line-height:var(--text-small-line);font-weight:600}.feature-step-keyword{background:var(--color-background-accent);color:var(--color-text-default)}.feature-step-keyword.is-given{background:var(--color-status-info-bg);color:var(--color-status-info)}.feature-step-keyword.is-when{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.feature-step-keyword.is-then{background:var(--color-status-success-bg);color:var(--color-status-success)}.feature-step-keyword-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border-subtle);background:var(--color-background-accent) url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/chevron-down'%3e%3cpath%20id='Vector'%20d='M4%206L8%2010L12%206'%20stroke='%2371717A'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") no-repeat right 6px center / 14px 14px;color:var(--color-text-default);padding-right:24px}.feature-step-phrase{width:100%;padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-background-card);font-family:var(--font-body);font-size:var(--text-small-size);line-height:var(--text-small-line)}.feature-step-phrase[readonly]{background:var(--color-background-primary)}.feature-add-step,button.secondary.feature-add-step,.feature-add-block,button.secondary.feature-add-block{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);width:100%;padding:10px 12px;border:1px dashed var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500}.feature-add-step:hover,button.secondary.feature-add-step:hover:not(:disabled),.feature-add-block:hover,button.secondary.feature-add-block:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-background-accent);color:var(--color-text-default)}.feature-add-block{background:transparent}.feature-preview-rail{position:sticky;top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);max-height:calc(100vh - 2 * var(--space-lg));padding:var(--space-md);overflow:auto;background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.feature-preview-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-caption-size);line-height:18px;color:var(--color-text-default)}.feature-copy-gherkin{align-self:flex-start;padding:0;border:none;background:transparent;font-family:var(--font-ui);font-size:11px;line-height:16px;font-weight:500;color:var(--color-text-muted)}.feature-copy-gherkin:hover{color:var(--color-text-default);text-decoration:underline}.architecture-tree-panel .feature-tree{gap:var(--space-sm)}.c4-layer-heading{display:flex;align-items:center;gap:6px;margin-top:var(--space-sm);padding:0 var(--space-xs);font-family:var(--font-ui);font-size:var(--text-overline-size);line-height:14px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted)}.c4-layer-heading:first-child{margin-top:0}.c4-pip{width:6px;height:6px;border-radius:var(--radius-full);background:var(--c4-color, var(--color-c4-system))}.architecture-tree-panel .tree-item{gap:6px;padding:var(--space-sm) 10px;background:var(--color-background-card);border-left:4px solid var(--c4-color, var(--color-c4-system));box-shadow:var(--shadow-diagram-item);font-size:var(--text-caption-size);line-height:var(--text-caption-line)}.architecture-tree-panel .tree-item:hover,.architecture-tree-panel .tree-item-selected{background:var(--color-background-accent)}.architecture-tree-panel .tree-item .icon{color:var(--c4-color, var(--color-c4-system))}.c4-level-context{--c4-color: var(--color-c4-system)}.c4-level-containers{--c4-color: var(--color-c4-container)}.c4-level-component{--c4-color: var(--color-c4-component)}.diagram-tree-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.architecture-sidebar{display:flex;flex-direction:column;gap:var(--space-sm)}.architecture-sidebar-actions{display:flex;align-items:center;gap:var(--space-sm)}.architecture-canvas-host{overflow:auto;min-height:480px;padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background-color:var(--color-background-primary);background-image:radial-gradient(var(--zinc-300) 1px,transparent 1px);background-size:16px 16px}.architecture-canvas{display:block;max-width:100%;background:transparent}.architecture-empty,.architecture-placeholder{color:var(--color-text-muted)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-default);text-align:left}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:var(--color-background-accent)}.user-avatar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-background-inverse);color:var(--color-text-inverse)}.user-avatar .icon{width:14px;height:14px}.user-menu-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small-size);line-height:var(--text-small-line)}.user-menu-trigger>.icon{color:var(--color-text-muted)}.user-menu-panel{position:absolute;bottom:calc(100% + var(--space-xs));left:0;width:100%;min-width:207px;z-index:30;list-style:none;margin:0;padding:var(--space-sm);display:flex;flex-direction:column;gap:2px;background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.user-menu-panel button{display:flex;align-items:center;width:100%;min-height:36px;padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-default);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;text-align:left}.user-menu-panel button:hover,.user-menu-panel button:focus-visible{background:var(--color-background-accent)}.user-menu-panel .user-menu-signout{color:var(--color-status-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-md);background:var(--color-background-scrim)}.modal-dialog{display:flex;flex-direction:column;gap:var(--space-md);width:min(100%,420px);max-height:calc(100vh - 2 * var(--space-md));overflow:auto;padding:var(--space-lg);background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-dialog h2{margin:0;font-family:var(--font-ui);font-size:18px;line-height:28px;font-weight:600}.modal-dialog h3{margin:var(--space-sm) 0 0}.modal-dialog label{gap:var(--space-sm)}.modal-dialog input{width:100%}.dialog-helper{margin:0;font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.dialog-body{margin:0;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.dialog-actions{display:flex;justify-content:flex-start;gap:var(--space-sm)}.trash-dialog{width:min(100%,560px)}.trash-item-list{list-style:none;margin:0;padding:0}.trash-item-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-md);padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.trash-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.trash-item-name{font-weight:600;font-size:var(--text-small-size);line-height:var(--text-small-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item-type{font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted);text-transform:lowercase}.trash-restore-button{flex-shrink:0}.team-dialog{width:min(100%,640px)}.team-dialog h3{font-family:var(--font-body);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500;text-transform:uppercase;letter-spacing:.2px;color:var(--color-text-muted)}.team-member-list{list-style:none;margin:0;padding:0}.team-member-row{display:grid;grid-template-columns:1.2fr 1.4fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-small-size);line-height:var(--text-small-line)}.team-member-identity{display:flex;align-items:baseline;gap:6px;font-weight:600}.team-you-label,.team-member-email{color:var(--color-text-muted);font-weight:400}.team-member-role,.team-member-action-placeholder{font-size:var(--text-small-size)}.team-permission-label{font-size:var(--text-caption-size)}.team-remove-button{justify-self:end}.team-invite-form{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:12px}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) 520px;min-height:100vh;background:var(--color-background-primary)}.auth-stage{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-xl);padding:var(--space-3xl) var(--space-2xl) var(--space-3xl) var(--space-3xl);min-width:0}.auth-intro{display:flex;flex-direction:column;gap:var(--space-lg);max-width:560px}.auth-headline{margin:0;font-family:var(--font-heading);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:400;letter-spacing:-.32px}.auth-lede{margin:0;color:var(--color-text-muted);font-size:var(--text-body-size);line-height:var(--text-body-line)}.auth-preview{overflow:hidden;max-width:640px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-background-card);box-shadow:var(--shadow-lg)}.auth-preview-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--space-md);background:var(--color-background-inverse)}.auth-preview-switch{display:flex;gap:var(--space-xs);padding:3px;border-radius:var(--radius-full);background:var(--zinc-800)}.auth-preview-switch span{padding:2px 12px;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:11px;line-height:16px;font-weight:500;color:var(--zinc-400)}.auth-preview-switch span.is-active{background:var(--zinc-50);color:var(--zinc-900)}.auth-preview-stage{display:flex;flex-direction:column;gap:var(--space-md);height:280px;padding:var(--space-lg);background:var(--color-background-primary)}.auth-preview-caption{font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.auth-preview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.auth-preview-tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-background-card)}.auth-preview-tile-body{height:96px;background:var(--color-background-accent)}.auth-preview-tile-footer{display:flex;flex-direction:column;gap:6px;padding:12px}.auth-preview-bar{height:8px;border-radius:var(--radius-full);background:var(--zinc-200)}.auth-preview-bar.is-short{width:55%;background:var(--zinc-100)}.auth-footer-caption{margin:0;font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-3xl);background:var(--color-background-card);border-left:1px solid var(--color-border-subtle)}.auth-panel-inner{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;max-width:392px}.auth-panel-brand{display:none}.auth-header{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-header h1{margin:0;font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:600;letter-spacing:-.12px}.auth-header p{margin:0;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.auth-oauth{display:flex;flex-direction:column;gap:12px}.auth-oauth-button{gap:var(--space-sm)!important}.auth-oauth-button img,.auth-oauth-button .icon{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:12px;font-family:var(--font-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form label{gap:var(--space-sm)}.auth-form input{width:100%}.auth-form-row{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--space-sm))}.auth-form-row a,.auth-switch a{color:var(--color-status-info);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:500}.auth-switch{margin:0;text-align:center;color:var(--color-text-muted);font-size:var(--text-small-size);line-height:var(--text-small-line)}.auth-message{margin:0;font-size:var(--text-small-size);line-height:var(--text-small-line);color:var(--color-text-muted)}.auth-alert{margin:0;padding:var(--space-sm) 12px;border-radius:var(--radius-md);background:var(--color-status-danger-bg);color:var(--color-status-danger);font-size:var(--text-small-size);line-height:var(--text-small-line)}@media(max-width:1024px){.auth-shell{grid-template-columns:1fr}.auth-stage{display:none}.auth-panel{border-left:none;padding:var(--space-2xl) var(--space-lg)}.auth-panel-brand{display:block}}@media(max-width:1100px){.feature-editor{grid-template-columns:minmax(0,1fr)}.feature-preview-rail{position:static;max-height:none}}@media(max-width:720px){.app-frame,.studio-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border-subtle)}.stage-header{flex-direction:column}.tile,.feature-tile,.door-card{width:100%}}