:root{--an-font-thmanyah-sans:"Thmanyah Sans", "ThmanyahSans";--an-font-thmanyah-display:"Thmanyah Serif Display", "ThmanyahSerifDisplay"}:root,[data-an-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--an-color-bg:#1c1c1e;--an-color-topbar:#1c1c1ebf;--an-color-surface-1:#ffffff14;--an-color-surface-2:#ffffff1f;--an-color-surface-3:#ffffff2e;--an-color-border:#ffffff24;--an-color-border-focus:#0a84ffb3;--an-color-text-1:#fff;--an-color-text-2:#ffffff9e;--an-color-text-3:#ffffff7a;--an-color-placeholder:#ffffff7a;--an-color-input:#ffffff14;--an-color-hover:#ffffff1a;--an-color-accent:#0a84ff;--an-color-accent-soft:#0a84ff40;--an-color-success:#30d158;--an-color-success-soft:#30d15833;--an-color-danger:#ff453a;--an-color-danger-soft:#ff453a24;--an-color-warning:#ff9f0a;--an-color-purple:#bf5af2;--an-color-purple-soft:#bf5af226;--an-color-timecode:#64d2ff;--an-color-timecode-soft:#64d2ff1f;--an-status-writing:#7a9fff;--an-status-ready:#f5a623;--an-status-editing:#a97fff;--an-status-done:var(--an-color-success);--an-font-body:"Thmanyah Sans", "ThmanyahSans", -apple-system, BlinkMacSystemFont, "Geeza Pro", "Arabic UI Text", "Traditional Arabic", "Al Nile", "Helvetica Neue", Arial, sans-serif;--an-font-display:"Thmanyah Serif Display", "ThmanyahSerifDisplay", "Thmanyah Sans", "ThmanyahSans", "Geeza Pro", serif;--an-font-mono:"SF Mono", Menlo, Monaco, Consolas, monospace;--an-font-size-100:.6875rem;--an-font-size-200:.75rem;--an-font-size-300:.8125rem;--an-font-size-400:.875rem;--an-font-size-500:.9375rem;--an-font-size-600:1.0625rem;--an-font-size-700:1.125rem;--an-font-size-800:1.375rem;--an-font-size-900:1.75rem;--an-font-size-1000:1.875rem;--an-line-tight:1.15;--an-line-heading:1.4;--an-line-body:1.55;--an-line-reading:1.7;--an-space-0:0;--an-space-1:.25rem;--an-space-2:.5rem;--an-space-3:.75rem;--an-space-4:1rem;--an-space-5:1.5rem;--an-space-6:2rem;--an-space-7:2.5rem;--an-space-8:4rem;--an-radius-xs:.375rem;--an-radius-sm:.625rem;--an-radius-md:.875rem;--an-radius-lg:1.125rem;--an-radius-xl:1.5rem;--an-radius-round:999px;--an-size-topbar:3.25rem;--an-size-touch:2.75rem;--an-size-content:65rem;--an-size-reading:41.25rem;--an-ease-expo:cubic-bezier(.16, 1, .3, 1);--an-ease-quart:cubic-bezier(.25, 1, .5, 1);--an-ease-quint:cubic-bezier(.22, 1, .36, 1);--an-duration-fast:.12s;--an-duration-base:.2s;--an-duration-slow:.35s;--an-blur-overlay:saturate(180%) blur(20px);--an-shadow-accent:0 2px 10px var(--an-color-accent-soft);--an-shadow-success:0 2px 10px var(--an-color-success-soft);--an-shadow-toast:0 4px 28px #00000059;--an-z-content:1;--an-z-sticky:210;--an-z-topbar:300;--an-z-menu:500;--an-z-modal:800;--an-z-login:900;--an-z-sheet:9998;--an-z-toast:9999}[data-an-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--an-color-bg:#f2f2f7;--an-color-topbar:#f2f2f7d1;--an-color-surface-1:#ffffffd9;--an-color-surface-2:#fffffff2;--an-color-surface-3:#fff;--an-color-border:#00000017;--an-color-border-focus:#0071e399;--an-color-text-1:#1d1d1f;--an-color-text-2:#0000009e;--an-color-text-3:#0000008f;--an-color-placeholder:#0000008f;--an-color-input:#0000000a;--an-color-hover:#0000000a;--an-color-accent:#0071e3;--an-color-accent-soft:#0071e32e;--an-color-success:#1c8a38;--an-color-success-soft:#1c8a3826;--an-color-danger:#d70015;--an-color-danger-soft:#d700151a;--an-color-warning:#c67000;--an-color-purple:#8944ab;--an-color-purple-soft:#8944ab1f;--an-color-timecode:#06c;--an-color-timecode-soft:#0066cc14;--an-status-writing:#5070d8;--an-status-ready:#c07800;--an-status-editing:#7a44c0}*,:before,:after{box-sizing:border-box}html{background:var(--an-color-bg)}body.an-app{background:var(--an-color-bg);min-height:100vh;color:var(--an-color-text-1);font-family:var(--an-font-body);font-size:var(--an-font-size-500);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;direction:rtl;margin:0;line-height:1.6;overflow-x:clip}body.an-app:before{content:"";z-index:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");position:fixed;inset:0}.an-app a{color:var(--an-color-accent)}.an-app button,.an-app input,.an-app textarea,.an-app select{font:inherit}.an-app :focus-visible{outline-offset:2px;outline:2px solid var(--an-color-accent)!important}.an-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.an-skip-link{z-index:calc(var(--an-z-toast) + 1);border-radius:var(--an-radius-sm);background:var(--an-color-accent);transition:transform var(--an-duration-base) var(--an-ease-quint);padding:10px 16px;font-weight:700;position:fixed;inset-block-start:var(--an-space-2);inset-inline-start:var(--an-space-2);transform:translateY(-160%);color:#fff!important}.an-skip-link:focus{transform:translateY(0)}.an-shell{z-index:var(--an-z-content);width:min(100%, var(--an-size-content));padding:var(--an-space-7) var(--an-space-5) var(--an-space-8);margin-inline:auto;position:relative}.an-stack{gap:var(--an-space-4);flex-direction:column;display:flex}.an-cluster{align-items:center;gap:var(--an-space-2);flex-wrap:wrap;display:flex}.an-grid{gap:var(--an-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.an-display{font-family:var(--an-font-display);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:var(--an-line-tight);letter-spacing:-.03em;text-wrap:balance;margin:0}.an-title{font-family:var(--an-font-display);font-size:var(--an-font-size-800);font-weight:700;line-height:var(--an-line-heading);text-wrap:balance;margin:0}.an-card-title{font-family:var(--an-font-display);font-size:var(--an-font-size-600);font-weight:600;line-height:var(--an-line-heading);margin:0}.an-body,.an-caption,.an-micro{margin:0}.an-body{color:var(--an-color-text-1);font-size:var(--an-font-size-400);line-height:var(--an-line-body)}.an-caption{color:var(--an-color-text-2);font-size:var(--an-font-size-200)}.an-micro{color:var(--an-color-text-3);font-size:var(--an-font-size-100)}.an-timecode{color:var(--an-color-timecode);font-family:var(--an-font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;direction:ltr;font-size:clamp(1.4rem,4vw,2rem)}.an-topbar{z-index:var(--an-z-topbar);min-height:calc(var(--an-size-topbar) + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:var(--an-space-3);width:100%;padding:env(safe-area-inset-top,0px) max(var(--an-space-5), env(safe-area-inset-left,0px)) 0 max(var(--an-space-5), env(safe-area-inset-right,0px));background:var(--an-color-topbar);border-block-end:1px solid var(--an-color-border);-webkit-backdrop-filter:var(--an-blur-overlay);display:flex;position:sticky;inset-block-start:0}.an-brand{color:var(--an-color-text-1);font-family:var(--an-font-display);font-size:var(--an-font-size-500);letter-spacing:-.02em;align-items:center;gap:7px;font-weight:600;display:inline-flex}.an-brand-mark{color:#111;background:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:13px;display:inline-grid}.an-save-dot{background:var(--an-color-border);cursor:pointer;width:10px;height:10px;transition:background var(--an-duration-base) var(--an-ease-expo);border:0;border-radius:50%;padding:0}.an-save-dot[data-state=saving]{background:var(--an-color-accent)}.an-save-dot[data-state=saved]{background:var(--an-color-success)}.an-save-dot[data-state=failed]{background:var(--an-color-danger)}.an-btn{border-radius:var(--an-radius-sm);cursor:pointer;min-height:36px;color:var(--an-color-text-1);font-size:var(--an-font-size-300);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color var(--an-duration-fast), background var(--an-duration-fast), filter var(--an-duration-fast), opacity var(--an-duration-fast), transform .1s var(--an-ease-expo);border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:7px 15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.an-btn:disabled,.an-btn[aria-disabled=true]{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.an-btn--primary{background:var(--an-color-accent);color:#fff;box-shadow:var(--an-shadow-accent)}.an-btn--success{background:var(--an-color-success);color:#000;box-shadow:var(--an-shadow-success);font-weight:650}.an-btn--success:hover{filter:brightness(1.08)}.an-btn--glass{background:var(--an-color-surface-2);border-color:var(--an-color-border)}.an-btn--glass:hover{background:var(--an-color-surface-3)}.an-btn--danger{background:var(--an-color-danger);color:#fff}.an-btn--purple{background:var(--an-color-purple-soft);border-color:color-mix(in srgb, var(--an-color-purple) 30%, transparent);color:var(--an-color-purple)}.an-btn--timecode{background:var(--an-color-timecode-soft);border-color:color-mix(in srgb, var(--an-color-timecode) 20%, transparent);min-height:30px;color:var(--an-color-timecode);font-size:var(--an-font-size-200);padding:5px 10px}.an-btn--sm{min-height:30px;font-size:var(--an-font-size-200);padding:5px 12px}.an-icon-btn{border-radius:var(--an-radius-sm);width:36px;height:36px;color:var(--an-color-text-2);cursor:pointer;transition:color var(--an-duration-fast), background var(--an-duration-fast);background:0 0;border:0;place-items:center;padding:0;font-size:16px;line-height:1;display:inline-grid}.an-icon-btn:hover{background:var(--an-color-hover);color:var(--an-color-text-1)}.an-icon-btn--danger:hover{background:var(--an-color-danger-soft);color:var(--an-color-danger)}.an-field{flex-direction:column;gap:6px;display:flex}.an-label{color:var(--an-color-text-2);font-size:var(--an-font-size-100);font-weight:500}.an-input,.an-select,.an-textarea{border:1px solid var(--an-color-border);border-radius:var(--an-radius-sm);background:var(--an-color-input);width:100%;color:var(--an-color-text-1);font-size:var(--an-font-size-300);transition:border-color var(--an-duration-base), background var(--an-duration-base), box-shadow var(--an-duration-base);direction:rtl;outline:none;padding:9px 12px}.an-input::placeholder,.an-textarea::placeholder{color:var(--an-color-placeholder)}.an-input:focus,.an-select:focus,.an-textarea:focus{border-color:var(--an-color-border-focus);background:color-mix(in srgb, var(--an-color-accent) 5%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--an-color-accent) 12%, transparent)}.an-textarea{resize:vertical;min-height:76px;line-height:var(--an-line-body)}.an-check{width:18px;height:18px;accent-color:var(--an-color-success);cursor:pointer;flex:none}.an-surface,.an-card{background:var(--an-color-surface-1);border:1px solid var(--an-color-border)}.an-card{border-radius:var(--an-radius-lg);padding:20px}.an-card--compact{border-radius:var(--an-radius-md);padding:14px 16px}.an-card--done{background:color-mix(in srgb, var(--an-color-success) 4%, var(--an-color-surface-1));border-color:color-mix(in srgb, var(--an-color-success) 30%, transparent)}.an-card__meta{color:var(--an-color-text-2);font-size:var(--an-font-size-200);flex-direction:column;gap:3px;margin-block:6px 16px;display:flex}.an-card__footer{justify-content:space-between;align-items:center;gap:var(--an-space-3);color:var(--an-color-text-3);font-size:var(--an-font-size-200);margin-block-start:var(--an-space-4);display:flex}.an-status{border-radius:var(--an-radius-round);width:fit-content;font-size:var(--an-font-size-100);align-items:center;gap:6px;padding:3px 9px;font-weight:650;display:inline-flex}.an-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.an-status--writing{color:var(--an-status-writing);background:color-mix(in srgb, var(--an-status-writing) 15%, transparent)}.an-status--ready{color:var(--an-status-ready);background:color-mix(in srgb, var(--an-status-ready) 15%, transparent)}.an-status--editing{color:var(--an-status-editing);background:color-mix(in srgb, var(--an-status-editing) 15%, transparent)}.an-status--done{color:var(--an-color-success);background:color-mix(in srgb, var(--an-color-success) 15%, transparent)}.an-status--danger{color:var(--an-color-danger);background:var(--an-color-danger-soft)}.an-progress{grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;display:grid}.an-progress__label,.an-progress__count{color:var(--an-color-text-2);font-size:var(--an-font-size-200);white-space:nowrap;font-weight:600}.an-progress__count{color:var(--an-color-success);font-variant-numeric:tabular-nums;direction:ltr}.an-progress__track{background:var(--an-color-border);border-radius:2px;height:4px;overflow:hidden}.an-progress__fill{border-radius:inherit;background:var(--an-color-success);width:100%;height:100%;transform:scaleX(var(--an-progress,0));transform-origin:100%;transition:transform var(--an-duration-slow) var(--an-ease-expo)}.an-progress--accent .an-progress__fill{background:var(--an-color-accent)}.an-progress--accent .an-progress__count{color:var(--an-color-accent)}.an-checklist{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.an-checklist__item{background:var(--an-color-surface-2);border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:7px 10px;display:flex}.an-checklist__item:has(.an-check:checked) .an-checklist__text{color:var(--an-color-text-3);text-decoration:line-through}.an-checklist__text{font-size:var(--an-font-size-300);flex:1}.an-segment{border:1px solid var(--an-color-border);border-radius:var(--an-radius-md);background:var(--an-color-surface-1);overflow:hidden}.an-segment__head{align-items:center;gap:var(--an-space-2);background:color-mix(in srgb, var(--an-color-accent) 4%, transparent);border-block-end:1px solid var(--an-color-border);padding:12px 14px;display:flex}.an-segment__body{padding:var(--an-space-3)}.an-segment__title{min-width:0;font-family:var(--an-font-display);font-size:var(--an-font-size-500);flex:1;font-weight:700}.an-shot{border:1px solid var(--an-color-border);border-radius:var(--an-radius-md);background:var(--an-color-surface-1);overflow:hidden}.an-shot[data-done=true]{border-color:color-mix(in srgb, var(--an-color-success) 30%, transparent);background:color-mix(in srgb, var(--an-color-success) 4%, var(--an-color-surface-1))}.an-shot__head{align-items:center;gap:var(--an-space-2);background:color-mix(in srgb, var(--an-color-text-1) 5%, transparent);padding:10px 12px;display:flex}.an-shot__number{border:1.5px solid var(--an-color-border);min-width:28px;height:28px;color:var(--an-color-text-2);font-size:var(--an-font-size-200);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.an-shot[data-done=true] .an-shot__number{border-color:var(--an-color-success);color:var(--an-color-success)}.an-shot__title{min-width:0;font-size:var(--an-font-size-400);flex:1;font-weight:700}.an-shot[data-done=true] .an-shot__title{color:var(--an-color-text-3);text-decoration:line-through}.an-shot__body{gap:var(--an-space-2);padding:12px;display:grid}.an-timecode-panel{gap:var(--an-space-3);border:1px solid color-mix(in srgb, var(--an-color-timecode) 20%, transparent);border-radius:var(--an-radius-md);background:color-mix(in srgb, var(--an-color-timecode) 3%, transparent);padding:14px;display:grid}.an-timecode-note{gap:var(--an-space-3);background:var(--an-color-surface-2);border-radius:10px;grid-template-columns:auto 1fr;align-items:start;padding:10px 12px;display:grid}.an-timecode-note__stamp{color:var(--an-color-timecode);font-family:var(--an-font-mono);font-size:var(--an-font-size-100);direction:ltr}.an-kanban{gap:var(--an-space-3);scroll-snap-type:x proximity;grid-template-columns:repeat(4,minmax(220px,1fr));display:grid;overflow-x:auto}.an-kanban__column{border:1px solid var(--an-color-border);border-radius:var(--an-radius-md);background:color-mix(in srgb, var(--an-color-surface-1) 65%, transparent);scroll-snap-align:start;min-height:190px;padding:10px}.an-kanban__head{color:var(--an-color-text-2);font-size:var(--an-font-size-200);align-items:center;gap:7px;padding:4px 4px 10px;font-weight:700;display:flex}.an-kanban__dot{background:var(--an-column-color,var(--an-status-writing));border-radius:50%;width:7px;height:7px}.an-kanban__count{color:var(--an-color-text-3);font-variant-numeric:tabular-nums;margin-inline-start:auto}.an-kanban__cards{gap:var(--an-space-2);flex-direction:column;display:flex}.an-kanban__card{border:1px solid var(--an-color-border);border-radius:var(--an-radius-sm);background:var(--an-color-surface-1);padding:12px}.an-empty{min-height:260px;padding:var(--an-space-7) var(--an-space-5);text-align:center;place-items:center;display:grid}.an-empty__inner{align-items:center;gap:var(--an-space-3);flex-direction:column;max-width:34rem;display:flex}.an-empty__icon{font-size:48px;line-height:1}.an-toast-stack{z-index:var(--an-z-toast);align-items:center;gap:var(--an-space-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;inset-block-end:max(28px, env(safe-area-inset-bottom,28px));inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .an-toast-stack{transform:translate(50%)}.an-toast{border:1px solid var(--an-color-border);border-radius:var(--an-radius-md);background:var(--an-color-surface-2);max-width:calc(100vw - 48px);color:var(--an-color-text-1);box-shadow:var(--an-shadow-toast);-webkit-backdrop-filter:var(--an-blur-overlay);font-size:var(--an-font-size-400);text-align:center;pointer-events:auto;animation:an-toast-in .22s var(--an-ease-expo) both;padding:11px 20px;font-weight:500}.an-toast--success{background:color-mix(in srgb, var(--an-color-success) 12%, var(--an-color-surface-2));border-color:color-mix(in srgb, var(--an-color-success) 30%, transparent);color:var(--an-color-success)}.an-toast--error{background:color-mix(in srgb, var(--an-color-danger) 14%, var(--an-color-surface-2));border-color:color-mix(in srgb, var(--an-color-danger) 30%, transparent);color:var(--an-color-danger)}.an-toast[data-closing=true]{animation:.18s both an-toast-out}@keyframes an-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes an-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.an-sheet-overlay{z-index:var(--an-z-sheet);padding-bottom:env(safe-area-inset-bottom,0px);background:#0000007a;justify-content:center;align-items:flex-end;animation:.22s both an-overlay-in;display:flex;position:fixed;inset:0}.an-sheet-overlay[data-closing=true]{animation:.18s both an-overlay-out}.an-sheet{border:1px solid var(--an-color-border);background:var(--an-color-surface-2);width:min(100%,480px);-webkit-backdrop-filter:var(--an-blur-overlay);animation:an-sheet-in .3s var(--an-ease-expo) both;border-radius:20px 20px 0 0;padding:28px 20px 20px}.an-sheet-overlay[data-closing=true] .an-sheet{animation:an-sheet-out .18s var(--an-ease-quart) both}.an-sheet__message{color:var(--an-color-text-1);font-size:var(--an-font-size-500);line-height:var(--an-line-body);text-align:center;margin:0 0 18px}.an-sheet__actions{gap:10px;display:flex}.an-sheet__actions .an-btn{min-height:50px;font-size:var(--an-font-size-500);flex:1;font-weight:650}@keyframes an-overlay-in{0%{background:0 0}}@keyframes an-overlay-out{to{background:0 0}}@keyframes an-sheet-in{0%{transform:translateY(100%)}}@keyframes an-sheet-out{to{transform:translateY(100%)}}@media (max-width:720px){.an-shell{padding:var(--an-space-5) var(--an-space-4) calc(90px + env(safe-area-inset-bottom,0px))}.an-btn:not(.an-btn--sm),.an-icon-btn{min-height:var(--an-size-touch)}.an-icon-btn{width:var(--an-size-touch)}.an-kanban{grid-template-columns:repeat(4,72vw)}.an-timecode-note{grid-template-columns:1fr;gap:4px}.an-card{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,[data-an-theme=dark]{--an-color-bg:#19191b;--an-color-topbar:#19191bf5;--an-color-surface-1:#242427;--an-color-surface-2:#2c2c30;--an-color-surface-3:#36363b;--an-color-border:#45454b;--an-color-text-1:#fbfbfc;--an-color-text-2:#c4c4ca;--an-color-text-3:#9d9da6;--an-color-placeholder:#9d9da6;--an-color-input:#202023;--an-color-hover:#323237;--an-color-accent:#0068d7;--an-color-accent-soft:#0068d740;--an-color-success:#39b85a;--an-color-success-soft:#39b85a29;--an-color-danger:#c93631;--an-color-danger-soft:#c9363129;--an-color-purple:#b279d0;--an-color-purple-soft:#b279d024;--an-color-timecode:#65c7df;--an-color-timecode-soft:#65c7df1f;--an-size-content:72rem;--an-shadow-accent:none;--an-shadow-success:none}[data-an-theme=light]{--an-color-bg:#f7f7f5;--an-color-topbar:#f7f7f5f5;--an-color-surface-1:#fff;--an-color-surface-2:#f0f0ed;--an-color-surface-3:#e5e5e1;--an-color-border:#d0d0cb;--an-color-text-1:#19191b;--an-color-text-2:#505057;--an-color-text-3:#686870;--an-color-placeholder:#686870;--an-color-input:#fbfbfa;--an-color-hover:#e9e9e6;--an-color-accent:#005fbd;--an-color-accent-soft:#005fbd21;--an-color-success:#167739;--an-color-success-soft:#1677391c;--an-color-danger:#b4232b;--an-color-danger-soft:#b4232b1a;--an-color-purple:#704290;--an-color-purple-soft:#7042901a;--an-color-timecode:#006a7c;--an-color-timecode-soft:#006a7c1a}.thmanyah-outline__visual{vertical-align:-.08em;max-width:100%;color:inherit;flex-wrap:wrap;align-items:center;gap:max(.16em,.22ch) .24em;display:inline-flex}.thmanyah-outline__word{flex:none;height:1em;display:block;overflow:visible}.thmanyah-outline__accessible{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:72px;overflow-x:clip}body.an-app{background:var(--an-color-bg);max-width:100%}body.an-app:before{display:none}.an-app a.an-btn--primary,.an-app button.an-btn--primary,.an-app button.an-btn--danger{color:#fff}.an-btn{min-height:44px;box-shadow:none;border-radius:9px}.an-btn:active{transform:none}.an-btn--sm{min-height:36px}.an-btn--primary:hover{filter:brightness(1.08)}.an-btn--success{color:#07170b}[data-an-theme=light] .an-btn--success{color:#fff}.showcase-shell{padding-block-start:0}.showcase-topbar{min-height:calc(62px + env(safe-area-inset-top,0px))}.showcase-brand{text-decoration:none}.showcase-brand__mark,.live-product__mark{background:var(--an-color-text-1);color:var(--an-color-bg);font-family:var(--an-font-display);place-items:center;font-weight:800;display:inline-grid}.showcase-brand__mark{border-radius:8px 8px 4px;width:28px;height:28px}.showcase-nav{align-items:center;gap:24px;display:flex}.showcase-nav a,.showcase-text-link,.showcase-inline-link,.showcase-doc-links a,.showcase-release a{color:var(--an-color-text-2);transition:color var(--an-duration-fast) ease;text-decoration:none}.showcase-nav a:hover,.showcase-text-link:hover,.showcase-inline-link:hover,.showcase-doc-links a:hover,.showcase-release a:hover{color:var(--an-color-text-1)}.showcase-nav a{font-size:12px}.showcase-text-link,.showcase-inline-link{font-size:12px;font-weight:700}.showcase-hero{padding-block:clamp(60px,9vw,108px) clamp(70px,10vw,116px)}.showcase-hero__copy{text-align:center;width:min(100%,840px);margin-inline:auto}.showcase-origin{color:var(--an-color-text-2);margin:0 0 18px;font-size:13px;font-weight:700}.showcase-hero h1{color:var(--an-color-text-1);font-family:var(--an-font-display);letter-spacing:-.055em;text-align:center;margin:0;font-size:clamp(3.2rem,8vw,6.8rem);font-weight:800;line-height:.88}.showcase-hero h1 span{color:var(--an-color-text-2)}.showcase-hero__summary{max-width:46rem;color:var(--an-color-text-2);margin:26px auto 0;font-size:clamp(16px,2vw,19px);line-height:1.8}.showcase-hero__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex}.live-product{border:1px solid var(--an-color-border);background:var(--an-color-surface-1);border-radius:22px 22px 8px;margin-block-start:clamp(52px,8vw,80px);overflow:hidden;box-shadow:0 18px 36px #00000029}[data-an-theme=light] .live-product{box-shadow:0 18px 34px #19191b14}.live-product__bar{border-block-end:1px solid var(--an-color-border);background:var(--an-color-surface-2);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 18px;display:flex}.live-product__identity{align-items:center;gap:11px;min-width:0;display:flex}.live-product__identity>div{gap:2px;min-width:0;display:grid}.live-product__identity strong{font-size:14px}.live-product__identity div>span{color:var(--an-color-text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.live-product__mark{border-radius:9px 9px 4px;flex:none;width:32px;height:32px}.live-product__save{border:1px solid var(--an-color-border);background:var(--an-color-surface-1);min-height:36px;color:var(--an-color-text-2);cursor:pointer;font:inherit;border-radius:8px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;display:inline-flex}.live-product__save:hover{color:var(--an-color-text-1);background:var(--an-color-hover)}.live-product__save-dot{background:var(--an-color-success);border-radius:50%;flex:none;width:8px;height:8px}.live-product__body{padding:clamp(22px,4vw,42px)}.live-product__heading{justify-content:space-between;align-items:end;gap:28px;padding-block-end:30px;display:flex}.live-product__section-index{color:var(--an-color-timecode);font-family:var(--an-font-mono);letter-spacing:.08em;margin-block-end:10px;font-size:10px;display:block}.live-product__heading h2{font-family:var(--an-font-display);margin:0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.05}.live-product__heading p{max-width:38rem;color:var(--an-color-text-2);margin:12px 0 0;font-size:13px;line-height:1.7}.live-product__add:disabled{opacity:.55}.live-product__grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);align-items:start;gap:16px;display:grid}.live-shots,.live-progress,.live-notes,.live-stats{border:1px solid var(--an-color-border);background:var(--an-color-surface-2)}.live-shots{border-radius:16px 16px 6px;overflow:hidden}.live-section-head{justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:12px 16px;display:flex}.live-section-head h3{font-family:var(--an-font-display);margin:0;font-size:16px}.live-section-head>span{color:var(--an-color-text-3);font-size:10px}.live-section-head>strong{color:var(--an-color-success);font-family:var(--an-font-mono);font-size:15px}.live-shots__list{border-block-start:1px solid var(--an-color-border)}.live-shot{background:var(--an-color-surface-1);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:16px;display:grid}.live-shot+.live-shot{border-block-start:1px solid var(--an-color-border)}.live-shot__number{color:var(--an-color-text-3);font-family:var(--an-font-mono);font-size:10px}.live-shot h4{font-family:var(--an-font-display);margin:0;font-size:15px}.live-shot p{color:var(--an-color-text-2);margin:6px 0 0;font-size:11px;line-height:1.6}.live-shot__status{text-align:center;border:1px solid;border-radius:7px;min-width:72px;padding:5px 8px;font-size:9px;font-weight:700}.live-shot__status--ready{color:var(--an-color-success)}.live-shot__status--writing{color:var(--an-status-ready)}.live-rail{gap:12px;display:grid}.live-progress,.live-notes{border-radius:14px 14px 5px;overflow:hidden}.live-progress{padding-block-end:16px}.live-progress__track{background:var(--an-color-surface-3);direction:rtl;border-radius:5px;height:8px;margin:2px 16px 12px;overflow:hidden}.live-progress__track span{border-radius:inherit;background:var(--an-color-success);width:68%;height:100%;display:block}.live-progress__numbers{color:var(--an-color-text-3);justify-content:space-between;gap:12px;padding-inline:16px;font-size:10px;display:flex}.live-notes>p{border-block-start:1px solid var(--an-color-border);background:var(--an-color-surface-1);color:var(--an-color-text-2);grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0;padding:12px 16px;font-size:10px;line-height:1.5;display:grid}.live-notes time{color:var(--an-color-timecode);font-family:var(--an-font-mono);font-size:9px}.live-stats{border-radius:14px 14px 5px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.live-stats>div{background:var(--an-color-surface-1);flex-direction:column;justify-content:flex-end;min-height:102px;padding:14px;display:flex}.live-stats>div:nth-child(2n){border-inline-start:1px solid var(--an-color-border)}.live-stats>div:nth-child(n+3){border-block-start:1px solid var(--an-color-border)}.live-stats dt{color:var(--an-color-text-2);order:2;font-size:10px}.live-stats dd{font-family:var(--an-font-display);order:1;margin:0 0 4px;font-size:22px;font-weight:700}.live-stats span{color:var(--an-color-text-3);order:3;font-size:9px}.showcase-strip{border-block:1px solid var(--an-color-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.showcase-strip>div{min-width:0;padding:24px 18px}.showcase-strip>div+div{border-inline-start:1px solid var(--an-color-border)}.showcase-strip strong,.showcase-strip span{display:block}.showcase-strip strong{font-family:var(--an-font-display);font-size:17px}.showcase-strip span{color:var(--an-color-text-3);margin-top:4px;font-size:11px;line-height:1.5}.showcase-section{padding-block:clamp(72px,10vw,116px)}.showcase-section+.showcase-section{border-block-start:1px solid var(--an-color-border)}.showcase-section__intro{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:40px;margin-block-end:42px;display:grid}.showcase-section__intro h2{max-width:540px;font-family:var(--an-font-display);margin:0;font-size:clamp(2rem,4.6vw,4rem);line-height:1.04}.showcase-section__intro p{max-width:44rem;color:var(--an-color-text-2);margin:4px 0 0;font-size:15px;line-height:1.8}.showcase-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.showcase-swatch{color:#fff;border-radius:14px 14px 6px;flex-direction:column;justify-content:flex-end;min-height:160px;padding:13px;display:flex}.showcase-swatch strong{font-size:13px}.showcase-swatch code{font-family:var(--an-font-mono);opacity:.82;text-align:right;direction:ltr;margin-top:2px;font-size:9px}.showcase-swatch--bg{border:1px solid var(--an-color-border);background:var(--an-color-bg);color:var(--an-color-text-1)}.showcase-swatch--surface{border:1px solid var(--an-color-border);background:var(--an-color-surface-3);color:var(--an-color-text-1)}.showcase-swatch--accent{background:var(--an-color-accent)}.showcase-swatch--success{background:var(--an-color-success)}.showcase-swatch--danger{background:var(--an-color-danger)}.showcase-swatch--time{background:var(--an-color-timecode)}[data-an-theme=light] .showcase-swatch--success,[data-an-theme=light] .showcase-swatch--time{color:#fff}.showcase-type{border:1px solid var(--an-color-border);background:var(--an-color-surface-1);border-radius:18px 18px 8px;grid-template-columns:1.05fr .95fr;margin-block-start:24px;display:grid;overflow:hidden}.showcase-type__statement{background:var(--an-color-surface-2);flex-direction:column;justify-content:space-between;min-height:330px;padding:28px;display:flex}.showcase-type__statement>span,.showcase-type__roles span,.showcase-stage__label{color:var(--an-color-text-3);font-size:11px}.showcase-type__statement>strong{font-family:var(--an-font-display);font-size:clamp(2.6rem,6vw,5rem);line-height:.95}.showcase-type__roles{display:grid}.showcase-type__roles>div{grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;display:grid}.showcase-type__roles>div+div{border-block-start:1px solid var(--an-color-border)}.showcase-type__roles strong{font-family:var(--an-font-display);font-size:19px}.showcase-type__roles p{color:var(--an-color-text-2);margin:0;font-size:13px;line-height:1.6}.showcase-type__roles code{color:var(--an-color-text-3);font-family:var(--an-font-mono);direction:ltr;font-size:9px}.showcase-license-note{color:var(--an-color-text-3);margin:18px 0 0;font-size:12px;line-height:1.8}.showcase-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.showcase-stage{border:1px solid var(--an-color-border);background:var(--an-color-surface-1);border-radius:16px 16px 7px;flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.showcase-stage--wide{grid-column:1/-1}.showcase-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.showcase-timecode-head{justify-content:space-between}.showcase-kanban{contain:inline-size;min-width:0;max-width:100%;margin-block-start:14px}.showcase-install{background:var(--an-color-surface-1);border-radius:24px 24px 10px;padding-inline:clamp(20px,4vw,48px)}.showcase-release-list{border-block:1px solid var(--an-color-border)}.showcase-release{grid-template-columns:42px 1fr minmax(160px,.7fr) auto;align-items:center;gap:18px;min-height:96px;padding-block:16px;display:grid}.showcase-release+.showcase-release{border-block-start:1px solid var(--an-color-border)}.showcase-release__number{color:var(--an-color-text-3);font-family:var(--an-font-mono);font-size:11px}.showcase-release h3{font-family:var(--an-font-display);text-align:right;margin:0;font-size:17px}.showcase-release p{color:var(--an-color-text-3);margin:3px 0 0;font-size:11px}.showcase-release code{color:var(--an-color-timecode);font-family:var(--an-font-mono);text-align:left;font-size:11px}.showcase-release a{font-size:12px;font-weight:700}.showcase-doc-links{flex-wrap:wrap;gap:22px;margin-block-start:24px;display:flex}.showcase-doc-links a{font-size:12px;font-weight:700}.showcase-creator{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);align-items:end;gap:48px;min-height:420px;padding-block:clamp(80px,12vw,140px);display:grid}.showcase-creator p{color:var(--an-color-text-2);margin:0;line-height:1.8}.showcase-creator h2{font-family:var(--an-font-display);letter-spacing:-.055em;text-align:left;margin:12px 0 0;font-size:clamp(3.5rem,9vw,8rem);line-height:.8}.showcase-creator__copy{flex-direction:column;gap:26px;display:flex}.showcase-footer{padding-block:28px calc(36px + env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--an-color-border);color:var(--an-color-text-3);justify-content:space-between;gap:20px;font-size:11px;display:flex}.showcase-footer a{color:inherit}@media (max-width:960px){.showcase-nav{display:none}.live-product__grid{grid-template-columns:1fr}.live-shots{order:-1}.showcase-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-release{grid-template-columns:32px 1fr auto}.showcase-release code{text-align:right;grid-column:2/-1}}@media (max-width:700px){.showcase-topbar{padding-inline:12px}.showcase-brand{font-size:12px}.showcase-actions .showcase-text-link{display:none}.an-btn--sm{min-height:44px}.showcase-hero{padding-block:48px 72px}.showcase-hero h1{letter-spacing:-.035em;font-size:clamp(2.2rem,9vw,3rem)}.showcase-hero__summary{font-size:15px}.live-product{border-radius:16px 16px 6px;margin-block-start:44px}.live-product__bar{padding:10px 12px}.live-product__identity div>span{display:none}.live-product__save{min-height:44px}.live-product__body{padding:16px}.live-product__heading{padding-block-end:22px;display:grid}.live-product__heading h2{font-size:1.8rem}.live-product__add{width:100%}.live-shot{grid-template-columns:30px minmax(0,1fr);gap:10px}.live-shot__status{grid-column:2;width:fit-content}.showcase-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-strip>div:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--an-color-border)}.showcase-strip>div:nth-child(4){border-block-start:1px solid var(--an-color-border)}.showcase-section__intro,.showcase-type,.showcase-component-grid,.showcase-pattern-grid,.showcase-creator{grid-template-columns:1fr}.showcase-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-swatch{min-height:126px}.showcase-type__statement{min-height:250px}.showcase-stage--wide{grid-column:auto}.showcase-install{margin-inline:-8px}.showcase-release{grid-template-columns:28px minmax(0,1fr) auto;gap:12px}.showcase-release code{overflow-wrap:anywhere;grid-column:2/-1}.showcase-creator{min-height:340px}.showcase-creator h2{text-align:right;font-size:clamp(3.3rem,19vw,5.8rem)}.showcase-footer{flex-direction:column}}@media (max-width:430px){.showcase-brand__mark{display:none}.live-stats{grid-template-columns:1fr}.live-stats>div:nth-child(2n){border-inline-start:0}.live-stats>div+div{border-block-start:1px solid var(--an-color-border)}.showcase-type__roles>div{grid-template-columns:58px minmax(0,1fr)}.showcase-type__roles code{display:none}.showcase-release{grid-template-columns:24px minmax(0,1fr)}.showcase-release>a,.showcase-release code{grid-column:2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}