@layer app-ui.tokens{.app-ui{--palette-white:#fff;--palette-gray-25:#fcfcfc;--palette-gray-50:#f8f8f9;--palette-gray-75:#f6f6f7;--palette-gray-100:#f3f3f4;--palette-gray-150:#f1f1f3;--palette-gray-200:#ebebed;--palette-gray-250:#e6e6e9;--palette-gray-300:#d4d4d8;--palette-gray-400:#a1a1aa;--palette-gray-500:#8a8a93;--palette-gray-600:#62626b;--palette-gray-950:#18181b;--palette-green-600:#1d7f53;--palette-amber-600:#a8670a;--palette-red-600:#c93a3a;--palette-blue-600:#1f6feb;--palette-green-700:#116329;--palette-blue-700:#0550ae;--palette-blue-900:#0a3069;--palette-amber-100:#fff1b8;--palette-amber-900:#5c4400;--color-bg:var(--palette-gray-25);--color-bg-sidebar:var(--palette-gray-75);--color-canvas:var(--palette-gray-150);--color-surface:var(--palette-white);--color-surface-hover:var(--palette-gray-100);--color-surface-active:var(--palette-gray-200);--color-surface-sunken:var(--palette-gray-50);--color-border:var(--palette-gray-250);--color-border-strong:var(--palette-gray-300);--color-border-focus:var(--palette-gray-400);--color-text:var(--palette-gray-950);--color-text-muted:var(--palette-gray-600);--color-text-disabled:var(--palette-gray-400);--color-icon:var(--palette-gray-500);--color-accent:var(--palette-gray-950);--color-accent-hover:color-mix(in oklab, var(--palette-gray-950), var(--palette-white) 16%);--color-on-accent:var(--palette-white);--color-overlay:color-mix(in oklab, var(--palette-gray-950) 30%, transparent);--color-success:var(--palette-green-600);--color-success-soft:color-mix(in oklab, var(--palette-green-600) 11%, var(--palette-white));--color-warning:var(--palette-amber-600);--color-warning-soft:color-mix(in oklab, var(--palette-amber-600) 12%, var(--palette-white));--color-info:var(--palette-blue-600);--color-info-soft:color-mix(in oklab, var(--palette-blue-600) 7%, var(--palette-white));--color-danger:var(--palette-red-600);--color-danger-soft:color-mix(in oklab, var(--palette-red-600) 10%, var(--palette-white));--color-code-bg:var(--palette-gray-25);--color-code-tag:var(--palette-green-700);--color-code-attribute:var(--palette-blue-700);--color-code-value:var(--palette-blue-900);--color-code-comment:var(--palette-gray-500);--color-code-marker:var(--palette-amber-900);--color-code-marker-bg:var(--palette-amber-100);--color-code-selection:var(--palette-gray-300);--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.8125rem;--text-lg:.9375rem;--text-xl:1.25rem;--text-2xl:1.625rem;--text-field:var(--text-md);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.25;--leading-normal:1.5;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 2px #0000000a, 0 4px 12px #0000000f;--shadow-lg:0 2px 4px #0000000a, 0 12px 32px #0000001f;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-border-focus);--control-sm:1.625rem;--control-md:1.875rem;--control-lg:2.25rem;--control-multiline:4.5rem;--row-sm:1.75rem;--row-md:2.5rem;--row-lg:3rem;--icon-sm:.875rem;--icon-md:1rem;--avatar-sm:1.375rem;--avatar-lg:1.75rem}@media (width<48rem){.app-ui{--text-field:1rem;--control-sm:2rem;--control-md:2.5rem;--control-lg:2.75rem;--row-sm:2.25rem}}}@layer app-ui.base{.app-ui{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal)}.app-ui h1,.app-ui h2,.app-ui h3{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.app-ui h1{font-size:var(--text-xl)}.app-ui h2{font-size:var(--text-lg)}.app-ui h3{font-size:var(--text-md)}.app-ui a{color:inherit;text-underline-offset:2px}.app-ui code,.app-ui kbd,.app-ui pre{font-family:var(--font-mono)}.app-ui hr{border:0;border-top:1px solid var(--color-border)}.app-ui fieldset{border:0;min-width:0;padding:0}.app-ui legend{padding:0}.app-ui input[type=checkbox]{width:var(--icon-sm);height:var(--icon-sm);accent-color:var(--color-accent);cursor:pointer;flex:none;margin:0}.app-ui ::placeholder{color:var(--color-icon)}.app-ui ::selection{background:var(--color-surface-active)}.app-ui :focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}}@layer app-ui.layout{.app-ui .stack{gap:var(--space-4);flex-direction:column;display:flex}.app-ui .stack--sm{gap:var(--space-2)}.app-ui .stack--lg{gap:var(--space-6)}.app-ui .cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui .split{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-ui .grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--grid-min,15rem), 100%), 1fr));gap:var(--space-4);display:grid}}@layer app-ui.components{.app-ui .avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);background:var(--color-surface-active);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none;justify-content:center;align-items:center;display:inline-flex}.app-ui .avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--text-sm)}.app-ui .avatar--square{border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent)}.app-ui .badge{align-items:center;gap:var(--space-1);height:var(--space-5);padding:0 var(--space-1-5);border-radius:var(--radius-sm);background:var(--color-surface-active);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.app-ui .badge--success{background:var(--color-success-soft);color:var(--color-success)}.app-ui .badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.app-ui .badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.app-ui .badge__dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:currentColor}.app-ui .button{--button-height:var(--control-md);--button-bg:var(--color-surface);--button-bg-hover:var(--color-surface-hover);--button-border:var(--color-border-strong);--button-text:var(--color-text);--button-icon:var(--color-icon);--button-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:var(--space-1-5);height:var(--button-height);padding:0 var(--space-3);border:1px solid var(--button-border);border-radius:var(--radius-md);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-text);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex}.app-ui .button:hover{background:var(--button-bg-hover)}.app-ui .button:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-ui .button[aria-pressed=true]{--button-bg:var(--color-surface-active);--button-bg-hover:var(--color-surface-active);--button-text:var(--color-text)}.app-ui .button:disabled{opacity:.5;cursor:not-allowed}.app-ui .button--primary{--button-bg:var(--color-accent);--button-bg-hover:var(--color-accent-hover);--button-border:var(--color-accent);--button-text:var(--color-on-accent);--button-icon:currentColor}.app-ui .button--ghost{--button-bg:transparent;--button-border:transparent;--button-text:var(--color-text-muted);--button-shadow:none}.app-ui .button--ghost:hover{--button-text:var(--color-text)}.app-ui .button--static{pointer-events:none}.app-ui .button--sm{--button-height:var(--control-sm);padding:0 var(--space-2);font-size:var(--text-sm)}.app-ui .button--lg{--button-height:var(--control-lg);padding:0 var(--space-4)}.app-ui .button--icon{width:var(--button-height);padding:0}.app-ui .button__icon{width:var(--icon-md);height:var(--icon-md);color:var(--button-icon);flex:none}.app-ui .callout{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);display:flex}.app-ui .callout__icon{width:var(--icon-sm);height:var(--icon-sm);margin-top:var(--space-0-5);flex:none}.app-ui .callout__text{overflow-wrap:anywhere;min-width:0}.app-ui .card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;position:relative}.app-ui .card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.app-ui .card__thumbnail{border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.app-ui .card__corner{top:var(--space-2);right:var(--space-2);padding:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;position:absolute}.app-ui .card__body{gap:var(--space-1-5);padding:var(--space-3);flex-direction:column;display:flex}.app-ui .card__header{align-items:center;gap:var(--space-2);min-height:var(--control-sm);display:flex}.app-ui .card__title{min-width:0;color:var(--color-text);font-weight:var(--weight-medium);overflow-wrap:anywhere;flex:1;text-decoration:none}.app-ui .card__title:after{border-radius:inherit;content:"";position:absolute;inset:0}.app-ui .card__title:focus-visible{outline:none}.app-ui .card__title:focus-visible:after{border-radius:var(--radius-lg);box-shadow:var(--focus-ring)}.app-ui .card__actions{z-index:1;display:flex;position:relative}.app-ui .card__meta{align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.app-ui .chip{align-items:center;gap:var(--space-1);max-width:100%;height:var(--control-md);padding:0 var(--space-0-5) 0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.app-ui .chip__label{color:var(--color-text-muted);font-weight:var(--weight-regular)}.app-ui .chip__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-ui .dialog-overlay{z-index:20;background:var(--color-overlay);position:fixed;inset:0}.app-ui .dialog{z-index:21;gap:var(--space-4);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 4rem);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.app-ui .dialog__title{font-size:var(--text-lg)}.app-ui .dialog__description{color:var(--color-text-muted)}.app-ui .dialog__footer{justify-content:flex-end;gap:var(--space-2);display:flex}.app-ui .drag-handle{z-index:1;padding:var(--space-1) 0;cursor:grab;touch-action:none;background:0 0;border:0;display:flex;position:relative}.app-ui .drag-handle__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-icon);flex:none}.app-ui .field{gap:var(--space-1-5);flex-direction:column;display:flex}.app-ui .field--inline{--field-message-column:1 / -1;align-items:center;column-gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.app-ui .field__header{align-items:baseline;gap:var(--space-2);display:flex}.app-ui .field__label{font-weight:var(--weight-medium);flex:1}.app-ui .field__note,.app-ui .field__counter,.app-ui .field__help{color:var(--color-text-muted);font-size:var(--text-sm)}.app-ui .field__counter{font-variant-numeric:tabular-nums}.app-ui .field__help,.app-ui .field__error{grid-column:var(--field-message-column,auto)}.app-ui .field__error{color:var(--color-danger);font-size:var(--text-sm)}.app-ui .input{align-items:center;gap:var(--space-2);width:100%;height:var(--control-md);padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.app-ui .input:focus-within{border-color:var(--color-border-focus)}.app-ui .input[data-invalid]{border-color:var(--color-danger)}.app-ui .input__control{min-width:0;height:100%;font-size:var(--text-field);background:0 0;border:0;outline:none;flex:1;padding:0}.app-ui .input__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-icon);flex:none}.app-ui .input__suffix{color:var(--color-text-muted);font-size:var(--text-sm)}.app-ui .issue-dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-warning);flex:none}.app-ui .issue-dot--danger{background:var(--color-danger)}.app-ui .issue-dot--neutral{background:var(--issue-dot-neutral,var(--color-text))}.app-ui .menu{min-width:14rem;padding:var(--space-1)}.app-ui .menu__item{align-items:center;gap:var(--space-2);height:var(--row-sm);padding:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;outline:none;display:flex}.app-ui .menu__item[data-highlighted]{background:var(--color-surface-hover)}.app-ui .menu__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-icon);flex:none}.app-ui .menu__checkbox{width:var(--icon-sm);height:var(--icon-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-accent);flex:none;justify-content:center;align-items:center;display:flex}.app-ui .menu__checkbox[data-state=on]{border-color:var(--color-accent);background:var(--color-accent)}.app-ui .menu__tick{width:var(--space-2);height:var(--space-2);stroke-width:3px}.app-ui .menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-ui .menu__heading{padding:var(--space-1-5) var(--space-2) var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.app-ui .menu__separator{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.app-ui .popover{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.app-ui .segmented{gap:var(--space-0-5);padding:var(--space-0-5);border-radius:var(--radius-md);background:var(--color-surface-active);display:inline-flex}.app-ui .segmented--block{display:flex}.app-ui .segmented__item{height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;display:inline-flex}.app-ui .segmented__item:hover{color:var(--color-text)}.app-ui .segmented__item[data-state=on]{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.app-ui .segmented__item[data-tone=info][data-state=on]{--segmented-count-bg:var(--color-on-accent);--segmented-count-text:var(--color-info);background:var(--color-info);color:var(--color-on-accent)}.app-ui .segmented__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-ui .segmented__count{min-width:var(--space-4);height:var(--space-4);margin-left:var(--space-1-5);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--segmented-count-bg,var(--color-surface-active));color:var(--segmented-count-text,var(--color-text-muted));font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.app-ui .segmented__icon{width:var(--icon-sm);height:var(--icon-sm)}.app-ui .status-icon{--status-icon-color:var(--color-icon);--status-icon-line:solid;--status-icon-fill:var(--status-icon-color);width:var(--space-3);height:var(--space-3);border:1.5px var(--status-icon-line) var(--status-icon-color);border-radius:var(--radius-full);background:var(--status-icon-fill);flex:none}.app-ui .status-icon--draft{--status-icon-line:dashed;--status-icon-fill:transparent}.app-ui .status-icon--in-review{--status-icon-color:var(--color-info);--status-icon-fill:conic-gradient(var(--status-icon-color) 0 50%, transparent 0)}.app-ui .status-icon--approved{--status-icon-color:var(--color-success)}.app-ui .status-icon--completed{--status-icon-color:var(--color-text-muted)}.app-ui .textarea{width:100%;min-height:var(--control-multiline);padding:var(--space-1-5) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);line-height:var(--leading-normal);font-size:var(--text-field);field-sizing:content;resize:none}.app-ui .textarea:focus-visible{border-color:var(--color-border-focus);outline:none}.app-ui .textarea[aria-invalid=true]{border-color:var(--color-danger)}.app-ui .editor{flex-direction:column;height:100dvh;display:flex}.app-ui .editor[data-mode=comment]{--issue-dot-neutral:var(--color-info);--email-preview-hover:var(--color-info);--email-preview-accent:var(--color-info);--email-preview-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2 22l1.9-5.7A9 9 0 1 1 7.7 20.1Z' fill='%231f6feb' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 2 22, copy;--outline-active-bg:var(--color-info-soft)}.app-ui .editor__body{background:var(--color-surface);flex:1;min-height:0;display:flex}.app-ui .editor__main{min-width:0;margin:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);flex-direction:column;flex:1;display:flex;overflow:hidden}.app-ui .editor__toolbar{align-items:center;gap:var(--space-2);min-height:var(--row-md);padding:var(--space-1-5) var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.app-ui .editor__toolbar-group{align-items:center;gap:var(--space-1);display:flex}.app-ui .editor__toolbar-group--end{justify-content:flex-end}.app-ui .topbar{align-items:center;gap:var(--space-2);min-height:var(--row-lg);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.app-ui .topbar__crumb{align-items:center;gap:var(--space-1-5);min-width:0;color:var(--color-text-muted);display:flex}.app-ui .topbar__mark{height:var(--control-sm);margin:0 var(--space-1-5);color:var(--color-text);flex:none}.app-ui .topbar__link{color:inherit;text-decoration:none}.app-ui .topbar__link:hover{color:var(--color-text)}.app-ui .topbar__title{color:var(--color-text);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.app-ui .topbar__status{color:var(--color-text-muted);font-size:var(--text-sm)}.app-ui .topbar__status[data-state=error],.app-ui .topbar__status[data-state=conflict]{color:var(--color-danger)}.app-ui .topbar__note{color:var(--color-text-muted);font-size:var(--text-sm)}.app-ui .outline{gap:var(--space-4);width:15.5rem;padding:var(--space-3) var(--space-2);background:var(--color-surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.app-ui .outline__section{gap:var(--space-1);flex-direction:column;display:flex}.app-ui .outline__heading{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:space-between;display:flex}.app-ui .outline__list{gap:var(--space-0-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-ui .outline__item{align-items:center;gap:var(--space-2);height:var(--row-sm);padding:0 var(--space-1) 0 var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);display:flex;position:relative}.app-ui .outline__item:hover{--outline-menu-opacity:1;background:var(--color-surface-hover)}.app-ui .outline__item:focus-within{--outline-menu-opacity:1}.app-ui .outline__item--active,.app-ui .outline__item--active:hover{background:var(--outline-active-bg,var(--color-surface-active))}.app-ui .outline__item[data-dragging]{z-index:1;box-shadow:var(--shadow-md)}.app-ui .outline__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-icon);flex:none}.app-ui .outline__name{min-width:0;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.app-ui .outline__name:after{border-radius:inherit;content:"";position:absolute;inset:0}.app-ui .outline__name:focus-visible{outline:none}.app-ui .outline__name:focus-visible:after{box-shadow:var(--focus-ring)}.app-ui .outline__name[aria-current]{font-weight:var(--weight-medium)}.app-ui .outline__menu{z-index:1;opacity:var(--outline-menu-opacity,0);position:relative}.app-ui .outline__menu[data-state=open]{opacity:1}.app-ui .outline__empty{padding:0 var(--space-2)}.app-ui .outline__add{justify-content:flex-start}.app-ui .inspector{width:20rem;scroll-padding-top:calc(var(--row-md) + var(--space-2));background:var(--color-surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.app-ui .inspector__header{z-index:2;align-items:center;gap:var(--space-2);min-height:var(--row-md);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;position:sticky;top:0}.app-ui .inspector__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.app-ui .inspector__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.app-ui .inspector__add{align-self:flex-start}.app-ui .inspector__body{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.app-ui .email-preview{flex:1;min-height:0;overflow:auto}.app-ui .email-preview__frame{background:var(--color-surface);width:100%;margin:0 auto;position:relative}.app-ui .email-preview__frame[data-width=mobile]{width:375px;box-shadow:var(--shadow-md)}.app-ui .email-preview__document{width:100%;cursor:var(--email-preview-cursor,pointer);border:0;display:block}.app-ui .email-preview__document[data-state=behind]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.app-ui .email-preview__outline{outline:1px solid var(--email-preview-hover,var(--color-border-focus));outline-offset:-1px;pointer-events:none;position:absolute}.app-ui .email-preview__outline[data-state=selected]{outline:2px solid var(--email-preview-accent,var(--color-text));outline-offset:-2px}.app-ui .email-preview__mark{width:var(--space-4);height:var(--space-4);translate:calc(-100% - var(--space-2)) var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-md);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.app-ui .email-preview__label{height:var(--space-5);padding:0 var(--space-1-5);border-radius:0 0 var(--radius-sm) 0;background:var(--email-preview-accent,var(--color-text));color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;display:flex;position:absolute;top:0;left:0}.app-ui .status-history{align-items:center;gap:var(--space-2);height:var(--row-sm);padding:0 var(--space-2);display:flex}.app-ui .status-history__status{white-space:nowrap;flex:1}.app-ui .status-history__when{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.app-ui .board{gap:var(--space-3);padding-bottom:var(--space-2);grid-auto-columns:minmax(13rem,22rem);grid-auto-flow:column;display:grid;overflow-x:auto}.app-ui .board__column{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);flex-direction:column;display:flex}.app-ui .board__heading{align-items:center;gap:var(--space-2);height:var(--row-sm);padding:0 var(--space-1);font-size:var(--text-md);font-weight:var(--weight-medium);display:flex}.app-ui .board__empty{padding:var(--space-1);color:var(--color-text-muted)}.app-ui .board__more{align-self:flex-start}.app-ui .campaign-reviewers{margin-left:auto;display:inline-flex}.app-ui .campaign-cue{--campaign-cue-color:var(--color-text);color:var(--campaign-cue-color);font-size:var(--text-sm);font-weight:var(--weight-medium);flex-basis:100%}.app-ui .campaign-cue[data-tone=warning]{--campaign-cue-color:var(--color-warning)}.app-ui .comment-box{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-focus);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.app-ui .comment-box__prompt{width:100%;height:var(--control-md);padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);text-align:left;cursor:text}.app-ui .comment-box__prompt:hover{border-color:var(--color-border-focus)}.app-ui .comment-box__prompt:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-ui .comment-box__place{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.app-ui .comment-box__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.app-ui .comments-panel__crumb{align-items:center;gap:var(--space-1-5);min-width:0;display:flex}.app-ui .comments-panel__crumb-link{border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.app-ui .comments-panel__crumb-link:hover{color:var(--color-text)}.app-ui .comments-panel__crumb-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-ui .comments-panel__crumb-separator{color:var(--color-text-muted);font-weight:var(--weight-regular)}.app-ui .comment-filter{position:relative}.app-ui .comment-filter[data-active]:after{top:var(--space-0-5);right:var(--space-0-5);width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-info);content:"";position:absolute}.app-ui .thread{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;position:relative}.app-ui .thread--summary{--comment-actions-opacity:0}.app-ui .thread--summary:hover,.app-ui .thread--summary:focus-within{--comment-actions-opacity:1}.app-ui .thread[data-state=resolved]{background:var(--color-surface-sunken)}.app-ui .thread[data-highlight]{animation:1.6s ease-out thread-highlight}@keyframes thread-highlight{0%{background:var(--color-info-soft)}}.app-ui .thread__open{border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.app-ui .thread__open:hover{outline:1px solid var(--color-border-focus);outline-offset:-1px}.app-ui .thread__open:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-ui .thread__resolved{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.app-ui .thread__resolved-icon{width:var(--icon-sm);height:var(--icon-sm);flex:none}.app-ui .thread__meta{align-items:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-1-5);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.app-ui .thread__meta-resolved{align-items:center;gap:var(--space-1);color:var(--color-success);font-weight:var(--weight-medium);display:inline-flex}.app-ui .thread__replies{align-items:center;gap:var(--space-1-5);display:inline-flex}.app-ui .thread__repliers{gap:var(--space-0-5);display:flex}.app-ui .thread__footer{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.app-ui .comment{grid-template-columns:var(--avatar-sm) minmax(0, 1fr);gap:var(--space-1) var(--space-2);padding:var(--space-3);display:grid}.app-ui .comment--reply{border-top:1px solid var(--color-border)}.app-ui .comment__head{align-items:center;gap:var(--space-1-5);min-width:0;height:var(--avatar-sm);display:flex}.app-ui .comment__author{max-width:65%;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.app-ui .comment__time{min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-ui .comment__body{grid-column:2;min-width:0}.app-ui .comment__text{overflow-wrap:anywhere;white-space:pre-wrap}.app-ui .comment__text--clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-ui .comment__actions,.app-ui .comment__edit{z-index:1;position:relative}.app-ui .comment__actions{opacity:var(--comment-actions-opacity,1);align-items:center;display:flex}.app-ui .comment__actions:has([data-state=open]){opacity:1}.app-ui .comment__mention{padding:0 var(--space-0-5);border-radius:var(--radius-sm);background:var(--color-surface-active);font-weight:var(--weight-medium)}.app-ui .reviewer-avatar{border-radius:var(--radius-full);direction:ltr;flex:none;display:inline-flex;position:relative}.app-ui .reviewer-avatar__mark{--reviewer-mark-bg:var(--color-success);right:calc(var(--space-0-5) * -1);bottom:calc(var(--space-0-5) * -1);width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);outline:var(--space-0-5) solid var(--color-surface);background:var(--reviewer-mark-bg);color:var(--color-on-accent);justify-content:center;align-items:center;display:flex;position:absolute}.app-ui .reviewer-avatar__mark[data-answer=feedback]{--reviewer-mark-bg:var(--color-text-muted)}.app-ui .reviewer-avatar__tick{width:var(--space-2);height:var(--space-2);stroke-width:4px}.app-ui .reviewer-avatars{grid-auto-columns:var(--avatar-sm);column-gap:var(--space-1);direction:rtl;grid-auto-flow:column;align-items:center;display:inline-grid}.app-ui .review-panel{width:23rem}.app-ui .review-panel__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-weight:var(--weight-medium);display:flex}.app-ui .review-panel__progress{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular)}.app-ui .review-panel__body{gap:var(--space-3);max-height:min(24rem,100dvh - 12rem);padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.app-ui .review-panel__done{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.app-ui .review-panel__footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.app-ui .reviewer-row{column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.app-ui .reviewer-row__text{flex-direction:column;min-width:0;display:flex}.app-ui .reviewer-row__name{font-weight:var(--weight-medium)}.app-ui .reviewer-row__answer{--reviewer-answer-color:var(--color-text-muted);color:var(--reviewer-answer-color);font-size:var(--text-sm)}.app-ui .reviewer-row__answer[data-tone=success]{--reviewer-answer-color:var(--color-success)}.app-ui .reviewer-row__answer[data-tone=warning]{--reviewer-answer-color:var(--color-warning)}.app-ui .review-note{grid-template-columns:var(--avatar-sm) minmax(0, 1fr) auto;align-items:start;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--color-info-soft);display:grid}.app-ui .review-note__title{font-weight:var(--weight-medium)}.app-ui .review-note__when{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);white-space:nowrap}.app-ui .review-note__message{padding-right:var(--space-1);padding-bottom:var(--space-1);color:var(--color-text-muted);overflow-wrap:anywhere;white-space:pre-wrap;grid-column:2/-1}.app-ui .review-approved{--button-bg:var(--color-success-soft);--button-bg-hover:var(--color-success-soft);--button-border:transparent;--button-text:var(--color-success);--button-icon:currentColor;--button-shadow:none}.app-ui .review-approved:hover,.app-ui .review-approved[data-state=open]{--button-border:var(--color-success)}.app-ui .confirm-popover{gap:var(--space-2);width:20rem;padding:var(--space-3);flex-direction:column;display:flex}.app-ui .confirm-popover__title{font-weight:var(--weight-medium)}.app-ui .confirm-popover__text{color:var(--color-text-muted);font-size:var(--text-sm)}.app-ui .confirm-popover__warning{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);background:var(--color-warning-soft);font-size:var(--text-sm);display:flex}.app-ui .confirm-popover__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-warning);flex:none}.app-ui .confirm-popover__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.app-ui .person-picker__label{margin-bottom:var(--space-2);font-weight:var(--weight-medium)}.app-ui .person-picker{max-height:16rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow-y:auto}.app-ui .person-picker__row{align-items:center;gap:var(--space-2);min-height:var(--row-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;display:flex}.app-ui .person-picker__row:hover{background:var(--color-surface-hover)}.app-ui .person-picker__name{flex:1;min-width:0}.app-ui .person-picker__note{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.app-ui .person-picker__empty{padding:var(--space-2);color:var(--color-text-muted)}.app-ui .check-row{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}}@layer app-ui.utilities{.app-ui .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-ui .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-ui .grow{flex:auto;min-width:0}.app-ui .muted{color:var(--color-text-muted);font-size:var(--text-sm)}}@layer app-ui{.app-ui.editor,.app-ui .editor{height:auto}.app-ui .inspector,.app-ui .inspector__header{position:static;overflow:visible}.app-ui .dialog{width:100%;max-width:var(--drawing-dialog-width);flex-shrink:0;max-height:none;position:static;overflow:visible;transform:none}.app-ui .popover{z-index:auto;max-width:100%;position:relative}.app-ui .review-panel__body{max-height:none}.app-ui{color-scheme:light;font-feature-settings:normal;pointer-events:none;--drawing-dialog-width:28rem;--drawing-pair-min:15rem;--northwind-width:30rem;--northwind-ink:#1f2a24;--northwind-muted:#56605a;--northwind-rule:#ece6dc;--northwind-forest:#1f3b2d;--northwind-hero-start:#5d6b55;--northwind-hero-mid:#3b4a3a;--northwind-hero-end:#2a3529;--northwind-sheen:#ffffff14;--northwind-sale:#c2462e;--northwind-code-line:#fff9;--northwind-product-1:#e4d8c8;--northwind-product-2:#d6dcd3;--northwind-product-3:#e8dcd0;--northwind-product-4:#dde3ee;--northwind-serif:Georgia, "Times New Roman", serif;--northwind-tracking:.22em;--northwind-button-tracking:.04em}.app-ui--framed{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.app-ui--fragment{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);flex-direction:column;display:flex;overflow:hidden}.app-ui--fragment .inspector,.app-ui--fill .inspector,.app-ui .app-pair>.inspector{width:100%;min-width:0}.app-ui .app-pair{grid-template-columns:repeat(auto-fit, minmax(min(var(--drawing-pair-min), 100%), 1fr));gap:var(--space-4);align-items:start;display:grid}.app-ui .copy-assistant{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.app-ui .copy-assistant__panel{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.app-ui .copy-assistant__label{align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.app-ui .copy-assistant__icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-info)}.app-ui .copy-assistant__suggestion{font-weight:var(--weight-medium)}.app-ui--fragment .popover,.app-ui--fill .popover{max-width:100%}.app-ui--fragment>.stack,.app-ui--fragment>.field,.app-ui--fill>.stack,.app-ui--fill>.field{align-self:stretch}.app-ui--fill{align-items:flex-start;gap:var(--space-2);height:100%;padding:var(--space-4);background:var(--color-canvas);flex-direction:column;display:flex;overflow:hidden}.app-ui[data-mode=comment]{--issue-dot-neutral:var(--color-info);--email-preview-hover:var(--color-info);--email-preview-accent:var(--color-info);--outline-active-bg:var(--color-info-soft)}.app-ui .mini-email .email-preview__label{z-index:1;font-family:var(--font-sans)}@media (width<=991px){.app-ui .editor--site .outline{display:none}}@media (width<=640px){.app-ui .editor--site .editor__body{flex-direction:column}.app-ui .editor--site .inspector{border-top:1px solid var(--color-border);width:100%}.app-ui .editor--site .topbar__extra{display:none}}.app-ui .drag-handle{padding:var(--space-1) 0;display:flex}.app-ui .app-icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-icon);flex:none;display:inline-flex}.app-ui .mini-email{width:100%;max-width:var(--northwind-width);background:var(--color-surface);color:var(--northwind-ink);font-family:var(--northwind-serif);margin:0 auto}.app-ui .mini-email__part{outline-offset:-1px;outline:1px solid #0000;position:relative}.app-ui .mini-email__part[data-state=selected]{outline:2px solid var(--email-preview-accent,var(--color-text));outline-offset:-2px}.app-ui .mini-email__part[data-state=marked]{outline:1px dashed var(--email-preview-hover,var(--color-border-focus));outline-offset:-1px}.app-ui .mini-email__header{height:var(--row-lg);border-bottom:1px solid var(--northwind-rule);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--northwind-tracking);justify-content:center;align-items:center;display:flex}.app-ui .mini-email__hero{height:calc(var(--row-lg) * 3);background-image:radial-gradient(ellipse 30% 80% at 92% 20%, var(--northwind-sheen) 99%, transparent 100%), linear-gradient(160deg, var(--northwind-hero-start) 0%, var(--northwind-hero-mid) 55%, var(--northwind-hero-end) 100%);position:relative}.app-ui .mini-email__copy{align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;display:flex}.app-ui .mini-email__headline{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.app-ui .mini-email__body{color:var(--northwind-muted);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}.app-ui .mini-email__button{height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--northwind-forest);color:var(--color-surface);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--northwind-button-tracking);align-items:center;display:inline-flex}.app-ui .mini-email__grid{gap:var(--space-2);padding:var(--space-1) var(--space-5) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-ui .mini-email__product{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--northwind-product-1);display:block}.app-ui .mini-email__product:nth-child(2){background:var(--northwind-product-2)}.app-ui .mini-email__product:nth-child(3){background:var(--northwind-product-3)}.app-ui .mini-email__product:nth-child(4){background:var(--northwind-product-4)}.app-ui .mini-email__banner{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 var(--space-5) var(--space-5);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--northwind-sale);color:var(--color-surface);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-semibold);display:flex}.app-ui .mini-email__code{padding:var(--space-0-5) var(--space-1-5);border:1px dashed var(--northwind-code-line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.app-ui .mini-email__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--northwind-rule);color:var(--northwind-muted);font-family:var(--font-sans);font-size:var(--text-xs);text-align:center}.app-ui .comment-pin{top:var(--pin-top);left:var(--pin-left);z-index:1;width:var(--space-6);height:var(--space-6);fill:var(--color-info);stroke:var(--color-surface);stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(var(--shadow-sm));position:absolute}.app-ui .status-steps{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;display:flex}.app-ui .status-steps__item{align-items:center;gap:var(--space-1-5);height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--weight-medium);display:inline-flex}.app-ui .status-steps__item[aria-current]{background:var(--color-surface-active);color:var(--color-text)}.app-ui .input__control{line-height:var(--control-md);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.app-ui .input--focused{border-color:var(--color-border-focus)}.app-ui .editor-preview{padding:var(--space-4) 0;background:var(--color-canvas)}.app-ui .status-label{align-items:center;gap:var(--space-1-5);display:inline-flex}}