:root{--bg: #F8FAFC;--chrome-bg: #FFFFFF;--surface: #FFFFFF;--text: #0F172A;--text-rgb: 15, 23, 42;--border: #E2E8F0;--border-sel: #4F46E5;--border-foc: #4F46E5;--border-err: #DC2626;--slate: #64748B;--mid-slate: #64748B;--muted: #64748B;--charcoal: #0F172A;--primary: #4F46E5;--primary-rgb: 79, 70, 229;--primary-hover: #4338CA;--accent-2: #7C3AED;--gradient-primary: linear-gradient(135deg, #4F46E5, #7C3AED);--gradient-text: linear-gradient(105deg, var(--text) 0%, var(--primary) 45%, var(--text) 100%);--surface-hover: #EEF2FF;--success: #10B981;--badge-bg: #EEF2FF;--success-text: #15803D;--success-bg: rgba(34, 197, 94, 0.15);--success-border: #16A34A;--warning-text: #A16207;--warning-bg: rgba(234, 179, 8, 0.15);--warning-border: #D97706;--error-text: #DC2626;--error-bg: rgba(248, 113, 113, 0.15);--error-border: #DC2626;--bottom-nav-shadow: 0 8px 24px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.08);--shadow-card: 0 4px 20px -2px rgba(79, 70, 229, 0.1);--shadow-card-hover: 0 10px 25px -5px rgba(79, 70, 229, 0.15), 0 8px 10px -6px rgba(79, 70, 229, 0.1);--shadow-button: 0 4px 14px 0 rgba(79, 70, 229, 0.3);--r-sm: 4px;--r-md: 8px;--r-lg: 16px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font: 'DM Sans', 'abcNormal', sans-serif;--font-jp: 'DM Sans', 'abcNormal', "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--nav-h: 56px;--bottom-nav-h: 68px;--bottom-nav-gap: 16px;--container-form: 760px;--container-wide: 1200px;--state-hover: 0.08;--state-pressed: 0.12;--state-focus: 0.12;--state-disabled: 0.38;--ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);--ease-decel: cubic-bezier(0.0, 0.0, 0.2, 1);--dur-fast: 100ms;--dur-base: 200ms;--dur-slow: 300ms;--m3-standard: cubic-bezier(0.2, 0, 0, 1);--m3-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--m3-standard-decelerate: cubic-bezier(0, 0, 0, 1);--m3-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--m3-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--m3-dur-short2: 100ms;--m3-dur-short3: 150ms;--m3-dur-short4: 200ms;--m3-dur-medium1: 250ms}html[data-theme=dark]{--bg: #0B1220;--chrome-bg: #111827;--surface: #111827;--text: #F1F5F9;--text-rgb: 241, 245, 249;--border: #1E293B;--border-sel: #6366F1;--border-foc: #6366F1;--slate: #94A3B8;--mid-slate: #94A3B8;--muted: #94A3B8;--charcoal: #F1F5F9;--surface-hover: #1E1B4B;--badge-bg: #1E1B4B;--primary: #818CF8;--primary-rgb: 129, 140, 248;--success-text: #4ADE80;--success-border: #4ADE80;--warning-text: #EAB308;--warning-border: #FBBF24;--error-text: #F87171;--error-border: #F87171;--primary-hover: #A5B4FC;--shadow-card: 0 4px 20px -2px rgba(79, 70, 229, 0.25);--shadow-card-hover: 0 10px 25px -5px rgba(79, 70, 229, 0.35), 0 8px 10px -6px rgba(79, 70, 229, 0.25)}:lang(ja){font-family:var(--font-jp);line-height:1.6}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.4;min-height:100vh;overflow-x:clip}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *::before,html.theme-transitioning *::after{transition:background-color var(--m3-dur-medium1) var(--m3-standard),border-color var(--m3-dur-medium1) var(--m3-standard),color var(--m3-dur-medium1) var(--m3-standard),box-shadow var(--m3-dur-medium1) var(--m3-standard) !important}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}hr.divider{border:none;border-top:1px solid var(--border);margin:var(--sp-6) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-999px;left:0;z-index:999;padding:8px 16px;background:#4f46e5;color:#fff;font-size:13px}.skip-link:focus{top:0}.t-display{font-size:clamp(32px,8vw,42px);font-weight:400;line-height:1;letter-spacing:-1.2px}.t-heading{font-size:clamp(20px,4vw,26px);font-weight:400;line-height:1.1;letter-spacing:-0.9px}.t-card{font-size:20px;font-weight:400;line-height:1}.t-body{font-size:16px;line-height:1.5;letter-spacing:-0.16px}.t-small{font-size:14px;line-height:1.4;letter-spacing:-0.16px}.t-label{font-size:13px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:var(--slate)}.t-caption{font-size:12px;font-weight:450;letter-spacing:.2px}.t-micro{font-size:11px;font-weight:450;letter-spacing:.35px;text-transform:uppercase}.t-muted{color:var(--muted)}.t-slate{color:var(--slate)}.t-white{color:var(--text)}@supports(background-clip: text) or (-webkit-background-clip: text){.t-gradient{background-image:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}}.t-phrase{display:inline-block}.top-nav{position:sticky;top:0;z-index:110;background:var(--chrome-bg);border-bottom:1px solid var(--border);height:var(--nav-h);padding:0 var(--sp-5);display:flex;align-items:center;justify-content:space-between}.top-nav__logo{font-size:2rem;font-weight:600;letter-spacing:-0.5px}.top-nav__logo span{color:var(--slate);font-weight:400}.top-nav__right{display:flex;gap:var(--sp-2);align-items:center}.top-nav__desktop-settings{display:none;gap:var(--sp-2);align-items:center}@media(min-width: 768px){.top-nav__desktop-settings{display:flex}}.settings-popover{display:flex}@media(min-width: 768px){.settings-popover{display:none}}.settings-popover__trigger{position:relative;height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:border-color 120ms,color 120ms}.settings-popover__trigger svg{width:18px;height:18px;flex-shrink:0}.settings-popover__trigger::after{content:"";position:absolute;inset:-6px}.settings-popover__trigger:hover{border-color:var(--text);color:var(--text)}.settings-popover__trigger:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.settings-popover__dialog{position:fixed;inset:0;z-index:450;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.settings-popover__dialog[hidden]{display:none}.settings-popover__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.settings-popover__panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);width:100%;max-width:360px;z-index:1;opacity:0;transform:scale(0.96);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.settings-popover__dialog--open .settings-popover__backdrop{opacity:1}.settings-popover__dialog--open .settings-popover__panel{opacity:1;transform:scale(1);transition-timing-function:var(--ease-decel)}@media(prefers-reduced-motion: reduce){.settings-popover__backdrop,.settings-popover__panel{transition:none;transform:none;opacity:1}}.settings-popover__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.settings-popover__title{font-size:18px;font-weight:400}.settings-popover__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--slate);cursor:pointer}.settings-popover__close svg{width:18px;height:18px}.settings-popover__close:hover{color:var(--text)}.settings-popover__row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-top:1px solid var(--border)}.settings-popover__row:first-of-type{border-top:none}.settings-popover__label{font-size:15px;color:var(--text)}.settings-popover__lang-group{display:flex;gap:var(--sp-2)}.sidebar__footer{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border)}.app-shell{display:flex;min-height:calc(100vh - var(--nav-h))}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding-bottom:var(--sp-5);display:none;flex-direction:column;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h))}@media(min-width: 768px){.sidebar{display:flex}}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;padding-top:var(--sp-5)}.sidebar__item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-5);font-size:15px;font-weight:400;color:var(--slate);cursor:pointer;transition:color 120ms,background 120ms,background-color 120ms;letter-spacing:-0.16px;border-left:2px solid rgba(0,0,0,0)}.sidebar__item:hover{color:var(--primary);background:var(--surface-hover)}.sidebar__item.active{color:var(--primary);border-left-color:var(--primary);background-color:var(--surface-hover)}.sidebar__item svg{width:16px;height:16px;flex-shrink:0}.sidebar__section{font-size:13px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);padding:var(--sp-5) var(--sp-5) var(--sp-2);margin-top:var(--sp-4)}.sidebar__section:first-child{margin-top:0}.sidebar__divider{border:none;border-top:1px solid var(--border);margin:var(--sp-4) 0}.main{flex:1;min-width:0;padding-bottom:calc(var(--bottom-nav-h) + var(--bottom-nav-gap) + var(--sp-4))}@media(min-width: 768px){.main{padding-bottom:var(--sp-6)}}.bottom-nav{position:fixed;bottom:var(--bottom-nav-gap);left:var(--bottom-nav-gap);right:var(--bottom-nav-gap);z-index:100;background:var(--surface);border:1.5px solid var(--border-sel);border-radius:var(--r-lg);height:var(--bottom-nav-h);display:flex;align-items:stretch;box-shadow:var(--bottom-nav-shadow)}@media(min-width: 768px){.bottom-nav{display:none}}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--slate);transition:color 120ms;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;background:rgba(0,0,0,0);text-decoration:none;border-radius:var(--r-md)}.bottom-nav__item.active{color:var(--primary)}.bottom-nav__item svg{width:20px;height:20px}.bottom-nav__label{font-size:11px;font-weight:450;letter-spacing:.2px;text-transform:uppercase}.top-nav__lang{font-size:13px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);cursor:pointer;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:rgba(0,0,0,0);transition:border-color 120ms,color 120ms}.top-nav__lang:hover,.top-nav__lang.active{border-color:var(--text);color:var(--text)}.top-nav__lang--pending{background:rgba(var(--primary-rgb, 59, 130, 246), 0.1);border-color:var(--primary);color:var(--primary);pointer-events:none}.theme-toggle{cursor:pointer;background:rgba(0,0,0,0);transition:border-color 120ms,color 120ms,background-color 120ms}.theme-toggle svg{width:18px;height:18px;flex-shrink:0;transition:opacity var(--m3-dur-short3) var(--m3-standard-decelerate),transform var(--m3-dur-short3) var(--m3-standard-decelerate)}@media(prefers-reduced-motion: reduce){.theme-toggle svg{transition:none}}.theme-toggle svg.icon-swap-out{opacity:0;transform:rotate(-45deg) scale(0.6);transition:opacity var(--m3-dur-short2) var(--m3-standard-accelerate),transform var(--m3-dur-short2) var(--m3-standard-accelerate)}@media(prefers-reduced-motion: reduce){.theme-toggle svg.icon-swap-out{transition:none}}.theme-toggle:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.theme-toggle--mobile{position:relative;height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--slate)}.theme-toggle--mobile::after{content:"";position:absolute;inset:-6px}.theme-toggle--mobile:hover{border-color:var(--text);color:var(--text)}.theme-toggle--sidebar{display:none}@media(min-width: 768px){.theme-toggle--sidebar{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px var(--sp-5);font-size:15px;color:var(--slate);border:none;letter-spacing:-0.16px}.theme-toggle--sidebar:hover{color:var(--text);background:var(--surface-hover)}}.page{padding:var(--sp-6) var(--sp-5) var(--sp-4);max-width:600px;margin:0 auto}@media(min-width: 768px){.page{padding:var(--sp-8) var(--sp-8)}}@media(min-width: 1024px){.page{max-width:var(--container-form)}}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-4)}@media(min-width: 768px){.container-wide{padding:var(--sp-8) var(--sp-8)}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.page-header--tight{margin-bottom:var(--sp-4)}.page-header__titles .page-title{margin-bottom:var(--sp-1)}.page-header__actions{display:flex;align-items:center;gap:var(--sp-2)}.page-title{font-size:clamp(24px,7vw,40px);font-weight:400;line-height:1;letter-spacing:-1px}.page-subtitle{margin-top:var(--sp-1)}.q-group{margin-bottom:var(--sp-8)}.q-group:last-child{margin-bottom:0}.q-group--inline{display:flex;align-items:center;gap:var(--sp-3)}.filter-bar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-6)}@media(min-width: 768px){.filter-bar{flex-wrap:wrap}}@media(max-width: 767px){.filter-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.filter-bar::-webkit-scrollbar{display:none}.filter-bar .badge{flex-shrink:0}}.form-contents{display:contents}.form-actions{margin-top:var(--sp-4)}.btn{-webkit-appearance:none;appearance:none;background:none;display:inline-flex;align-items:center;justify-content:center}.btn[hidden]{display:none}.btn{gap:var(--sp-2);font-size:15px;font-weight:600;letter-spacing:-0.16px;border-radius:var(--r-sm);padding:10px 20px;border:none;cursor:pointer;transition:opacity 150ms,border-color 150ms;white-space:nowrap;line-height:1;position:relative}.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;transition:opacity 100ms;pointer-events:none}.btn:hover::before{opacity:var(--state-hover)}.btn:active::before{opacity:var(--state-pressed)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button);transition:transform 150ms,opacity 150ms}.btn--primary:hover{transform:translateY(-1px);opacity:1}.btn--primary::before{background:#fff}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--primary);color:var(--primary)}.btn--ghost{background:rgba(0,0,0,0);color:var(--slate);border:none}.btn--ghost:hover{color:var(--text)}.btn--danger{background:rgba(0,0,0,0);color:var(--error-text);border:1px solid var(--error-border)}.btn--danger:hover{background:var(--error-bg)}.btn--sm{font-size:14px;padding:7px 14px}.btn--lg{padding:12px 24px}.btn--full{width:100%}.btn--icon{width:32px;height:32px;padding:0;border:1px solid var(--border);color:var(--slate);flex-shrink:0}.btn--icon:hover{border-color:var(--text);color:var(--text)}.btn--icon-danger{width:32px;height:32px;padding:0;border:1px solid var(--border);color:var(--slate);flex-shrink:0}.btn--icon-danger:hover,.btn--icon-danger:focus-visible{border-color:var(--error-border);color:var(--error-text);background:var(--error-bg)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--state-disabled);cursor:not-allowed;pointer-events:none}.btn--loading{position:relative;color:rgba(0,0,0,0) !important;pointer-events:none}.btn--loading::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:btn-spin .6s linear infinite;color:var(--text)}@keyframes btn-spin{to{transform:rotate(360deg)}}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 16px;font-size:16px;color:var(--text);letter-spacing:-0.16px;transition:border-color 120ms;outline:none}.input::placeholder{color:var(--slate)}.input:focus{border-color:var(--border-foc)}.input--error{border-color:var(--border-err)}.input:disabled{opacity:var(--state-disabled);cursor:not-allowed;pointer-events:none}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23767d88' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}select.input option{background:var(--surface)}textarea.input{resize:vertical;min-height:80px;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}textarea.input::-webkit-scrollbar{width:6px}textarea.input::-webkit-scrollbar-track{background:rgba(0,0,0,0)}textarea.input::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}textarea.input::-webkit-scrollbar-thumb:hover{background:var(--border-foc)}.input-group{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.input-label{font-size:15px;color:var(--slate);letter-spacing:-0.16px}.input-label--bright{color:var(--text)}.input-hint{font-size:14px;color:var(--slate);letter-spacing:-0.1px}.input-error-msg{font-size:14px;color:var(--border-err);margin-top:var(--sp-1)}.option-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--sp-2)}.option-grid--3{grid-template-columns:repeat(3, 1fr)}.option-grid--4{grid-template-columns:repeat(4, 1fr)}.option-grid--5{grid-template-columns:repeat(5, 1fr)}.option-grid--1{grid-template-columns:1fr}@media(max-width: 480px){.option-grid--aspect-ratio{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.option-grid--languages{grid-template-columns:repeat(6, 1fr)}.option-grid--languages [data-lang=japanese]{order:1;grid-column:span 2}.option-grid--languages [data-lang=korean]{order:2;grid-column:span 2}.option-grid--languages [data-lang=chinese]{order:3;grid-column:span 2}.option-grid--languages [data-lang=english]{order:4;grid-column:span 3}.option-grid--languages [data-lang=indonesian]{order:5;grid-column:span 3}}.option-grid--2-3{grid-template-columns:repeat(6, 1fr)}.option-grid--2-3 .option-card:nth-child(-n+2){grid-column:span 3}.option-grid--2-3 .option-card:nth-child(n+3){grid-column:span 2}@media(max-width: 480px){.option-grid--2-3 .option-card:nth-child(-n+2){grid-column:span 3}.option-grid--2-3 .option-card:nth-child(n+3){grid-column:span 6}.option-grid--2-3 .option-card:nth-child(-n+2) .option-card__sub{font-size:12px;text-wrap:nowrap}}.option-card{position:relative;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);cursor:pointer;transition:border-color 120ms,background 120ms;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.option-card:hover{background:var(--surface-hover)}.option-card:active{background:rgba(var(--primary-rgb), var(--state-pressed))}.option-card:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.option-card.selected,.option-card:has(input[type=radio]:checked),.option-card:has(input[type=checkbox]:checked){background:rgba(var(--primary-rgb, 59, 130, 246), 0.08);border-color:var(--primary)}.option-card.selected .option-card__icon,.option-card:has(input[type=radio]:checked) .option-card__icon,.option-card:has(input[type=checkbox]:checked) .option-card__icon{color:var(--primary)}.option-card.selected .option-card__label,.option-card:has(input[type=radio]:checked) .option-card__label,.option-card:has(input[type=checkbox]:checked) .option-card__label{color:var(--primary)}.option-card__icon{color:var(--slate);width:20px;height:20px;transition:color 120ms}.option-card__label{font-size:15px;color:var(--slate);text-align:center;line-height:1.3;transition:color 120ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.option-card__sub{font-size:14px;font-weight:450;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);text-align:center}.option-card--row{flex-direction:row;justify-content:space-between;min-height:52px;padding:12px 16px;gap:var(--sp-3)}.option-card--row .option-card__label{text-align:left;font-size:15px;color:var(--slate)}.option-card--toggle{cursor:default}.option-card--toggle:has(input:checked),.option-card--toggle.selected{background:var(--surface);border-color:var(--border)}.option-card--toggle:has(input:checked) .option-card__label{color:var(--text)}.option-card--wide{grid-column:span 2}.option-card--sm{min-height:62px;padding:var(--sp-2)}.option-card--sm .option-card__label{font-size:13px}.aspect-glyph{display:flex;align-items:center;justify-content:center;width:38px;height:38px}.aspect-glyph__box{flex:none;border:1.5px solid var(--slate);border-radius:var(--r-sm);transition:border-color 120ms,background 120ms}.option-card:has(input[type=radio]:checked) .aspect-glyph__box{border-color:var(--primary);background:rgba(var(--primary-rgb, 59, 130, 246), 0.18)}.audience-sublabel{font-size:14px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);margin:var(--sp-4) 0 var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border)}.other-reveal{overflow:hidden;max-height:0;opacity:0;transition:max-height 250ms ease,opacity 200ms ease;margin-top:0}.other-reveal.open{max-height:100px;opacity:1;margin-top:var(--sp-2)}.q-group[data-goal-reveal]:has(input[value=other]:checked) .other-reveal{max-height:100px;opacity:1;margin-top:var(--sp-2)}.duration-tabs{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--sp-2)}.dur-tab{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;text-align:center;cursor:pointer;transition:border-color 120ms,background 120ms}.dur-tab:hover{background:rgba(var(--text-rgb), var(--state-hover))}.dur-tab:active{background:rgba(var(--text-rgb), var(--state-pressed))}.dur-tab:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.dur-tab.selected,.dur-tab:has(input[type=radio]:checked){background:rgba(var(--primary-rgb), 0.08);border-color:var(--primary)}.dur-tab.selected .dur-tab__val,.dur-tab:has(input[type=radio]:checked) .dur-tab__val{color:var(--text)}.dur-tab.selected .dur-tab__unit,.dur-tab:has(input[type=radio]:checked) .dur-tab__unit{color:var(--slate)}.dur-tab__val{font-size:20px;font-weight:400;color:var(--slate);letter-spacing:-0.5px;transition:color 120ms}.dur-tab__unit{font-size:14px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);margin-top:2px;transition:color 120ms}.wizard-steps{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8)}.wizard-step{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none}.wizard-step__dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:450;color:var(--slate);flex-shrink:0;transition:border-color 200ms,background 200ms,color 200ms}.wizard-step__label{font-size:12px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);transition:color 200ms;white-space:nowrap}.wizard-step--active .wizard-step__dot{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.15);color:var(--primary)}.wizard-step--active .wizard-step__label{color:var(--primary)}.wizard-step--complete .wizard-step__dot{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.15);color:var(--primary)}.wizard-step__conn{flex:1;height:1px;background:var(--border)}.wizard-nav{display:flex;gap:var(--sp-2);padding-top:var(--sp-4);margin-top:var(--sp-4);border-top:1px solid var(--border)}.wizard-nav__back{flex:0 0 auto}.wizard-nav__next{flex:1}.wizard-nav__spacer{flex:1}.wizard-nav__actions{display:flex;gap:var(--sp-2)}.wizard-nav__back,.wizard-nav__next{height:42px}@media(min-width: 768px){.wizard-nav__back,.wizard-nav__next{height:62px}}.wizard-panel{display:none;padding:var(--sp-6) 0}@media(min-width: 768px){.wizard-panel{padding:var(--sp-6) var(--sp-5)}}.wizard-panel[data-project-wizard-target=step]:not([hidden]){display:block}.wizard-intro{margin-bottom:var(--sp-8)}.wizard-intro .t-heading{margin-bottom:var(--sp-2)}.wizard-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0}@media(min-width: 768px){.wizard-mobile-header{padding:var(--sp-3) var(--sp-5)}}.wizard-mobile-header{border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.wizard-mobile-header__trailing{display:flex;align-items:center;gap:var(--sp-3)}.wizard-mobile-header__cancel{font-size:16px;color:var(--slate);display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.wizard-mobile-header__title{font-size:16px;font-weight:500}.wizard-mobile-header__counter{font-size:15px;color:var(--slate);white-space:nowrap;flex-shrink:0}.wizard-progress{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sp-2);margin-bottom:var(--sp-8);margin-top:var(--sp-6);padding:0}@media(min-width: 768px){.wizard-progress{padding:0 var(--sp-5)}}@media(max-width: 767px){.wizard-progress{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.wizard-progress::-webkit-scrollbar{display:none}}.wizard-progress .wizard-step{gap:var(--sp-2);background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.wizard-progress .wizard-step__num{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:450;color:var(--slate);flex-shrink:0;transition:border-color 200ms,background 200ms,color 200ms}@media(min-width: 768px){.wizard-progress .wizard-step__num{width:28px;height:28px;font-size:14px}}@media(min-width: 768px){.wizard-progress .wizard-step__label{font-size:14px}}.wizard-progress .wizard-step--active .wizard-step__num{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.15);color:var(--primary)}.wizard-progress .wizard-step--active .wizard-step__label{color:var(--primary)}.wizard-progress .wizard-step--complete .wizard-step__num{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.15);color:var(--primary)}.wizard-progress .wizard-connector{flex:1;height:1px;background:var(--border);min-width:var(--sp-6)}.detail-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.detail-add{align-self:flex-start}.detail-row{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--sp-2);align-items:center}.detail-row__remove{background:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);transition:color 120ms;flex-shrink:0}.detail-row__remove:hover{color:var(--slate)}.submit-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);opacity:0;transition:opacity 300ms ease}.submit-overlay--visible{opacity:1}.submit-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;padding:var(--sp-6)}.submit-overlay__title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.submit-overlay__subtitle{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0}.upload-zone{border:2px dashed var(--border);border-radius:var(--r-md);padding:var(--sp-8) var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);cursor:pointer;transition:border-color var(--m3-dur-short2) var(--m3-standard-accelerate),background var(--m3-dur-short2) var(--m3-standard-accelerate),transform var(--m3-dur-short2) var(--m3-standard-accelerate);text-align:center}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.05)}.upload-zone:hover .upload-zone__icon,.upload-zone:focus-within .upload-zone__icon{color:var(--primary)}.upload-zone--dragover{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.08);transform:scale(1.015);transition:border-color var(--m3-dur-short3) var(--m3-standard-decelerate),background var(--m3-dur-short3) var(--m3-standard-decelerate),transform var(--m3-dur-short3) var(--m3-standard-decelerate)}.upload-zone--dragover .upload-zone__icon{color:var(--primary)}@media(prefers-reduced-motion: reduce){.upload-zone{transition:none}}.upload-zone input[type=file]{display:none}.upload-zone__icon{color:var(--charcoal);width:28px;height:28px;transition:color 150ms}.upload-zone__title{font-size:15px;color:var(--muted)}.upload-zone__subtitle{font-size:14px;color:var(--slate);letter-spacing:.2px}.upload-zone__text{font-size:15px;color:var(--muted);line-height:1.4}.upload-zone__hint{font-size:14px;color:var(--slate);letter-spacing:.2px}.upload-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--slate);font-size:14px;letter-spacing:.35px;text-transform:uppercase;margin:var(--sp-4) 0}.upload-divider::before,.upload-divider::after{content:"";flex:1;height:1px;background:var(--border)}.upload-compact{border:1px dashed var(--border);border-radius:var(--r-md);padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);cursor:pointer;transition:border-color 150ms,background 150ms}.upload-compact:hover{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.05)}.upload-compact:hover .upload-compact__icon{color:var(--primary)}.upload-compact__icon{color:var(--charcoal);flex-shrink:0;transition:color 150ms}.upload-compact[hidden]{display:none}.upload-logo{margin-bottom:var(--sp-6)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--sp-2);margin-top:var(--sp-3)}.meter{font-size:13px;color:var(--slate);margin-top:var(--sp-2)}.meter__msg{font-style:italic}.logo-head{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3)}.logo-head__title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.logo-head__optional{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}.logo-dropzone{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5);border:2px dashed var(--border);border-radius:var(--r-md);cursor:pointer;text-align:center;transition:border-color var(--m3-dur-short2) var(--m3-standard-accelerate),background var(--m3-dur-short2) var(--m3-standard-accelerate)}.logo-dropzone:hover,.logo-dropzone:focus-visible{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.05)}.logo-dropzone:hover .logo-dropzone__icon,.logo-dropzone:hover .logo-dropzone__label,.logo-dropzone:focus-visible .logo-dropzone__icon,.logo-dropzone:focus-visible .logo-dropzone__label{color:var(--primary)}.logo-dropzone:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.logo-dropzone--dragover{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.08)}.logo-dropzone--dragover .logo-dropzone__icon{color:var(--primary)}.logo-dropzone[hidden]{display:none}@media(prefers-reduced-motion: reduce){.logo-dropzone{transition:none}}.logo-dropzone__icon{color:var(--charcoal);flex-shrink:0;transition:color 150ms}.logo-dropzone__label{font-size:14px;color:var(--slate);transition:color 150ms}.brand-tile__meta,.brand-tile__badge,.filmstrip__badge{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);border-radius:var(--r-sm);padding:1px 4px;font-size:13px;font-weight:450;letter-spacing:.3px;text-transform:uppercase;color:#fff;pointer-events:none}.filmstrip{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2)}.filmstrip[hidden]{display:none}.filmstrip{scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.filmstrip--spaced{margin-top:var(--sp-3)}.filmstrip__item{flex-shrink:0;width:88px;height:88px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:var(--charcoal)}.filmstrip__item[hidden]{display:none}.filmstrip__item img,.filmstrip__item video{width:100%;height:100%;object-fit:cover}.filmstrip__item[role=button]{cursor:pointer}.filmstrip__item[role=button]:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.filmstrip__item--error{border-color:var(--error-border)}.filmstrip__item--error::after{content:"!";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(100,30,30,.7);color:#e07070;font-size:18px;font-weight:600;border-radius:var(--r-md)}.filmstrip__item--mismatch{border:2px solid var(--warning-border)}.filmstrip__item--mismatch::after{content:"!";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--warning-border);color:#1a1300;font-size:11px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding-top:1px;box-shadow:0 0 0 1.5px var(--surface);z-index:2}.filmstrip__item--exiting{overflow:hidden;opacity:0;transform:scale(0.85);width:0;transition:width var(--m3-dur-short3) var(--m3-standard-accelerate),opacity var(--m3-dur-short2) var(--m3-standard-accelerate),transform var(--m3-dur-short3) var(--m3-standard-accelerate)}@media(prefers-reduced-motion: reduce){.filmstrip__item--exiting{transition-duration:1ms}}.filmstrip__progress--determinate::after{animation:none;border:none;width:30px;height:30px;background:conic-gradient(var(--primary) calc(var(--pct, 0) * 1%), rgba(255, 255, 255, 0.25) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));transition:background 120ms linear}@media(prefers-reduced-motion: reduce){.filmstrip__progress--determinate::after{transition:none}}.filmstrip__progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:-0.2px;color:#fff;pointer-events:none}.filmstrip__remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.75);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;padding:0;z-index:2;transition:background 120ms}.filmstrip__remove:hover{background:rgba(0,0,0,.95)}.filmstrip__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.filmstrip__progress{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;border-radius:var(--r-md)}.filmstrip__progress::after{content:"";width:24px;height:24px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);border-top-color:var(--text);animation:filmstrip-spin .8s linear infinite}.filmstrip__progress[hidden]{display:none}@keyframes filmstrip-spin{to{transform:rotate(360deg)}}.bgm-list{display:flex;flex-direction:column;gap:var(--sp-2);scroll-snap-type:y mandatory;mask-image:linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 32px), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 32px), transparent 100%);padding-top:var(--sp-1);padding-bottom:var(--sp-1)}.bgm-list>[data-bgm-wizard-target=group]{display:flex;flex-direction:column;gap:var(--sp-2)}.bgm-list{scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}.bgm-list::-webkit-scrollbar{width:6px}.bgm-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.bgm-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}.bgm-list::-webkit-scrollbar-thumb:hover{background:var(--charcoal)}.bgm-row{position:relative;scroll-snap-align:start;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color 120ms,background-color 120ms}.bgm-row[hidden]{display:none}.bgm-row:hover{background:var(--surface-hover)}.bgm-row:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.bgm-row.selected,.bgm-row:has(input[type=radio]:checked){border-color:var(--border-sel);background:var(--surface-hover)}.bgm-row__play{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--slate);background:rgba(0,0,0,0);cursor:pointer;transition:border-color 120ms,color 120ms}.bgm-row__play:hover{border-color:var(--text);color:var(--text)}.bgm-row__info{flex:1;min-width:0}.bgm-row__name{font-size:16px;color:var(--text);letter-spacing:-0.16px}.bgm-row__meta{font-size:14px;color:var(--slate);margin-top:2px}.bgm-row__dur{font-size:14px;color:var(--muted);flex-shrink:0}.bgm-row__actions{display:flex;gap:var(--sp-1);flex-shrink:0}.bgm-row__check{flex-shrink:0;color:var(--primary);opacity:0;transform:scale(0.6);transition:opacity 120ms,transform 120ms}.bgm-row:has(input[type=radio]:checked) .bgm-row__check{opacity:1;transform:scale(1)}.bgm-manage-list{display:flex;flex-direction:column;gap:var(--sp-2)}.bgm-manage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color 150ms,background 150ms}.bgm-manage-row:hover{border-color:var(--border-foc);background:var(--surface-hover)}.bgm-manage-row__info{flex:1;min-width:0}.bgm-manage-row__name{font-size:16px;color:var(--text);letter-spacing:-0.16px}.bgm-manage-row__meta{font-size:15px;color:var(--slate);margin-top:3px}.bgm-manage-row__actions{display:flex;gap:var(--sp-2);flex-shrink:0;transition:opacity 150ms}@media(hover: hover){.bgm-manage-row__actions{opacity:0}.bgm-manage-row:hover .bgm-manage-row__actions,.bgm-manage-row:focus-within .bgm-manage-row__actions{opacity:1}}.waveform-scrubber{flex:0 0 100%;margin-top:var(--sp-2);cursor:pointer}.waveform-scrubber>div{width:100% !important;border-radius:var(--r-sm);overflow:hidden}.waveform-scrubber [part=cursor]{width:2px !important;background:var(--text) !important;opacity:.8}.upload-zone--drag{border-color:var(--primary) !important;background:var(--badge-bg)}.upload-zone--drag .upload-zone__icon{color:var(--primary)}.control-bar{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-5)}.control-bar__row{display:flex;align-items:center;gap:var(--sp-2)}.control-bar__row .search-input{flex:1;min-width:0}.search-input{position:relative;width:100%}.search-input__icon{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--slate);pointer-events:none}.search-input__spinner{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none;animation:search-input-spin .7s linear infinite}@media(prefers-reduced-motion: reduce){.search-input__spinner{animation-duration:1.4s}}.search-input__spinner[hidden]{display:none}.search-input__clear{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:background-color 120ms,color 120ms}.search-input__clear:hover{background:var(--surface-hover);color:var(--text)}.search-input__clear:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.search-input__clear[hidden]{display:none}.search-input__field{-webkit-appearance:none;appearance:none;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 40px 12px 42px;font-size:16px;color:var(--text);letter-spacing:-0.16px;outline:none;transition:border-color 120ms}.search-input__field::placeholder{color:var(--charcoal)}.search-input__field:focus{border-color:var(--border-foc)}.search-input__field::-webkit-search-cancel-button,.search-input__field::-webkit-search-decoration,.search-input__field::-webkit-search-results-button,.search-input__field::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@keyframes search-input-spin{to{transform:translateY(-50%) rotate(360deg)}}.filter-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pills__track{display:flex;flex-wrap:nowrap;gap:var(--sp-2);width:max-content;min-width:100%}.filter-pill{flex-shrink:0;scroll-snap-align:start;padding:7px 16px;font-size:13px;font-weight:500;letter-spacing:.1px;color:var(--slate);background:rgba(0,0,0,0);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:border-color 150ms,color 150ms,background 150ms}.filter-pill:hover{border-color:var(--muted);color:var(--muted)}.filter-pill:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.filter-pill--active{background:var(--text);border-color:var(--text);color:var(--bg)}.filter-pill--active:hover{border-color:var(--text);color:var(--bg)}.track-list{display:flex;flex-direction:column;gap:var(--sp-2)}.track-list[hidden]{display:none}[data-controller=bgm-library]{padding-bottom:0;transition:padding-bottom var(--dur-base) var(--ease-standard)}[data-controller=bgm-library]:has(.now-playing-bar--visible){padding-bottom:calc(var(--bottom-nav-h) + var(--bottom-nav-gap)*4)}@media(min-width: 768px){[data-controller=bgm-library]:has(.now-playing-bar--visible){padding-bottom:72px}}.track-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color 150ms,background 150ms}.track-card[hidden]{display:none}.track-card:hover{border-color:var(--border-foc);background:var(--surface-hover)}.track-card.is-playing{border-color:var(--primary);background:var(--surface-hover)}.track-card--flash{animation:track-card-flash var(--dur-slow) var(--ease-standard)}.track-card__play{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--slate);background:rgba(0,0,0,0);cursor:pointer;transition:border-color 120ms,color 120ms}.track-card__play:hover{border-color:var(--text);color:var(--text)}.track-card__info{flex:1;min-width:0}.track-card__name{font-size:16px;font-weight:500;color:var(--text);letter-spacing:-0.16px}.track-card__meta{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--slate);margin-top:3px;flex-shrink:0;white-space:nowrap;overflow:hidden}.track-card__meta span{flex-shrink:0;white-space:nowrap}.track-card__actions{display:flex;gap:var(--sp-2);flex-shrink:0;transition:opacity 150ms}@media(hover: hover){.track-card__actions{opacity:0}.track-card:hover .track-card__actions,.track-card:focus-within .track-card__actions{opacity:1}}.track-empty{text-align:center;padding:var(--sp-8) 0;font-size:14px;color:var(--slate)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6)}.pagination[hidden]{display:none}.pagination__arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;color:var(--slate);cursor:pointer;text-decoration:none;transition:border-color 150ms,color 150ms}.pagination__arrow:hover:not(:disabled){border-color:var(--text);color:var(--text)}.pagination__arrow:disabled,.pagination__arrow--disabled{opacity:var(--state-disabled);cursor:not-allowed;pointer-events:none}.pagination__arrow:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.pagination__pages{display:flex;align-items:center;gap:4px}.pagination__page{min-width:32px;height:32px;padding:0 4px;border-radius:var(--r-full);border:none;background:rgba(0,0,0,0);color:var(--slate);font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background 150ms,color 150ms}.pagination__page:hover{color:var(--text)}.pagination__page:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.pagination__page--active{background:var(--text);color:var(--bg);font-weight:600}.bgm-player{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.bgm-player__row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.bgm-player__btn{background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0}.bgm-player__info{flex:1;min-width:0}.bgm-player__name{font-size:16px;color:var(--text)}.bgm-player__meta{font-size:14px;color:var(--slate)}.bgm-player__time{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.bgm-player__scrubber{height:3px;background:var(--border);border-radius:var(--r-full);cursor:pointer}.bgm-player__fill{height:100%;background:var(--text);border-radius:var(--r-full);width:0}.bgm-mobile-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:100%}.bgm-mobile-row__icon{color:var(--slate);flex-shrink:0}.bgm-mobile-row__content{flex:1;text-align:left}.bgm-mobile-row__label{font-size:16px;color:var(--text);display:block}.bgm-mobile-row__sub{font-size:14px;color:var(--slate)}.bgm-bottom-sheet{position:fixed;inset:0;z-index:300}.bgm-bottom-sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}.bgm-bottom-sheet__panel{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--sp-5);max-height:70vh;overflow-y:auto}.bgm-bottom-sheet__handle{width:36px;height:4px;background:var(--border);border-radius:var(--r-full);margin:0 auto var(--sp-4)}.bgm-bottom-sheet__title{font-size:16px;font-weight:500;margin-bottom:var(--sp-4)}.bgm-sheet-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);width:100%;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--border);text-align:left}.bgm-sheet-item:last-child{border-bottom:none}.bgm-sheet-item__icon{color:var(--slate);flex-shrink:0}.bgm-sheet-item__info{flex:1}.bgm-sheet-item__name{font-size:16px;color:var(--text);display:block}.bgm-sheet-item__meta{font-size:14px;color:var(--slate)}.bgm-row{position:relative;scroll-snap-align:start;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color 120ms,background-color 120ms}.bgm-row[hidden]{display:none}.bgm-row:hover{background:var(--surface-hover)}.bgm-row:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.bgm-row.selected,.bgm-row:has(input[type=radio]:checked){border-color:var(--border-sel);background:var(--surface-hover)}.bgm-row__play{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--slate);background:rgba(0,0,0,0);cursor:pointer;transition:border-color 120ms,color 120ms}.bgm-row__play:hover{border-color:var(--text);color:var(--text)}.bgm-row__info{flex:1;min-width:0}.bgm-row__name{font-size:16px;color:var(--text);letter-spacing:-0.16px}.bgm-row__meta{font-size:14px;color:var(--slate);margin-top:2px}.bgm-row__dur{font-size:14px;color:var(--muted);flex-shrink:0}.bgm-row__actions{display:flex;gap:var(--sp-1);flex-shrink:0}.bgm-row__check{flex-shrink:0;color:var(--primary);opacity:0;transform:scale(0.6);transition:opacity 120ms,transform 120ms}.bgm-row:has(input[type=radio]:checked) .bgm-row__check{opacity:1;transform:scale(1)}.bgm-manage-list{display:flex;flex-direction:column;gap:var(--sp-2)}.bgm-manage-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.bgm-manage-row__info{flex:1;min-width:0}.bgm-manage-row__name{font-size:16px;color:var(--text);letter-spacing:-0.16px}.bgm-manage-row__meta{font-size:15px;color:var(--slate);margin-top:3px}.bgm-manage-row__mood{display:inline-flex;align-items:center;font-size:11px;font-weight:450;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--slate);margin-top:4px}.bgm-player{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.bgm-player__row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.bgm-player__btn{background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0}.bgm-player__info{flex:1;min-width:0}.bgm-player__name{font-size:16px;color:var(--text)}.bgm-player__meta{font-size:14px;color:var(--slate)}.bgm-player__time{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.bgm-player__scrubber{height:3px;background:var(--border);border-radius:var(--r-full);cursor:pointer}.bgm-player__fill{height:100%;background:var(--text);border-radius:var(--r-full);width:0}.bgm-mobile-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:100%}.bgm-mobile-row__icon{color:var(--slate);flex-shrink:0}.bgm-mobile-row__content{flex:1;text-align:left}.bgm-mobile-row__label{font-size:16px;color:var(--text);display:block}.bgm-mobile-row__sub{font-size:14px;color:var(--slate)}.bgm-bottom-sheet{position:fixed;inset:0;z-index:300}.bgm-bottom-sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}.bgm-bottom-sheet__panel{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--sp-5);max-height:70vh;overflow-y:auto}.bgm-bottom-sheet__handle{width:36px;height:4px;background:var(--border);border-radius:var(--r-full);margin:0 auto var(--sp-4)}.bgm-bottom-sheet__title{font-size:16px;font-weight:500;margin-bottom:var(--sp-4)}.bgm-sheet-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);width:100%;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--border);text-align:left}.bgm-sheet-item:last-child{border-bottom:none}.bgm-sheet-item__icon{color:var(--slate);flex-shrink:0}.bgm-sheet-item__info{flex:1}.bgm-sheet-item__name{font-size:16px;color:var(--text);display:block}.bgm-sheet-item__meta{font-size:14px;color:var(--slate)}.bgm-chips{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.bgm-chips::-webkit-scrollbar{display:none}.bgm-chip{flex-shrink:0;scroll-snap-align:start;padding:6px 14px;font-size:13px;font-weight:450;letter-spacing:.1px;color:var(--slate);background:rgba(0,0,0,0);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:border-color 150ms,color 150ms,background 150ms}.bgm-chip:hover{border-color:var(--muted);color:var(--muted)}.bgm-chip:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.bgm-chip--active{background:var(--text);border-color:var(--text);color:var(--bg)}.bgm-chip--active:hover{border-color:var(--text);color:var(--bg)}.bgm-selected{margin-bottom:var(--sp-3);animation:bgm-selected-in 200ms ease both}.bgm-selected--empty .bgm-selected__inner{border-style:dashed;border-color:var(--border);background:rgba(0,0,0,0)}.bgm-selected--empty .bgm-selected__icon{color:var(--charcoal)}.bgm-selected--empty .bgm-selected__name{color:var(--slate);font-weight:400}button.bgm-selected{display:block;width:100%;padding:0;border:none;background:none;font:inherit;text-align:left;cursor:pointer}button.bgm-selected:hover .bgm-selected__inner{background:var(--surface-hover);border-color:var(--slate)}button.bgm-selected:focus-visible{outline:none}button.bgm-selected:focus-visible .bgm-selected__inner{box-shadow:0 0 0 2px var(--primary)}button.bgm-selected:active .bgm-selected__inner{background:var(--surface-hover)}.bgm-selected__action{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--primary)}.bgm-selected__chevron{flex-shrink:0;color:inherit}@keyframes bgm-selected-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bgm-selected__inner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-hover);border:1px solid var(--border-sel);border-radius:var(--r-md)}.bgm-selected__icon{color:var(--text);flex-shrink:0}.bgm-selected__name{flex:1;font-size:14px;font-weight:450;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgm-selected__clear{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;border-radius:50%;transition:color 150ms,background 150ms}.bgm-selected__clear:hover{color:var(--text);background:var(--surface-hover)}.bgm-selected__clear:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.icon-pause{display:none}.is-playing .icon-play{display:none}.is-playing .icon-pause{display:inline-block}.is-loading .icon-play,.is-loading .icon-pause{display:none}.is-loading .bgm-row__play,.is-loading .bgm-manage-row__play,.is-loading .track-card__play{cursor:wait}.is-loading .bgm-row__play::after,.is-loading .bgm-manage-row__play::after,.is-loading .track-card__play::after{content:"";display:block;width:10px;height:10px;border:1.5px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin 600ms linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes track-card-flash{0%,100%{border-color:var(--border)}30%{border-color:var(--primary)}}.now-playing-bar{position:fixed;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);background:var(--gradient-primary);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow-button);opacity:0;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard);bottom:calc(var(--bottom-nav-h) + var(--bottom-nav-gap)*3);left:var(--bottom-nav-gap);right:var(--bottom-nav-gap);transform:translateY(12px)}@media(min-width: 768px){.now-playing-bar{bottom:var(--sp-6);left:50%;right:auto;max-width:calc(100vw - var(--sp-6));transform:translate(-50%, 12px)}}.now-playing-bar[hidden]{display:none}.now-playing-bar--visible{opacity:1;transform:translateY(0);transition-timing-function:var(--ease-decel)}@media(min-width: 768px){.now-playing-bar--visible{transform:translate(-50%, 0)}}.now-playing-bar__icon{color:#fff;flex-shrink:0;width:18px;height:18px}.now-playing-bar__name{background:none;border:none;padding:0;font-size:16px;color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw;text-align:left}.now-playing-bar__name:hover{opacity:.85}.now-playing-bar__name:focus-visible{outline:2px solid #fff;outline-offset:2px}.now-playing-bar__stop{width:36px;height:36px;border-radius:var(--r-sm);border:none;background:hsla(0,0%,100%,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--dur-fast)}.now-playing-bar__stop:hover{background:hsla(0,0%,100%,.3)}.now-playing-bar__stop:focus-visible{outline:2px solid #fff;outline-offset:2px}.bgm-list--scroll{overflow-y:auto;max-height:280px}.bgm-list--scroll.bgm-list--compact{max-height:240px}.bgm-list--scroll.bgm-list--tall{max-height:50vh}.bgm-picker-search{margin-bottom:var(--sp-3)}.bgm-empty-state{text-align:center;padding:var(--sp-5) var(--sp-3)}.bgm-row__info{cursor:pointer}.bgm-row__play--muted,.bgm-row__play--muted:hover{color:var(--charcoal)}.bgm-manage-row--preview{margin-top:var(--sp-3);cursor:pointer}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media(min-width: 480px){.project-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 900px){.project-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1200px){.project-grid{grid-template-columns:repeat(4, 1fr)}}.project-grid--reveal .project-card{animation:project-card-in 240ms var(--m3-standard-decelerate) both}.project-grid--reveal .project-card:nth-child(1){animation-delay:0ms}.project-grid--reveal .project-card:nth-child(2){animation-delay:25ms}.project-grid--reveal .project-card:nth-child(3){animation-delay:50ms}.project-grid--reveal .project-card:nth-child(4){animation-delay:75ms}.project-grid--reveal .project-card:nth-child(5){animation-delay:100ms}.project-grid--reveal .project-card:nth-child(6){animation-delay:125ms}.project-grid--reveal .project-card:nth-child(7){animation-delay:150ms}.project-grid--reveal .project-card:nth-child(8){animation-delay:175ms}.project-grid--reveal .project-card:nth-child(9){animation-delay:200ms}.project-grid--reveal .project-card:nth-child(10){animation-delay:225ms}.project-grid--reveal .project-card:nth-child(11){animation-delay:250ms}.project-grid--reveal .project-card:nth-child(12){animation-delay:275ms}@media(prefers-reduced-motion: reduce){.project-grid--reveal .project-card{animation:none}}@keyframes project-card-in{from{opacity:0;transform:translateY(6px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}turbo-frame#projects_results{display:block}turbo-frame#projects_results[busy] .project-grid,turbo-frame#projects_results[busy] .empty,turbo-frame#projects_results[busy] .pagination{opacity:.45;pointer-events:none;transition:opacity 150ms}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:border-color 150ms,box-shadow 150ms,transform 150ms;text-decoration:none;color:inherit;display:block}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-card:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.project-card__thumb{width:100%;aspect-ratio:16/9;background:var(--badge-bg);display:flex;align-items:center;justify-content:center;color:var(--charcoal);overflow:hidden;border-bottom:1px solid var(--border)}.project-card__thumb img,.project-card__thumb video{width:100%;height:100%;object-fit:cover}.project-card__body{padding:var(--sp-3) var(--sp-4)}.project-card__name{font-size:15px;color:var(--text);margin-bottom:var(--sp-1)}.project-card__meta{font-size:13px;color:var(--slate)}.project-card__footer{padding:var(--sp-2) var(--sp-4) var(--sp-3);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-md);min-height:180px}.brand-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media(min-width: 480px){.brand-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 900px){.brand-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1200px){.brand-grid{grid-template-columns:repeat(4, 1fr)}}.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-card);transition:border-color 150ms,box-shadow 150ms,transform 150ms;display:flex;flex-direction:column}.brand-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.brand-card__main{display:block;text-decoration:none;color:inherit;flex:1}.brand-card__main:focus-visible{outline:2px solid var(--border-foc);outline-offset:-2px}.brand-card__logo{width:100%;aspect-ratio:16/9;background:var(--badge-bg);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);border-bottom:1px solid var(--border);overflow:hidden}.brand-card__logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-card__initial{font-size:32px;font-weight:400;color:var(--slate);letter-spacing:-1px}.brand-card__body{padding:var(--sp-3) var(--sp-4)}.brand-card__name{font-size:15px;color:var(--text);margin-bottom:var(--sp-1)}.brand-card__desc{font-size:13px;color:var(--slate);margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-card__meta{font-size:13px;color:var(--charcoal)}.brand-card__footer{padding:var(--sp-2) var(--sp-4) var(--sp-3);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.brand-card__footer form{margin:0;display:inline-flex}.brand-detail{display:flex;gap:var(--sp-5);align-items:flex-start;margin-bottom:var(--sp-8);flex-direction:column}@media(min-width: 640px){.brand-detail{flex-direction:row}}.brand-detail__logo{flex-shrink:0;width:140px;height:140px;border-radius:var(--r-md);background:var(--badge-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);overflow:hidden}.brand-detail__logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-detail__info{min-width:0}.brand-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.brand-gallery__cell .filmstrip__item{width:100%;height:auto;aspect-ratio:1/1}.brand-gallery__caption{display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-1);font-size:13px;color:var(--slate)}.brand-gallery__filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-source{border:1px solid var(--border);border-radius:var(--r-lg, 14px);padding:var(--sp-5);margin-bottom:var(--sp-6)}.brand-source__header{display:flex;align-items:center;gap:var(--sp-2)}.brand-source__title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.brand-source__hint{margin-top:var(--sp-2);font-size:14px;color:var(--slate)}.brand-source__list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.brand-source__brand{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color 150ms}.brand-source__brand--active{border-color:var(--primary)}.brand-source__row{display:flex;align-items:center;gap:var(--sp-2);padding-right:var(--sp-4)}.brand-source__row:hover{background:var(--surface)}.brand-source__toggle{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;padding:var(--sp-3) var(--sp-4);background:rgba(0,0,0,0);border:0;cursor:pointer;text-align:left;color:inherit}.brand-source__toggle:focus-visible{outline:2px solid var(--border-foc);outline-offset:-2px}.brand-source__toggle[aria-expanded=true] .brand-source__chevron{transform:rotate(90deg)}.brand-source__chevron{flex-shrink:0;color:var(--slate);transition:transform 150ms}@media(prefers-reduced-motion: reduce){.brand-source__chevron{transition:none}}.brand-source__use{flex-shrink:0;padding:4px var(--sp-3);border:1px solid var(--border);border-radius:999px;background:rgba(0,0,0,0);font:inherit;font-size:13px;color:var(--text);cursor:pointer;transition:background 120ms,border-color 120ms,color 120ms}.brand-source__use:hover{border-color:var(--primary);color:var(--primary)}.brand-source__use:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.brand-source__use[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.brand-source__avatar{width:36px;height:36px;flex-shrink:0;border-radius:var(--r-sm);background:var(--badge-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--slate);font-size:15px}.brand-source__avatar img{max-width:100%;max-height:100%;object-fit:contain}.brand-source__names{display:flex;flex-direction:column;min-width:0}.brand-source__name{font-size:15px;color:var(--text)}.brand-source__sub{font-size:13px;color:var(--slate)}.brand-source__body{padding:0 var(--sp-4) var(--sp-4)}.brand-source__body[hidden]{display:none}.brand-source__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.brand-source__link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--primary);cursor:pointer}.brand-source__link:hover{text-decoration:underline}.brand-source__link:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.brand-source__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--sp-3);max-height:min(360px,50vh);overflow-y:auto;padding:4px;margin:-4px}.brand-tile{position:relative;aspect-ratio:1/1;width:100%;padding:0;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden;cursor:pointer;color:var(--charcoal);transition:border-color 150ms}.brand-tile:hover{border-color:var(--primary)}.brand-tile:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.brand-tile img{width:100%;height:100%;object-fit:cover}.brand-tile__glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.brand-tile__meta{left:auto;right:4px;font-size:12px;text-transform:none}.brand-tile__mark{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,0);transition:background 120ms,border-color 120ms,color 120ms}html[data-theme=dark] .brand-tile__mark{border-color:hsla(0,0%,100%,.85)}.brand-tile[data-selected=true]{border-color:var(--primary)}.brand-tile[data-selected=true] .brand-tile__mark{background:var(--primary);border-color:var(--primary);color:#fff}.selected-assets{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-6);margin-bottom:var(--sp-2)}.selected-assets[hidden]{display:none}.selected-assets__title{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.logo-notice{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border:1px solid rgba(var(--primary-rgb), 0.35);border-radius:var(--r-md);background:rgba(var(--primary-rgb), 0.07);font-size:14px;color:var(--text)}.logo-notice[hidden]{display:none}.logo-notice__icon{color:var(--primary);flex-shrink:0}.logo-notice__text{flex:1;min-width:0}.logo-notice__or{color:var(--primary)}.logo-notice__thumb{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);overflow:hidden}.logo-notice__thumb img{max-width:100%;max-height:100%;object-fit:contain}.logo-notice__thumb[hidden],.logo-notice__icon[hidden]{display:none}.badge{display:inline-flex;align-items:center;font-size:13px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-full);border:1px solid rgba(0,0,0,0);background:var(--surface-hover);color:var(--slate)}.badge--success{color:var(--success-text);background:var(--success-bg)}.badge--warning{color:var(--warning-text);background:var(--warning-bg)}.badge--error{color:var(--error-text);background:var(--error-bg)}.badge--info{color:var(--primary-hover);background:rgba(var(--primary-rgb), 0.15)}.badge--filter{padding:5px 12px;font-size:13px;cursor:pointer;background:rgba(0,0,0,0);border-color:var(--border);border-radius:var(--r-sm);gap:6px;transition:background 120ms,border-color 120ms}.badge--filter:hover{background:rgba(var(--text-rgb), var(--state-hover));border-color:var(--primary)}.badge--filter:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--surface-hover);color:var(--slate);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.badge--filter.badge--success .badge-count{color:var(--success-text);background:rgba(34,197,94,.2)}.badge--filter.badge--warning .badge-count{color:var(--warning-text);background:rgba(234,179,8,.2)}.badge--filter.badge--error .badge-count{color:var(--error-text);background:rgba(248,113,113,.2)}.toggle{width:44px;height:24px;border-radius:var(--r-full);background:var(--border);border:none;cursor:pointer;position:relative;transition:background 200ms;flex-shrink:0}.toggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform 200ms}.toggle.on,.toggle:has(input:checked){background:var(--border-foc)}.toggle.on::after,.toggle:has(input:checked)::after{transform:translateX(20px)}.toggle:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.video-wrap{border-radius:var(--r-md);overflow:hidden;background:#000;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-wrap--portrait,.video-wrap--landscape,.video-wrap--square{aspect-ratio:16/9}.video-wrap--spaced{margin-bottom:var(--sp-5)}.video-wrap video{aspect-ratio:16/9}.section-label{font-size:20px;font-weight:600;letter-spacing:.35px;text-transform:uppercase;color:var(--text);margin-bottom:var(--sp-3)}.section-label--sm{margin-bottom:var(--sp-2)}.section-label--lg{margin-bottom:var(--sp-4)}.optional-tag{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--slate)}.caption-block{border-left:1px solid var(--border);padding-left:var(--sp-3);margin-bottom:var(--sp-3)}.caption-text{font-size:17px;color:var(--text);line-height:1.5;letter-spacing:-0.16px;white-space:pre-wrap}.hashtag-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.hashtag-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--slate);white-space:nowrap;cursor:pointer;font-family:inherit;position:relative;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .08s ease}.hashtag-chip::before{content:"";position:absolute;inset:-6px -2px}.hashtag-chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--slate)}.hashtag-chip:focus-visible{outline:none;background:var(--surface-hover);color:var(--text);box-shadow:0 0 0 2px var(--primary)}.hashtag-chip:active{transform:scale(0.96)}.hashtag-chip.is-copied{color:var(--primary);border-color:var(--primary);background:var(--surface-hover)}@media(prefers-reduced-motion: reduce){.hashtag-chip{transition:none}.hashtag-chip:active{transform:none}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-5);text-align:center;gap:var(--sp-3);animation:project-card-in 240ms var(--m3-standard-decelerate) both}.empty__icon{color:var(--charcoal)}@media(prefers-reduced-motion: reduce){.empty{animation:none}}.toast{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:13px;max-width:360px}.toast--success{border-color:var(--success-border)}.toast--success .toast__progress-bar{background:var(--success-border)}.toast--error{border-color:var(--error-border)}.toast--error .toast__progress-bar{background:var(--error-border)}.toast--warning{border-color:var(--warning-border)}.toast--warning .toast__progress-bar{background:var(--warning-border)}.toast__icon{width:16px;height:16px;flex-shrink:0;color:var(--slate);margin-top:1px}.toast__message{color:var(--text);line-height:1.4;flex:1}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--slate);padding:0;display:flex;align-items:center;margin-left:auto;transition:color 150ms}.toast__close:hover{color:var(--text)}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--surface-hover);border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden}.toast__progress-bar{height:100%;width:100%;background:var(--primary)}#toast-container,.toast-container{position:fixed;top:calc(var(--nav-h) + var(--sp-4));left:50%;transform:translateX(-50%);width:calc(100% - var(--sp-10));max-width:560px;z-index:400;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2);pointer-events:none}@media(min-width: 768px){#toast-container,.toast-container{left:calc(50% + 110px)}}@media(min-width: 768px){body.auth-page #toast-container,body.auth-page .toast-container{left:50%}}#toast-container .toast,.toast-container .toast{pointer-events:auto;max-width:none;text-align:center;justify-content:center}.confirm-dialog{position:fixed;inset:0;z-index:450;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.confirm-dialog[hidden]{display:none}.confirm-dialog__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.confirm-dialog__panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);width:100%;max-width:360px;z-index:1;opacity:0;transform:scale(0.96);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.confirm-dialog--open .confirm-dialog__backdrop{opacity:1}.confirm-dialog--open .confirm-dialog__panel{opacity:1;transform:scale(1);transition-timing-function:var(--ease-decel)}@media(prefers-reduced-motion: reduce){.confirm-dialog .confirm-dialog__backdrop,.confirm-dialog .confirm-dialog__panel{transition:none;transform:none;opacity:1}}.confirm-dialog__title{font-size:18px;font-weight:400;margin-bottom:var(--sp-2)}.confirm-dialog__body{font-size:15px;color:var(--slate);margin-bottom:var(--sp-5)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.confirm-dialog__panel--wide{max-width:480px;max-height:90vh;overflow-y:auto}.confirm-dialog__scroll{margin-bottom:var(--sp-5)}.confirm-diff{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-1);margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);font-size:14px}.confirm-diff__old{color:var(--slate);text-decoration:line-through;text-decoration-color:var(--border);opacity:.75;overflow-wrap:anywhere}.confirm-diff__arrow{flex:0 0 auto;color:var(--slate);transform:rotate(90deg)}.confirm-diff__new{color:var(--primary);font-weight:600;overflow-wrap:anywhere}.preview-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:rgba(0,0,0,.9);opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.preview-modal[hidden]{display:none}.preview-modal--open{opacity:1;transition-timing-function:var(--ease-decel)}@media(prefers-reduced-motion: reduce){.preview-modal{transition:none;opacity:1}}.preview-modal__close{position:absolute;top:var(--sp-4);right:var(--sp-4);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.preview-modal__image{max-width:90vw;max-height:85vh;object-fit:contain}.preview-modal .player{width:min(90vw,47.8125vh);height:auto;background:rgba(0,0,0,0)}.whats-new{position:relative}.whats-new__trigger{position:relative;height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:border-color 120ms,color 120ms}.whats-new__trigger svg{width:18px;height:18px;flex-shrink:0}.whats-new__trigger:hover{border-color:var(--text);color:var(--text)}.whats-new__trigger:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.whats-new__dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--error-border);border:1.5px solid var(--chrome-bg)}.whats-new__backdrop{display:none}@media(max-width: 767px){.whats-new__backdrop{display:block;position:fixed;inset:0;z-index:299;background:rgba(0,0,0,.5);opacity:0;transition:opacity var(--dur-base, 200ms) var(--ease-standard, ease)}.whats-new__backdrop[hidden]{display:none}.whats-new__backdrop--open{opacity:1}}@media(max-width: 767px)and (prefers-reduced-motion: reduce){.whats-new__backdrop{transition:none}}.whats-new__panel{position:absolute;top:calc(100% + var(--sp-3));right:0;z-index:300;width:min(380px,92vw);max-height:min(520px,75vh);max-height:min(520px,75svh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 16px 40px rgba(0,0,0,.28);opacity:0;transform:translateY(-4px) scale(0.98);transform-origin:top right;transition:opacity var(--m3-dur-short3) var(--m3-standard-accelerate),transform var(--m3-dur-short3) var(--m3-standard-accelerate)}.whats-new__panel[hidden]{display:none}.whats-new__panel--open{opacity:1;transform:translateY(0) scale(1);transition-duration:var(--m3-dur-medium1);transition-timing-function:var(--m3-emphasized-decelerate)}@media(prefers-reduced-motion: reduce){.whats-new__panel{transition:none;transform:none;opacity:1}}@media(max-width: 767px){.whats-new__panel{position:fixed;top:50%;left:50%;right:auto;width:min(380px,100vw - var(--sp-5)*2);transform:translate(-50%, -50%) scale(0.98);transform-origin:center}.whats-new__panel.whats-new__panel--open{transform:translate(-50%, -50%) scale(1)}}.whats-new__panel-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--border)}.whats-new__panel-title{font-size:15px;font-weight:600;letter-spacing:-0.1px}.whats-new__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--r-sm);background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:background-color 120ms,color 120ms}.whats-new__close svg{width:16px;height:16px}.whats-new__close:hover{background:var(--surface-2, rgba(255, 255, 255, 0.06));color:var(--text)}.whats-new__close:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.whats-new__list{overflow-y:auto;padding:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}.whats-new__list::-webkit-scrollbar{width:8px}.whats-new__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.whats-new__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.whats-new__list::-webkit-scrollbar-thumb:hover{background:var(--slate);background-clip:padding-box}.whats-new__item{position:relative;display:flex;gap:var(--sp-3);padding:var(--sp-3);padding-right:calc(var(--sp-3) + 24px);border-radius:var(--r-md);transition:background-color 120ms}.whats-new__item:hover{background:var(--surface-2, rgba(255, 255, 255, 0.04))}.whats-new__item:hover .whats-new__item-remove{opacity:1}.whats-new__item+.whats-new__item{margin-top:2px}.whats-new__item--exiting{opacity:0;transform:scale(0.96);padding-top:0;padding-bottom:0;margin-top:0;transition:height 200ms var(--m3-standard-accelerate),opacity var(--m3-dur-short3) var(--m3-standard-accelerate),transform 200ms var(--m3-standard-accelerate),padding 200ms var(--m3-standard-accelerate),margin 200ms var(--m3-standard-accelerate)}@media(prefers-reduced-motion: reduce){.whats-new__item--exiting{transition-duration:1ms}}.whats-new__item-remove{position:absolute;top:var(--sp-3);right:var(--sp-3);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--r-sm);background:rgba(0,0,0,0);color:var(--success-border);cursor:pointer;opacity:0;transition:opacity 120ms,background-color 120ms,transform 120ms}.whats-new__item-remove svg{width:15px;height:15px}.whats-new__item-remove:hover{background:var(--success-bg);transform:scale(1.08)}.whats-new__item-remove:focus-visible{opacity:1;outline:2px solid var(--border-foc);outline-offset:1px}@media(hover: none){.whats-new__item-remove{opacity:1}}.whats-new__item-icon{flex-shrink:0;width:32px;height:32px;padding:7px;box-sizing:border-box;border-radius:var(--r-md);background:var(--surface-2, rgba(255, 255, 255, 0.06));color:var(--text)}.whats-new__item-copy{min-width:0}.whats-new__item-title{font-size:13.5px;font-weight:600;margin-bottom:3px}.whats-new__item-body{margin:0;line-height:1.5}.whats-new__item-date{display:block;margin-top:6px;font-size:11px;font-weight:450;letter-spacing:.3px;text-transform:uppercase;color:var(--slate);opacity:.85}.whats-new__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-2);padding:var(--sp-6, 32px) var(--sp-4)}.whats-new__empty[hidden]{display:none}.whats-new__empty-icon{width:28px;height:28px;color:var(--slate);opacity:.6}.whats-new__empty-text{margin:0}.info-popover{position:relative;display:inline-flex}.info-popover__trigger{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:color 120ms,background-color 120ms}.info-popover__trigger svg{width:16px;height:16px}.info-popover__trigger:hover{color:var(--text);background:var(--surface-hover)}.info-popover__trigger:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.info-popover__backdrop{display:none}.info-popover__header{display:none}.info-popover__close{display:none}.info-popover__panel{position:absolute;top:calc(100% + var(--sp-2));left:0;z-index:300;width:min(320px,88vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 16px 40px rgba(0,0,0,.28);padding:var(--sp-4);text-transform:none;opacity:0;transform:translateY(-4px) scale(0.98);transform-origin:top left;transition:opacity var(--m3-dur-short3) var(--m3-standard-accelerate),transform var(--m3-dur-short3) var(--m3-standard-accelerate)}.info-popover__panel[hidden]{display:none}.info-popover__panel--open{opacity:1;transform:translateY(0) scale(1);transition-duration:var(--m3-dur-medium1);transition-timing-function:var(--m3-emphasized-decelerate)}@media(prefers-reduced-motion: reduce){.info-popover__panel{transition:none;transform:none;opacity:1}}@media(max-width: 480px){.info-popover__panel{position:fixed;left:var(--sp-4);right:var(--sp-4);top:50%;width:auto;max-height:70vh;max-height:70svh;overflow-y:auto;transform:translateY(-50%) scale(0.98);transform-origin:center}.info-popover__panel--open{transform:translateY(-50%) scale(1)}}@media(max-width: 480px){.info-popover__backdrop{display:block;position:fixed;inset:0;z-index:299;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity var(--m3-dur-short3) var(--m3-standard-accelerate)}.info-popover__backdrop[hidden]{display:none}.info-popover__backdrop--open{opacity:1;pointer-events:auto;transition-duration:var(--m3-dur-medium1);transition-timing-function:var(--m3-emphasized-decelerate)}}@media(max-width: 480px)and (prefers-reduced-motion: reduce){.info-popover__backdrop{transition:none}}@media(max-width: 480px){.info-popover__header{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--sp-4)*-1) calc(var(--sp-4)*-1) var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.info-popover__panel-title{font-size:14px;font-weight:600;letter-spacing:-0.1px}.info-popover__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--r-sm);background:rgba(0,0,0,0);color:var(--slate);cursor:pointer;transition:background-color 120ms,color 120ms}.info-popover__close svg{width:16px;height:16px}.info-popover__close:hover{background:var(--surface-hover);color:var(--text)}.info-popover__close:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}}.info-popover__item{display:flex;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.info-popover__item:last-child{border-bottom:none;padding-bottom:0}.info-popover__item:first-child{padding-top:0}.info-popover__ratio{flex-shrink:0;width:40px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:-0.1px}.info-popover__copy{min-width:0}.info-popover__title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.info-popover__body{font-size:12.5px;color:var(--slate);line-height:1.5;margin:0}.filter-popover{position:relative;flex-shrink:0}.filter-popover__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--slate);cursor:pointer;transition:border-color 120ms,color 120ms,background-color 120ms}.filter-popover__trigger:hover{color:var(--text);background:var(--surface-hover)}.filter-popover__trigger:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.filter-popover__trigger--active{color:var(--primary);border-color:var(--primary)}.filter-popover__dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--primary)}@media(min-width: 481px){.filter-popover__panel{left:auto;right:0;transform-origin:top right;width:min(320px,88vw)}}.filter-popover__section{padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.filter-popover__section:first-child{padding-top:0}.filter-popover__section:last-of-type{border-bottom:none}.filter-popover__label{font-size:12.5px;font-weight:600;color:var(--slate);letter-spacing:.1px;margin-bottom:var(--sp-3)}.filter-popover__options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.filter-popover__option{display:flex;align-items:center;height:34px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-full, 999px);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;letter-spacing:-0.1px;white-space:nowrap;cursor:pointer;transition:border-color 120ms,background-color 120ms,color 120ms}.filter-popover__option input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.filter-popover__option:has(input:checked){background:var(--badge-bg, var(--primary));border-color:var(--primary);color:var(--primary)}.filter-popover__option:has(input:focus-visible){outline:2px solid var(--border-foc);outline-offset:2px}.filter-popover__option:hover{border-color:var(--primary)}.filter-popover__check-icon{width:0;height:14px;margin-right:0;flex-shrink:0;opacity:0;overflow:hidden;transition:width 160ms var(--m3-standard-decelerate, ease-out),margin-right 160ms var(--m3-standard-decelerate, ease-out),opacity 120ms}.filter-popover__option:has(input:checked) .filter-popover__check-icon{width:14px;margin-right:6px;opacity:1}@media(prefers-reduced-motion: reduce){.filter-popover__check-icon{transition:none}}.filter-popover__footer{display:flex;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-4)}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:8px var(--sp-5);background:none;border:none;border-left:2px solid rgba(0,0,0,0);font-family:inherit;font-size:15px;color:var(--text);text-align:left;cursor:pointer;transition:background-color 120ms}.user-menu__trigger:hover{background:var(--surface-hover)}.user-menu__trigger:focus-visible{outline:2px solid var(--border-foc);outline-offset:-2px}.user-menu__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron{width:14px;height:14px;flex-shrink:0;color:var(--slate)}.user-menu__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.user-menu__avatar--lg{width:40px;height:40px;font-size:16px}.user-menu__panel{top:auto;bottom:calc(100% + var(--sp-2));left:var(--sp-2);width:240px;transform-origin:bottom left;transform:translateY(4px) scale(0.98)}.user-menu__panel.info-popover__panel--open{transform:translateY(0) scale(1)}.user-menu__info{display:flex;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3)}.user-menu__info-text{min-width:0}.user-menu__username{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__email{font-size:12.5px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider{border:none;border-top:1px solid var(--border);margin:0 0 var(--sp-2)}.user-menu__signout{display:flex;align-items:center;width:100%;padding:var(--sp-2);background:none;border:none;border-radius:var(--r-sm);font-family:inherit;font-size:14px;font-weight:500;color:var(--error-text);text-align:left;cursor:pointer;transition:background-color 120ms}.user-menu__signout:hover{background:var(--error-bg)}.user-menu__signout:focus-visible{outline:2px solid var(--border-foc);outline-offset:-2px}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-8);padding:clamp(var(--sp-8),10vh,var(--sp-12)) var(--sp-5) var(--sp-8)}.auth-shell__logo{font-size:2rem;font-weight:600;letter-spacing:-0.5px}.auth-shell__logo span{color:var(--slate);font-weight:400}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.auth-card__tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) 0}.auth-card__tab{text-align:center;padding:10px;border-radius:var(--r-full);font-size:15px;font-weight:600;letter-spacing:-0.16px;color:var(--slate);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);transition:background 120ms,border-color 120ms,color 120ms}.auth-card__tab:hover{color:var(--text)}.auth-card__tab[aria-selected=true]{background:rgba(var(--primary-rgb), 0.08);border-color:var(--primary);color:var(--primary)}.auth-card__tab:focus-visible{outline:2px solid var(--border-foc);outline-offset:2px}.auth-card__body{padding:var(--sp-6)}.auth-card__title{font-size:22px;font-weight:400;letter-spacing:-0.5px;margin-bottom:var(--sp-5)}.auth-card__subtitle{font-size:15px;color:var(--slate);margin-top:calc(var(--sp-5)*-1 + var(--sp-1));margin-bottom:var(--sp-5)}.auth-card__field-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.auth-card__link{font-size:14px;color:var(--primary);white-space:nowrap}.auth-card__link:hover{text-decoration:underline}.auth-card__link--back{display:block;text-align:center;margin-top:var(--sp-5)}.auth-card__cancel{margin-top:var(--sp-4)}.preview-window{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:0 18px 40px -12px rgba(var(--primary-rgb), 0.28)}@media(min-width: 768px){.preview-window{border-radius:var(--r-lg);box-shadow:0 32px 70px -20px rgba(var(--primary-rgb), 0.35)}}.preview-window__bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--chrome-bg);border-bottom:1px solid var(--border)}.preview-window__dots{display:flex;gap:6px;flex-shrink:0}.preview-window__dot{width:9px;height:9px;border-radius:var(--r-full);background:var(--border)}.preview-window__dot--close{background:#ff5f57}.preview-window__dot--min{background:#febc2e}.preview-window__dot--max{background:#28c840}.preview-window__title{flex:1;min-width:0;font-size:11px;font-weight:450;letter-spacing:.2px;color:var(--slate);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width: 768px){.preview-window__title{font-size:12px}}.preview-window__spacer{width:45px;flex-shrink:0}.preview-window__body{background:var(--bg)}.output-card{position:relative;overflow:hidden;border-radius:var(--r-md);border:1px solid var(--border);background:#000;box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}@media(min-width: 768px){.output-card{border-radius:var(--r-lg)}}.output-card--portrait{aspect-ratio:9/16}.output-card--landscape{aspect-ratio:16/9}.output-card--square{aspect-ratio:1/1}.output-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}@media(prefers-reduced-motion: reduce){.output-card{transition:none}.output-card:hover{transform:none}}.output-card::after{content:"";position:absolute;inset:auto 0 0;height:45%;pointer-events:none;background:linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.7))}.output-card__poster{display:block;width:100%;height:100%;object-fit:cover}.output-card__ratio{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:1;padding:3px 8px;border-radius:var(--r-full);background:rgba(15,23,42,.55);color:#fff;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}@media(min-width: 768px){.output-card__ratio{top:var(--sp-3);left:var(--sp-3)}}.output-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);background:hsla(0,0%,100%,.92);color:#0f172a;box-shadow:0 6px 20px rgba(15,23,42,.35)}@media(min-width: 768px){.output-card__play{width:52px;height:52px}}.output-card__play svg{width:16px;height:16px;margin-left:2px}@media(min-width: 768px){.output-card__play svg{width:20px;height:20px}}.output-card__controls{position:absolute;inset:auto var(--sp-2) var(--sp-2);z-index:1;display:flex;align-items:center;gap:var(--sp-2)}@media(min-width: 768px){.output-card__controls{inset:auto var(--sp-3) var(--sp-3)}}.output-card__track{position:relative;flex:1;height:3px;border-radius:var(--r-full);background:hsla(0,0%,100%,.35)}.output-card__progress{position:absolute;inset:0 auto 0 0;width:var(--progress, 35%);border-radius:inherit;background:#fff}.output-card__progress::after{content:"";position:absolute;top:50%;right:-4px;transform:translateY(-50%);width:8px;height:8px;border-radius:var(--r-full);background:#fff}.output-card__time{color:hsla(0,0%,100%,.92);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.wizard-mock{display:flex;flex-direction:column;text-align:left}@media(min-width: 768px){.wizard-mock{flex-direction:row;align-items:stretch}}.wizard-mock__sidebar{display:none}@media(min-width: 768px){.wizard-mock__sidebar{display:flex;flex-direction:column;gap:2px;width:132px;flex-shrink:0;padding:var(--sp-3) 0;border-right:1px solid var(--border)}}.wizard-mock__sidebar-label{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:8px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:var(--muted)}.wizard-mock__sidebar-item{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-3);font-size:10px;color:var(--slate)}.wizard-mock__sidebar-item svg{width:11px;height:11px;flex-shrink:0}.wizard-mock__sidebar-item--active{background:var(--surface-hover);color:var(--primary);box-shadow:inset 2px 0 0 var(--primary)}.wizard-mock__main{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--sp-3)}@media(min-width: 768px){.wizard-mock__main{padding:var(--sp-4) var(--sp-5)}}.wizard-mock__form{display:flex;flex-direction:column;flex:1;min-width:0;width:100%}@media(min-width: 768px){.wizard-mock__form{max-width:520px;margin:0 auto}}.wizard-mock__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-size:10px}.wizard-mock__cancel{display:flex;align-items:center;gap:4px;color:var(--slate)}.wizard-mock__cancel svg{width:6px;height:10px}.wizard-mock__title{font-weight:600;color:var(--text)}.wizard-mock__counter{color:var(--slate);font-variant-numeric:tabular-nums}.wizard-mock__progress{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-4)}.wizard-mock__step{display:flex;align-items:center;gap:5px;flex-shrink:0}.wizard-mock__step-num{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--r-full);border:1px solid var(--border);font-size:8px;color:var(--slate)}.wizard-mock__step-label{font-size:8px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:var(--slate)}@media(max-width: 479px){.wizard-mock__step:not(.wizard-mock__step--active) .wizard-mock__step-label{display:none}}.wizard-mock__step--active .wizard-mock__step-num{border-color:var(--primary);background:rgba(var(--primary-rgb), 0.15);color:var(--primary)}.wizard-mock__step--active .wizard-mock__step-label{color:var(--primary)}.wizard-mock__connector{flex:1;height:1px;min-width:var(--sp-3);background:var(--border)}.wizard-mock__intro{font-size:13px;font-weight:500;letter-spacing:-0.02em;color:var(--text);margin-bottom:var(--sp-3)}@media(min-width: 768px){.wizard-mock__intro{font-size:15px;margin-bottom:var(--sp-4)}}.wizard-mock__label{font-size:9px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:var(--text);margin-bottom:6px}.wizard-mock__grid{display:grid;gap:6px;margin-bottom:var(--sp-3)}.wizard-mock__grid--2{grid-template-columns:repeat(2, 1fr)}.wizard-mock__grid--2-3{grid-template-columns:repeat(6, 1fr)}.wizard-mock__grid--2-3 .wizard-mock__card:nth-child(-n+2){grid-column:span 3}.wizard-mock__grid--2-3 .wizard-mock__card:nth-child(n+3){grid-column:span 2}.wizard-mock__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:var(--sp-2) 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}@media(min-width: 768px){.wizard-mock__card{padding:var(--sp-3) var(--sp-2)}}.wizard-mock__card--selected{background:rgba(var(--primary-rgb), 0.08);border-color:var(--primary)}.wizard-mock__card--selected .wizard-mock__card-icon,.wizard-mock__card--selected .wizard-mock__card-label{color:var(--primary)}.wizard-mock__card--plain{min-height:26px}.wizard-mock__card-icon{width:12px;height:12px;color:var(--slate)}@media(min-width: 768px){.wizard-mock__card-icon{width:14px;height:14px}}.wizard-mock__card-label{max-width:100%;font-size:9px;line-height:1.2;color:var(--slate);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width: 768px){.wizard-mock__card-label{font-size:10px}}.wizard-mock__card-sub{display:none;font-size:7px;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);text-align:center}@media(min-width: 768px){.wizard-mock__card-sub{display:block}}.wizard-mock__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2)}.wizard-mock__btn{padding:5px 10px;border-radius:var(--r-sm);font-size:9px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wizard-mock__btn--back{background:var(--surface);border:1px solid var(--border);color:var(--slate)}.wizard-mock__btn--next{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}video-player,live-video-player{display:contents}video-player video,video-player [slot=poster],live-video-player video,live-video-player [slot=poster]{display:block;width:100%;height:100%}video-player video::-webkit-media-text-track-container,live-video-player video::-webkit-media-text-track-container{z-index:1;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y, 0);transition:translate var(--media-caption-track-duration, 0) ease-out;transition-delay:var(--media-caption-track-delay, 0)}video-player,live-video-player{display:contents}video-player video,video-player [slot=poster],live-video-player video,live-video-player [slot=poster]{display:block;width:100%;height:100%}video-player video::-webkit-media-text-track-container,live-video-player video::-webkit-media-text-track-container{z-index:1;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y, 0);transition:translate var(--media-caption-track-duration, 0) ease-out;transition-delay:var(--media-caption-track-delay, 0)}media-tooltip-group{display:contents}:host{display:grid;width:100%}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-default-skin *,.media-default-skin *::before,.media-default-skin *::after{box-sizing:border-box}.media-default-skin img,.media-default-skin video,.media-default-skin svg{display:block;max-width:100%}.media-default-skin button{font:inherit}.media-default-skin [hidden][hidden]{display:none}@media(prefers-reduced-motion: no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{--media-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - 0.5) * 0.5), 0.15));--media-current-shadow-color-subtle: oklch(from var(--media-current-shadow-color) l c h / calc(alpha * 0.4));--media-icon-size: 18px;position:relative;display:block;width:100%;height:100%;container:media-root/inline-size;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;line-height:1.5;letter-spacing:normal;outline:2px solid transparent;outline-offset:-4px;border-radius:var(--media-border-radius, 2rem);isolation:isolate;transition-timing-function:ease-out;transition-duration:100ms;transition-property:outline-offset,outline-color;&:focus-visible{outline-color:currentColor;outline-offset:2px}}.media-default-skin .media-surface{background-color:var(--media-surface-background-color);box-shadow:0 0 0 1px var(--media-surface-outer-border-color),0 1px 3px 0 var(--media-surface-shadow-color),0 1px 2px -1px var(--media-surface-shadow-color);backdrop-filter:var(--media-surface-backdrop-filter);&::after{position:absolute;inset:0;z-index:10;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-surface-inner-border-color)}}.media-default-skin ::slotted(video),.media-default-skin video{display:block;width:100%;height:100%;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center)}.media-default-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-default-skin video{border-radius:inherit}.media-default-skin:fullscreen ::slotted(video),.media-default-skin:fullscreen video{object-fit:contain}.media-default-skin .media-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to top, oklch(0 0 0/0.5), oklch(0 0 0/0.3), oklch(0 0 0/0));border-radius:inherit;opacity:0;backdrop-filter:blur(0) saturate(1);transition-timing-function:ease-out;transition-duration:var(--media-controls-transition-duration);transition-property:opacity,backdrop-filter}.media-default-skin .media-error~.media-overlay{transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration)}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}.media-default-skin .media-error[data-open]~.media-overlay{backdrop-filter:blur(16px) saturate(1.5)}.media-default-skin .media-buffering-indicator{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:oklch(1 0 0);pointer-events:none;&:not([data-visible]){--media-spinner-animation: none}&[data-visible]{display:flex}.media-surface{padding:.25rem;border-radius:100%}}.media-default-skin .media-error{outline:none}.media-default-skin .media-error:not([data-open]){display:none}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{overflow-wrap:anywhere;opacity:.7}.media-default-skin .media-error__actions{display:flex;gap:.5rem;&>*{flex:1}}.media-default-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-default-skin .media-controls{display:flex;column-gap:.075rem;align-items:center;padding:.375rem;container:media-controls/inline-size;text-shadow:0 1px 0 var(--media-current-shadow-color);border-radius:1.5rem}.media-default-skin .media-time-controls{display:flex;flex:1;gap:.75rem;align-items:center;padding-inline:.5rem;container:media-time-controls/inline-size}.media-default-skin .media-time{font-variant-numeric:tabular-nums}.media-default-skin .media-button{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-height:0;padding:.5rem 1rem;text-align:center;touch-action:manipulation;cursor:pointer;user-select:none;outline:2px solid transparent;outline-offset:-2px;border:none;border-radius:calc(infinity*1px);transition-timing-function:ease-out;transition-duration:150ms;transition-property:background-color,outline-offset,scale;will-change:scale;&:focus-visible{outline-color:currentColor;outline-offset:2px}&:active{scale:.98}&[disabled]{cursor:not-allowed;opacity:.5;filter:grayscale(1)}&[data-availability=unavailable],&[data-availability=unsupported]{display:none}}.media-default-skin .media-button--primary{font-weight:500;color:oklch(0 0 0);text-shadow:none;background:oklch(1 0 0)}.media-default-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:transparent;&:hover,&:focus-visible,&[aria-expanded=true]{text-decoration:none;background-color:oklch(from currentColor l c h/0.1)}}.media-default-skin .media-button--icon{display:grid;width:2.25rem;aspect-ratio:1;padding:0;&:active{scale:.9}& .media-icon{grid-area:1/1;transition-behavior:allow-discrete;transition-property:display,opacity;transition-duration:150ms;transition-timing-function:ease-out;filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}}.media-default-skin .media-button--seek{& .media-icon__label{position:absolute;right:-1px;bottom:-3px;font-size:10px;font-weight:480;font-variant-numeric:tabular-nums}&:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}}.media-default-skin .media-button--playback-rate{padding:0;font-variant-numeric:tabular-nums;&::after{width:4ch;content:attr(data-rate) "×"}&[data-inline-rate-label]::after{content:none}}.media-default-skin .media-button--live{display:inline-flex;gap:.4rem;align-items:center;width:auto;aspect-ratio:auto;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em;&::before{display:inline-block;flex-shrink:0;width:.5rem;height:.5rem;content:"";background-color:oklch(from currentColor l c h/0.4);border-radius:50%;transition:background-color 150ms ease-out}&[data-live-edge]::before{background-color:oklch(0.65 0.22 27)}}.media-default-skin .media-button-group{display:flex;gap:.075rem;align-items:center}@container media-root (width > 42rem){.media-default-skin .media-button-group{gap:.125rem}}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{flex-shrink:0;width:var(--media-icon-size);height:var(--media-icon-size)}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin .media-popover.media-menu{box-sizing:border-box;min-width:min(6rem,var(--media-popover-available-width, 6rem));max-width:var(--media-popover-available-width, none);max-height:var(--media-popover-available-height, none);padding:.375rem;overflow:auto;overscroll-behavior:none;border-radius:1.25rem;&::before{display:none}}.media-default-skin .media-popover.media-menu .media-menu__group{position:relative;display:flex;flex-direction:column;gap:.125rem;&::before{position:absolute;position-anchor:--media-menu-item-highlight-anchor;inset:anchor(inside);pointer-events:none;content:"";background-color:oklch(from currentColor l c h/0.1);border-radius:calc(infinity*1px);transition:inset ease-in-out 100ms}}@supports not (top: anchor(top)){.media-default-skin .media-popover.media-menu .media-menu__group{&::before{display:none}}}.media-default-skin .media-popover.media-menu .media-menu__item{display:flex;gap:.5rem;align-items:center;justify-content:space-between;min-height:2rem;padding:0 .75rem;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;border-radius:calc(infinity*1px);&:hover,&[data-highlighted]{anchor-name:--media-menu-item-highlight-anchor}&:focus-visible{outline-color:currentColor;outline-offset:2px}&[aria-checked=true] .media-menu__indicator{opacity:1}&[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}}@supports not (top: anchor(top)){.media-default-skin .media-popover.media-menu .media-menu__item{&:hover,&[data-highlighted]{background-color:oklch(from currentColor l c h/0.1)}}}.media-default-skin .media-popover.media-menu .media-menu__indicator{flex-shrink:0;margin-right:-0.25rem;opacity:0}.media-default-skin .media-popover.media-menu .media-menu__indicator .media-icon{filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}.media-default-skin media-poster,.media-default-skin>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .25s}.media-default-skin media-poster:not([data-visible]),.media-default-skin>img:not([data-visible]){opacity:0}.media-default-skin media-poster ::slotted(img),.media-default-skin media-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);border-radius:var(--media-video-border-radius)}.media-default-skin>img{object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);border-radius:inherit}.media-default-skin:fullscreen media-poster ::slotted(img),.media-default-skin:fullscreen media-poster img,.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin .media-preview{pointer-events:none;background-color:oklch(0 0 0/0.9);border-radius:.75rem;& .media-preview__thumbnail{position:relative;display:block;overflow:clip;border-radius:inherit;&::after{position:absolute;inset:0;content:"";background-image:linear-gradient(to top, oklch(0 0 0/0.8), oklch(0 0 0/0.3), oklch(0 0 0/0));border-radius:inherit}}& .media-preview__time{position:absolute;inset-inline:0;bottom:.5rem;text-align:center}& .media-overlay{opacity:1}& .media-preview__spinner{position:absolute;top:50%;left:50%;opacity:0;translate:-50% -50%}& .media-preview__thumbnail,& .media-preview__spinner{transition:opacity 150ms ease-out}&:not(:has(.media-preview__thumbnail[data-loading])){& .media-preview__spinner{--media-spinner-animation: none}}&:has(.media-preview__thumbnail[data-loading]){& .media-preview__thumbnail{opacity:0}& .media-preview__spinner{opacity:1}}}.media-default-skin .media-slider{position:relative;display:flex;flex:1;align-items:center;justify-content:center;cursor:pointer;outline:none;border-radius:calc(infinity*1px);&[data-orientation=horizontal]{width:100%;min-width:5rem;height:2rem}&[data-orientation=vertical]{width:2rem;height:5rem}}.media-default-skin .media-slider__track{position:relative;overflow:hidden;user-select:none;border-radius:inherit;isolation:isolate;&[data-orientation=horizontal]{width:100%;height:.25rem}&[data-orientation=vertical]{width:.25rem;height:100%}}.media-default-skin .media-slider__thumb{position:absolute;z-index:10;width:.625rem;height:.625rem;user-select:none;outline:4px solid transparent;outline-offset:-4px;background-color:currentColor;border-radius:calc(infinity*1px);box-shadow:0 0 0 1px var(--media-current-shadow-color-subtle, oklch(0 0 0/0.1)),0 1px 3px 0 oklch(0 0 0/0.15),0 1px 2px -1px oklch(0 0 0/0.15);opacity:0;translate:-50% -50%;transition-timing-function:ease-out;transition-duration:150ms;transition-property:opacity,height,width,outline-offset;&[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}&[data-orientation=vertical]{top:calc(100% - var(--media-slider-fill));left:50%}&:hover,&:focus{outline-color:oklch(from currentColor l c h/0.25);outline-offset:0}&::after{position:absolute;inset:-4px;content:"";border-radius:inherit;box-shadow:0 0 0 2px oklch(1 0 0);transition-timing-function:ease-out;transition-duration:150ms;transition-property:opacity,scale}&:not(:focus-visible)::after{opacity:0;scale:.5}}.media-default-skin .media-slider:active .media-slider__thumb,.media-default-skin .media-slider__thumb--persistent{width:.75rem;height:.75rem}.media-default-skin .media-slider:hover .media-slider__thumb,.media-default-skin .media-slider__thumb:focus-visible,.media-default-skin .media-slider__thumb--persistent{opacity:1}.media-default-skin .media-slider__buffer,.media-default-skin .media-slider__fill{position:absolute;pointer-events:none;border-radius:inherit}.media-default-skin .media-slider__buffer[data-orientation=horizontal],.media-default-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-default-skin .media-slider__buffer[data-orientation=vertical],.media-default-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-default-skin .media-slider__buffer{background-color:oklch(from currentColor l c h/0.2);transition-timing-function:ease-out;transition-duration:.25s;&[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}&[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}}.media-default-skin .media-slider__fill{background-color:currentColor;&[data-orientation=horizontal]{width:var(--media-slider-fill)}&[data-orientation=vertical]{height:var(--media-slider-fill)}}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.media-default-skin .media-popover,.media-default-skin .media-tooltip{margin:0;overflow:visible;color:inherit;border:0;filter:blur(0px);transition-timing-function:var(--media-popup-transition-timing-function);transition-duration:var(--media-popup-transition-duration);transition-property:scale,opacity,filter;&[data-starting-style],&[data-ending-style]{opacity:0;filter:blur(8px);scale:.85}&[data-instant]{transition-duration:0ms}&[data-side=top]{transform-origin:bottom}&[data-side=bottom]{transform-origin:top}&[data-side=left]{transform-origin:right}&[data-side=right]{transform-origin:left}&::before{position:absolute;pointer-events:inherit;content:""}&[data-side=top]::before,&[data-side=bottom]::before{inset-inline:0;width:100%}&[data-side=top]::before{top:100%}&[data-side=bottom]::before{bottom:100%}&[data-side=left]::before,&[data-side=right]::before{inset-block:0;height:100%}&[data-side=left]::before{left:100%}&[data-side=right]::before{right:100%}}.media-default-skin .media-popover{&[data-side=top]::before,&[data-side=bottom]::before{height:var(--media-popover-side-offset)}&[data-side=left]::before,&[data-side=right]::before{width:var(--media-popover-side-offset)}}.media-default-skin .media-popover--volume{padding:.75rem 0;border-radius:calc(infinity*1px);&:has(media-volume-slider[data-availability=unsupported]){display:none}}.media-default-skin .media-tooltip{padding:.25rem .625rem;font-size:.75rem;white-space:nowrap;border-radius:calc(infinity*1px);&[data-side=top]::before,&[data-side=bottom]::before{height:var(--media-tooltip-side-offset)}&[data-side=left]::before,&[data-side=right]::before{width:var(--media-tooltip-side-offset)}}.media-default-skin{--media-caption-track-duration: var(--media-controls-transition-duration);--media-caption-track-delay: 25ms;--media-caption-track-y: -0.5rem;&:has(.media-controls[data-visible]){--media-caption-track-y: -5.5rem}}@container media-root (width > 42rem){.media-default-skin{&:has(.media-controls[data-visible])>*{--media-caption-track-y: -3.5rem}}}.media-default-skin video::-webkit-media-text-track-container{z-index:1;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay)}.media-default-skin .media-input-feedback{position:absolute;inset-inline:0;top:0;bottom:3.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;color:var(--media-color-primary, oklch(1 0 0));pointer-events:none}@container media-root (width > 24rem){.media-default-skin .media-input-feedback{bottom:0}}.media-default-skin .media-input-feedback-island{--media-surface-background-color: oklch(0 0 0 / 0.25);position:absolute;top:.75rem;font-weight:500;color:inherit;pointer-events:none;border-radius:calc(infinity*1px);transform-origin:top center;transition-timing-function:ease-out;transition-duration:100ms;.media-input-feedback-island__content{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:100%;padding:.25rem .625rem;*{mix-blend-mode:difference}}.media-icon{display:none;flex-shrink:0}.media-input-feedback-island__value{margin-left:auto}}@media(pointer: coarse){.media-default-skin .media-input-feedback-island{transition-property:scale,translate,opacity;will-change:scale,translate,opacity}}@media(pointer: fine)and (prefers-reduced-motion: no-preference){.media-default-skin .media-input-feedback-island{transition-property:scale,translate,filter,opacity;will-change:scale,translate,filter,opacity}}@media(prefers-reduced-transparency: reduce)or (prefers-contrast: more){.media-default-skin .media-input-feedback-island{--media-surface-background-color: oklch(0 0 0)}}.media-default-skin .media-input-feedback-island{&[data-starting-style],&[data-ending-style]{opacity:0;transition-timing-function:ease-in;transition-duration:250ms;@media(pointer: fine)and (prefers-reduced-motion: no-preference){filter:blur(8px);scale:.9}@media(prefers-reduced-motion: no-preference){&[data-ending-style]{translate:0 -25%}}}}.media-default-skin .media-input-feedback-island--volume{width:min(80%,12rem);.media-input-feedback-island__content{--media-progress-fill: var(--media-volume-fill);background-image:linear-gradient(to right, currentColor 0%, currentColor var(--media-progress-fill), transparent var(--media-progress-fill), transparent 100%);border-radius:inherit;transition:--media-progress-fill 200ms linear}}.media-default-skin .media-input-feedback-island--volume[data-level=high] .media-icon--volume-high,.media-default-skin .media-input-feedback-island--volume[data-level=low] .media-icon--volume-low,.media-default-skin .media-input-feedback-island--volume[data-level=off] .media-icon--volume-off{display:block}.media-default-skin .media-input-feedback-island--status[data-status=captions-on] .media-icon--captions-on,.media-default-skin .media-input-feedback-island--status[data-status=captions-off] .media-icon--captions-off,.media-default-skin .media-input-feedback-island--status[data-status=fullscreen] .media-icon--fullscreen-enter,.media-default-skin .media-input-feedback-island--status[data-status=exit-fullscreen] .media-icon--fullscreen-exit,.media-default-skin .media-input-feedback-island--status[data-status=pip] .media-icon--pip-enter,.media-default-skin .media-input-feedback-island--status[data-status=exit-pip] .media-icon--pip-exit{display:block}@media(prefers-reduced-motion: no-preference){.media-default-skin .media-input-feedback-island--volume[data-min],.media-default-skin .media-input-feedback-island--volume[data-max]{animation:media-shake 300ms ease-in-out}}.media-default-skin .media-input-feedback-bubble{display:flex;flex-direction:column;grid-row:1;grid-column:2;align-items:center;justify-content:center;padding:1rem;transition:opacity 250ms ease-out;&[data-starting-style],&[data-ending-style]{opacity:0;transition-timing-function:ease-in;transition-duration:200ms}}@container media-root (width > 24rem){.media-default-skin .media-input-feedback-bubble{padding:2rem}}.media-default-skin .media-input-feedback-bubble[data-direction=backward]{grid-column:1;justify-self:left}.media-default-skin .media-input-feedback-bubble:not([data-direction]){grid-column:2;transition-timing-function:ease-out,linear(0, 0.12 1.5%, 1.35 9.7%, 2.2 13.9%, 3 19.9%, 2.7 21.8%, 0.62 37.5%, 0.96 50.9%, 1);transition-duration:600ms;transition-property:opacity,scale;&[data-starting-style],&[data-ending-style]{opacity:0;scale:.8;transition-timing-function:ease-in;transition-duration:200ms}}@media(prefers-reduced-motion: reduce){.media-default-skin .media-input-feedback-bubble:not([data-direction]){transition:opacity 100ms ease-out}}.media-default-skin .media-input-feedback-bubble[data-direction=forward]{grid-column:3;justify-self:right}.media-default-skin .media-input-feedback-bubble .media-icon{display:none;width:36px;height:36px}.media-default-skin .media-input-feedback-bubble[data-direction] .media-icon--seek{display:block}.media-default-skin .media-input-feedback-bubble[data-direction=backward] .media-icon--seek{transform:scaleX(-1)}@media(prefers-reduced-motion: no-preference){.media-default-skin .media-input-feedback-bubble[data-direction=forward]:not([data-starting-style]) .media-icon--seek{animation:media-slide-in-forward 300ms ease-in-out}.media-default-skin .media-input-feedback-bubble[data-direction=backward]:not([data-starting-style]) .media-icon--seek{animation:media-slide-in-backward 300ms ease-in-out}.media-default-skin .media-input-feedback-island--status[data-status]:not([data-starting-style]) .media-icon,.media-default-skin .media-input-feedback-bubble[data-status]:not([data-starting-style]) .media-icon{animation:media-pop-in 250ms ease-out}}.media-default-skin .media-input-feedback-bubble[data-status=pause] .media-icon--pause,.media-default-skin .media-input-feedback-bubble[data-status=play] .media-icon--play{display:block}.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--cast .media-icon--cast-enter,.media-button--cast .media-icon--cast-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{display:none;opacity:0}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--cast:not([data-cast-state=connected]) .media-icon--cast-enter,.media-button--cast[data-cast-state=connected] .media-icon--cast-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{display:block;opacity:1}@keyframes media-shake{0%,100%{translate:0 0}20%{translate:-6px 0}40%{translate:4px 0}60%{translate:-2px 0}80%{translate:1px 0}}@keyframes media-slide-in-forward{from{translate:-60% 0;opacity:0}}@keyframes media-slide-in-backward{from{translate:60% 0;opacity:0}}@keyframes media-pop-in{from{scale:.8;opacity:0}}@property --media-progress-fill{syntax:"<percentage>";inherits:true;initial-value:0%}.media-default-skin--video{--media-spring-timing-function: linear( 0, 0.034 1.5%, 0.763 9.7%, 1.066 13.9%, 1.198 19.9%, 1.184 21.8%, 0.963 37.5%, 0.997 50.9%, 1 );--media-border-color: oklch(0 0 0 / 0.1);--media-surface-background-color: oklch(1 0 0 / 0.1);--media-surface-inner-border-color: oklch(1 0 0 / 0.05);--media-surface-outer-border-color: oklch(0 0 0 / 0.1);--media-surface-shadow-color: oklch(0 0 0 / 0.15);--media-surface-backdrop-filter: blur(16px) saturate(1.5);--media-video-border-radius: var(--media-border-radius, 2rem);--media-controls-transition-duration: 100ms;--media-controls-transition-timing-function: ease-out;--media-error-dialog-transition-duration: 350ms;--media-error-dialog-transition-delay: 100ms;--media-error-dialog-transition-timing-function: var(--media-spring-timing-function);--media-popup-transition-duration: 100ms;--media-popup-transition-timing-function: ease-out;--media-tooltip-side-offset: 0.75rem;--media-tooltip-boundary-offset: 0.5rem;--media-popover-side-offset: 0.5rem;--media-popover-boundary-offset: 0.5rem;background:oklch(0 0 0);&:has(.media-controls:not([data-visible])){@media(pointer: fine){--media-controls-transition-duration: 300ms}@media(pointer: coarse){--media-controls-transition-duration: 150ms}@media(prefers-reduced-motion: reduce){--media-controls-transition-duration: 50ms}}}@media(prefers-reduced-motion: reduce){.media-default-skin--video{--media-error-dialog-transition-duration: 50ms;--media-error-dialog-transition-delay: 0ms;--media-error-dialog-transition-timing-function: ease-out;--media-popup-transition-duration: 0ms}}@media(prefers-color-scheme: dark){.media-default-skin--video{--media-border-color: oklch(1 0 0 / 0.15)}}@media(prefers-reduced-transparency: reduce)or (prefers-contrast: more){.media-default-skin--video{--media-surface-background-color: oklch(0 0 0);--media-surface-inner-border-color: oklch(1 0 0 / 0.25);--media-surface-outer-border-color: transparent}}.media-default-skin--video{&::after{position:absolute;inset:0;z-index:10;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color)}&:fullscreen{--media-border-radius: 0}}.media-default-skin--video .media-error{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.media-default-skin--video .media-error__dialog{display:flex;flex-direction:column;gap:.75rem;max-width:18rem;padding:.75rem;color:oklch(1 0 0);text-shadow:0 1px 0 oklch(0 0 0/0.25);border-radius:1.75rem;transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);transition-duration:var(--media-error-dialog-transition-duration);transition-property:opacity,scale}.media-default-skin--video .media-error[data-starting-style] .media-error__dialog,.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0ms}.media-default-skin--video .media-error__content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem .375rem;text-shadow:inherit}.media-default-skin--video .media-error__title{font-size:1rem}.media-default-skin--video .media-controls{position:absolute;inset-inline:.5rem;bottom:.5rem;z-index:10;flex-wrap:wrap;max-width:56rem;margin-inline:auto;color:var(--media-color-primary, oklch(1 0 0));transform-origin:bottom;transition-timing-function:var(--media-controls-transition-timing-function);transition-duration:var(--media-controls-transition-duration);&:not([data-visible]){pointer-events:none;opacity:0;scale:.95;@media(pointer: fine)and (prefers-reduced-motion: no-preference){filter:blur(8px)}@media(prefers-reduced-motion: reduce){scale:1}}& .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}& .media-button-group:first-child{flex:1;text-align:left}& .media-button-group:last-child{flex:1;justify-content:end}}@media(pointer: fine){.media-default-skin--video .media-controls{transition-property:scale,filter,opacity;will-change:scale,filter,opacity}}@media(pointer: coarse){.media-default-skin--video .media-controls{transition-property:scale,opacity;will-change:scale,opacity}}@container media-root (width > 42rem){.media-default-skin--video .media-controls{inset-inline:.75rem;bottom:.75rem;flex-wrap:nowrap;column-gap:.125rem;padding:.25rem;& .media-time-controls{flex:1;order:unset}& .media-button-group:first-child,& .media-button-group:last-child{flex:0 0 auto}}}.media-default-skin--video .media-error[data-open]~.media-controls{display:none}.media-default-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-default-skin--video .media-slider__track{background-color:oklch(1 0 0/0.2);box-shadow:0 0 0 1px oklch(0 0 0/0.05)}.media-default-skin--video .media-slider__preview{--media-preview-max-width: 11rem;--media-preview-padding: -1.125rem;--media-preview-inset: calc((100cqi - 100%) / 2);position:absolute;bottom:calc(100% + 1.2rem);left:clamp(var(--media-preview-max-width)/2 + var(--media-preview-padding) - var(--media-preview-inset),var(--media-slider-pointer),100% - var(--media-preview-max-width)/2 - var(--media-preview-padding) + var(--media-preview-inset));pointer-events:none;opacity:0;filter:blur(8px);transform-origin:bottom;scale:.8;translate:-50%;transition-timing-function:ease-out;transition-duration:150ms;transition-property:scale,opacity,filter;& .media-preview__thumbnail{max-width:var(--media-preview-max-width)}&:has(.media-preview__thumbnail[data-loading]){max-height:6rem}}.media-default-skin--video .media-slider[data-pointing] .media-slider__preview:has([role=img]:not([data-hidden])){opacity:1;filter:blur(0);scale:1}body:has(.render-screen){overflow:hidden}.render-screen{height:calc(100vh - var(--nav-h) - var(--bottom-nav-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-5);text-align:center;overflow:hidden}@media(min-width: 768px){.render-screen{height:calc(100vh - var(--nav-h))}}.render-step-track{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-10)}.render-step{font-size:13px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--border);transition:color 300ms}.render-step.active{color:var(--border-foc)}.render-step.done{color:var(--border-foc)}.render-sep{color:var(--border);font-size:13px}.render-label{font-size:clamp(22px,6vw,36px);font-weight:400;line-height:1;letter-spacing:-0.9px;margin-bottom:var(--sp-2)}.render-sub{font-size:14px;color:var(--slate);letter-spacing:-0.16px;margin-bottom:var(--sp-3)}.render-sub--step{font-size:13px;opacity:.7;margin-top:-0.25rem}.render-actions{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;max-width:280px;opacity:0;transition:opacity 300ms;pointer-events:none}.render-actions.visible{opacity:1;pointer-events:auto}@keyframes cpulse{0%,100%{opacity:1}50%{opacity:.35}}.pulsing{animation:cpulse 2.4s ease-in-out infinite}.output-section{margin-bottom:var(--sp-6)}@media(max-width: 839px){.output-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}}.output-layout__main,.output-layout__side{min-width:0}@media(min-width: 840px){.output-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-8);align-items:start}.output-layout__side .output-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-4)}}.output-meta{margin-bottom:var(--sp-3);font-size:16px;font-weight:600;letter-spacing:.1px;color:var(--accent-2)}.output-section__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4)}.output-section__actions .btn{flex:1 1 auto}.danger-zone{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.danger-zone .btn{width:100%}.adjust-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.adjust-row:last-child{border-bottom:none}.adjust-row__label{font-size:13px;color:var(--slate);flex:0 0 72px}.meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font-size:13px}.meta-row:last-child{border-bottom:none}.meta-row__key{color:var(--slate);flex:0 0 auto}.meta-row>span:last-child{min-width:0;flex:1 1 auto;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-layout{display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-6) var(--sp-5);max-width:var(--container-wide);margin:0 auto}@media(min-width: 768px){.show-layout{flex-direction:row;align-items:flex-start;padding:var(--sp-8)}}@media(min-width: 768px){.video-block{flex:1;min-width:0}}.video-preview{width:100%;aspect-ratio:16/9;background:var(--surface);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.video-preview--rendering{background:var(--surface)}.video-preview__inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8)}.video-preview__label{font-size:14px;color:var(--slate)}.player{width:100%;height:100%;background:var(--bg)}.player video-skin{height:100%}@media(min-width: 768px){.show-sidebar{width:280px;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + var(--sp-4))}}.show-sidebar__section{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--sp-3)}.render-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.render-panel__step{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:14px}.render-panel__step-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.render-panel__step-icon--pending{color:var(--border)}.render-panel__step-icon--active{color:var(--text)}.render-panel__step-icon--completed{color:var(--border-foc)}.render-panel__step-icon--failed{color:var(--error-text)}.render-panel__step-title{color:var(--text);margin-bottom:2px}.render-panel__step-detail{font-size:13px;color:var(--slate)}.render-panel__step-bar{height:2px;background:var(--border);border-radius:var(--r-full);margin-top:var(--sp-2)}.render-panel__step-bar-fill{height:100%;background:var(--border-foc);border-radius:var(--r-full);transition:width 300ms}.progress{width:100%;max-width:240px;height:3px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.progress__bar{height:100%;background:var(--text);border-radius:var(--r-full);transition:width 500ms}.progress--indeterminate .progress__bar{width:40% !important;animation:progress-slide 1.6s ease-in-out infinite}@keyframes progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.assets-used__label{font-size:13px;font-weight:450;letter-spacing:.35px;text-transform:uppercase;color:var(--slate);margin-bottom:var(--sp-2);margin-top:var(--sp-4)}.assets-used__row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.asset-thumb{position:relative;width:64px;height:64px;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}.asset-thumb--logo{background:var(--surface)}.asset-thumb__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.asset-thumb img,.asset-thumb video{width:100%;height:100%;object-fit:cover}.asset-thumb__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}.asset-thumb__tag{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.7);border-radius:var(--r-sm);padding:1px 4px;font-size:13px;color:var(--text);letter-spacing:.3px;text-transform:uppercase}.telemetry__prompts h3,.telemetry__code-block h4,.telemetry__section>h3,.telemetry__cost-breakdown h3,.telemetry__card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--slate)}.telemetry{--deep: var(--bg);--tl-accent: #4ecdc4;--tl-accent-dim: rgba(78, 205, 196, 0.12);--tl-green: #5a9e6f;--tl-green-bg: rgba(90, 158, 111, 0.1);--tl-red: #e05252;--tl-red-bg: rgba(224, 82, 82, 0.08);--tl-amber: #d4a843;--tl-amber-bg: rgba(212, 168, 67, 0.1);--tl-blue: #5b8def;--tl-blue-bg: rgba(91, 141, 239, 0.1);--tl-purple: #a78bfa;--tl-purple-bg: rgba(167, 139, 250, 0.08);--tl-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;--tl-accent-text: #0F766E;--tl-green-text: var(--success-text);--tl-red-text: var(--error-text);--tl-amber-text: var(--warning-text);--tl-blue-text: #2563EB;--tl-purple-text: var(--accent-2)}html[data-theme=dark] .telemetry{--tl-accent-text: var(--tl-accent);--tl-blue-text: var(--tl-blue);--tl-purple-text: var(--tl-purple)}.telemetry{max-width:1120px;margin:0 auto;padding:var(--sp-8) var(--sp-4)}.telemetry__header{margin-bottom:var(--sp-6)}.telemetry__header h1{font-size:clamp(22px,5vw,30px);font-weight:600;letter-spacing:-0.5px;color:var(--text);margin-bottom:4px}.telemetry__subtitle{font-size:14px;color:var(--slate);letter-spacing:.2px}.telemetry__subtitle strong{color:var(--muted);font-weight:500}.telemetry__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--slate);text-decoration:none;margin-bottom:var(--sp-3);letter-spacing:.2px;transition:color var(--dur-fast)}.telemetry__back:hover{color:var(--tl-accent-text)}.telemetry__cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--sp-3);margin-bottom:var(--sp-6)}.telemetry__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-4) var(--sp-3);position:relative;overflow:hidden;transition:border-color var(--dur-base)}.telemetry__card:hover{border-color:var(--border-foc)}.telemetry__card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tl-accent);opacity:.6}.telemetry__card:nth-child(2)::before{background:var(--tl-blue)}.telemetry__card:nth-child(3)::before{background:var(--tl-purple)}.telemetry__card:nth-child(4)::before{background:var(--tl-amber)}.telemetry__card-label{margin-bottom:var(--sp-2)}.telemetry__card-value{font-family:var(--tl-mono);font-size:22px;font-weight:600;color:var(--text);letter-spacing:-0.5px;line-height:1.2}.telemetry__card-value--small{font-size:13px;font-weight:400;word-break:break-all;line-height:1.4;color:var(--tl-red-text)}.telemetry__cost-breakdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-6)}.telemetry__cost-breakdown h3{margin-bottom:var(--sp-3)}.telemetry__cost-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0}.telemetry__cost-row+.telemetry__cost-row{border-top:1px solid rgba(var(--text-rgb), 0.04)}.telemetry__cost-provider{font-size:13px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:var(--sp-2)}.telemetry__cost-provider::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tl-accent)}.telemetry__cost-row:nth-child(2) .telemetry__cost-provider::before{background:var(--tl-blue)}.telemetry__cost-row:nth-child(3) .telemetry__cost-provider::before{background:var(--tl-purple)}.telemetry__cost-amount{font-family:var(--tl-mono);font-size:14px;font-weight:600;color:var(--text);letter-spacing:-0.3px}.telemetry__section{margin-bottom:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}.telemetry__section>h3{margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.telemetry__section-count{font-family:var(--tl-mono);font-size:10px;font-weight:700;color:var(--tl-accent-text);background:var(--tl-accent-dim);border-radius:var(--r-full);padding:1px 8px;letter-spacing:0}.telemetry__media-panel{margin-bottom:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.telemetry__media-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.telemetry__media-tabs::-webkit-scrollbar{display:none}.telemetry__media-tab{display:inline-flex;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-4);font-size:12px;font-weight:600;color:var(--slate);background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast),border-color var(--dur-fast);margin-bottom:-1px}.telemetry__media-tab svg{flex-shrink:0;opacity:.6;transition:opacity var(--dur-fast)}.telemetry__media-tab:hover{color:var(--muted)}.telemetry__media-tab:hover svg{opacity:.8}.telemetry__media-tab--active,.telemetry__media-tab[aria-selected=true]{color:var(--tl-accent-text);border-bottom-color:var(--tl-accent-text)}.telemetry__media-tab--active svg,.telemetry__media-tab[aria-selected=true] svg{opacity:1}.telemetry__media-tab-count{font-family:var(--tl-mono);font-size:10px;font-weight:700;color:var(--tl-accent-text);background:var(--tl-accent-dim);border-radius:var(--r-full);padding:0 6px;line-height:18px}.telemetry__media-body{padding:var(--sp-4)}.telemetry__media-pane[hidden]{display:none}.telemetry__bgm-info{max-width:480px}.telemetry__bgm-player{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-3);background:var(--deep);border:1px solid var(--border);border-radius:var(--r-sm)}.telemetry__bgm-player .icon-pause{display:none}.telemetry__bgm-player.is-playing .icon-play{display:none}.telemetry__bgm-player.is-playing .icon-pause{display:block}.telemetry__bgm-player.is-loading .telemetry__bgm-play-btn{opacity:.5;pointer-events:none}.telemetry__bgm-play-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.telemetry__bgm-play-btn:hover{border-color:var(--tl-accent-text);background:var(--tl-accent-dim)}.telemetry__bgm-scrubber{flex:1;height:6px;background:var(--border);border-radius:var(--r-full);cursor:pointer;position:relative;overflow:hidden}.telemetry__bgm-scrubber-fill{height:100%;width:0%;background:var(--tl-accent);border-radius:var(--r-full);transition:width var(--dur-fast) linear}.telemetry__bgm-time{font-family:var(--tl-mono);font-size:12px;color:var(--slate);min-width:36px;text-align:right;flex-shrink:0}.telemetry__logo-pane{display:flex;align-items:flex-start;gap:var(--sp-4)}.telemetry__logo-pane .telemetry__dl{flex:1;min-width:0}@media(max-width: 480px){.telemetry__logo-pane{flex-direction:column}}.telemetry__dl{display:flex;flex-direction:column;gap:0}.telemetry__dl-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;gap:var(--sp-2)}.telemetry__dl-row+.telemetry__dl-row{border-top:1px solid rgba(var(--text-rgb), 0.03)}.telemetry__dl-row dt{font-size:12px;color:var(--slate);white-space:nowrap;flex-shrink:0}.telemetry__dl-row dd{font-size:13px;color:var(--muted);text-align:right;word-break:break-word;margin:0;font-weight:450}.telemetry__dl-row--full{flex-direction:column;gap:2px}.telemetry__dl-row--full dd{text-align:left;font-size:13px;line-height:1.5;color:var(--muted);font-weight:400}.telemetry__detail-tag{display:inline-block;font-size:12px;background:var(--deep);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 8px;margin:2px 4px 2px 0;color:var(--muted)}.telemetry__thumb-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--sp-2)}.telemetry__thumb-card{display:flex;flex-direction:column;background:var(--deep);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;cursor:pointer;padding:0;text-align:left;color:inherit;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.telemetry__thumb-card:hover{border-color:var(--tl-accent-text);box-shadow:0 0 0 1px var(--tl-accent)}.telemetry__thumb-visual{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.telemetry__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.telemetry__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--slate)}.telemetry__thumb-badge{position:absolute;bottom:4px;right:4px;font-family:var(--tl-mono);font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--text);background:rgba(0,0,0,.7);padding:1px 6px;border-radius:var(--r-sm)}.telemetry__thumb-info{display:flex;align-items:center;gap:var(--sp-1);padding:4px 6px;min-width:0}.telemetry__thumb-pos{font-family:var(--tl-mono);font-size:10px;color:var(--slate);flex-shrink:0}.telemetry__thumb-name{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.telemetry__thumb-btn{display:inline-block;padding:0;background:none;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;overflow:hidden;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);margin-bottom:var(--sp-2)}.telemetry__thumb-btn:hover{border-color:var(--tl-accent-text);box-shadow:0 0 0 1px var(--tl-accent)}.telemetry__thumb-btn .telemetry__thumb-img{max-width:120px;max-height:80px;width:auto;height:auto;object-fit:contain;background:var(--deep);display:block}.telemetry__output-thumb{position:relative;display:block;width:100%;max-width:480px;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.telemetry__output-thumb:hover{border-color:var(--tl-accent-text);box-shadow:0 0 0 1px var(--tl-accent)}.telemetry__output-thumb:hover .telemetry__output-play{background:var(--tl-accent);transform:translate(-50%, -50%) scale(1.1)}.telemetry__output-poster{width:100%;height:100%;object-fit:cover;display:block}.telemetry__output-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--slate)}.telemetry__output-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:48px;height:48px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background var(--dur-fast),transform var(--dur-fast);pointer-events:none}.telemetry__timeline-bar{display:flex;flex-direction:column;gap:2px}.telemetry__timeline-segment{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:var(--sp-3);min-height:32px;cursor:default;border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);transition:background var(--dur-fast)}.telemetry__timeline-segment:hover{background:rgba(var(--text-rgb), 0.025)}.telemetry__timeline-segment--completed .telemetry__timeline-fill{background:linear-gradient(90deg, var(--tl-accent) 0%, rgba(78, 205, 196, 0.35) 100%);box-shadow:0 0 10px rgba(78,205,196,.12)}.telemetry__timeline-segment--failed .telemetry__timeline-fill{background:linear-gradient(90deg, var(--tl-red) 0%, rgba(224, 82, 82, 0.35) 100%);box-shadow:0 0 10px rgba(224,82,82,.12)}.telemetry__timeline-segment--running .telemetry__timeline-fill,.telemetry__timeline-segment--processing .telemetry__timeline-fill{background:linear-gradient(90deg, var(--tl-amber) 0%, rgba(212, 168, 67, 0.35) 100%);box-shadow:0 0 10px rgba(212,168,67,.12);animation:tl-pulse 2s ease-in-out infinite}@media(max-width: 600px){.telemetry__timeline-segment{grid-template-columns:100px 1fr auto}}.telemetry__timeline-label{font-family:var(--tl-mono);font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.telemetry__timeline-track{height:8px;background:var(--deep);border-radius:var(--r-full);overflow:hidden;position:relative;border:1px solid rgba(var(--text-rgb), 0.03)}.telemetry__timeline-fill{height:100%;border-radius:var(--r-full);transition:width .4s ease}.telemetry__timeline-duration{font-family:var(--tl-mono);font-size:12px;color:var(--slate);white-space:nowrap;text-align:right;min-width:48px}.telemetry__scrollable,.telemetry__prompt-modal-body,.telemetry__prompt-preview,.telemetry__code-block pre,.telemetry__table-wrap{scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}.telemetry__scrollable::-webkit-scrollbar,.telemetry__prompt-modal-body::-webkit-scrollbar,.telemetry__prompt-preview::-webkit-scrollbar,.telemetry__code-block pre::-webkit-scrollbar,.telemetry__table-wrap::-webkit-scrollbar{width:6px;height:6px}.telemetry__scrollable::-webkit-scrollbar-track,.telemetry__prompt-modal-body::-webkit-scrollbar-track,.telemetry__prompt-preview::-webkit-scrollbar-track,.telemetry__code-block pre::-webkit-scrollbar-track,.telemetry__table-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.telemetry__scrollable::-webkit-scrollbar-thumb,.telemetry__prompt-modal-body::-webkit-scrollbar-thumb,.telemetry__prompt-preview::-webkit-scrollbar-thumb,.telemetry__code-block pre::-webkit-scrollbar-thumb,.telemetry__table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}.telemetry__scrollable::-webkit-scrollbar-thumb:hover,.telemetry__prompt-modal-body::-webkit-scrollbar-thumb:hover,.telemetry__prompt-preview::-webkit-scrollbar-thumb:hover,.telemetry__code-block pre::-webkit-scrollbar-thumb:hover,.telemetry__table-wrap::-webkit-scrollbar-thumb:hover{background:var(--border-foc)}.telemetry__table-wrap{overflow-x:auto;margin-bottom:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.telemetry__table{width:100%;border-collapse:collapse;font-size:13px}.telemetry__table th,.telemetry__table td{padding:var(--sp-2) var(--sp-3);text-align:left;white-space:nowrap}.telemetry__table th{font-size:11px;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.6px;background:var(--deep);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-3);position:sticky;top:0}.telemetry__table td{color:var(--muted);border-bottom:1px solid rgba(var(--text-rgb), 0.04);font-variant-numeric:tabular-nums}.telemetry__table tbody tr{transition:background var(--dur-fast)}.telemetry__table tbody tr:last-child td{border-bottom:none}.telemetry__table tbody tr:hover{background:rgba(var(--text-rgb), 0.025)}.telemetry__link{font-family:var(--tl-mono);font-size:13px;color:var(--tl-accent-text);text-decoration:none;font-weight:600}.telemetry__link:hover{text-decoration:underline;text-underline-offset:3px}.telemetry__badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;border:1px solid rgba(0,0,0,0)}.telemetry__badge--completed,.telemetry__badge--queued{color:var(--tl-green-text);border-color:rgba(90,158,111,.25);background:var(--tl-green-bg)}.telemetry__badge--failed{color:var(--tl-red-text);border-color:rgba(224,82,82,.2);background:var(--tl-red-bg)}.telemetry__badge--running,.telemetry__badge--processing{color:var(--tl-amber-text);border-color:rgba(212,168,67,.2);background:var(--tl-amber-bg);animation:tl-pulse 2s ease-in-out infinite}.telemetry__badge--pending{color:var(--slate);border-color:var(--border);background:rgba(var(--text-rgb), 0.03)}.telemetry__row--failed td{color:var(--tl-red-text) !important;opacity:.85}.telemetry__row--running td:first-child,.telemetry__row--processing td:first-child{box-shadow:inset 3px 0 0 var(--tl-amber)}.telemetry__detail-block{margin-bottom:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--dur-fast)}.telemetry__detail-block[open]{border-color:var(--border-foc)}.telemetry__detail-block summary{padding:var(--sp-3) var(--sp-4);cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);transition:background var(--dur-fast);list-style:none;display:flex;align-items:center;gap:var(--sp-2)}.telemetry__detail-block summary::before{content:"▸";font-size:11px;color:var(--slate);transition:transform var(--dur-fast)}.telemetry__detail-block summary:hover{background:rgba(var(--text-rgb), 0.025)}.telemetry__detail-block summary::-webkit-details-marker{display:none}.telemetry__detail-block summary:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}.telemetry__detail-block[open] summary::before{transform:rotate(90deg)}.telemetry__code-block{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.telemetry__code-block h4{margin-bottom:var(--sp-2)}.telemetry__code-block pre{font-family:var(--tl-mono);font-size:12px;line-height:1.65;background:var(--deep);color:var(--muted);padding:var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto}.telemetry__code-block--error pre{background:var(--tl-red-bg);border-color:rgba(224,82,82,.2);color:var(--tl-red-text)}.telemetry__prompts{margin-bottom:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}.telemetry__prompts h3{margin-bottom:var(--sp-4)}.telemetry__prompts-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.telemetry__prompt-card{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;transition:border-color var(--dur-fast)}.telemetry__prompt-card:hover{border-color:var(--border-foc)}.telemetry__prompt-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--deep);border-bottom:1px solid var(--border)}.telemetry__prompt-card-header h4{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.3px;margin:0}.telemetry__prompt-show-btn{font-family:var(--tl-mono);font-size:11px;font-weight:600;color:var(--tl-accent-text);background:rgba(0,0,0,0);border:1px solid rgba(78,205,196,.25);border-radius:var(--r-full);padding:3px 12px;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.telemetry__prompt-show-btn:hover{background:var(--tl-accent-dim);border-color:var(--tl-accent-text)}.telemetry__prompt-preview{font-family:var(--tl-mono);font-size:12px;line-height:1.65;background:var(--deep);color:var(--muted);padding:var(--sp-3);margin:0;white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto}.telemetry__prompt-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.telemetry__prompt-overlay[hidden]{display:none}.telemetry__prompt-overlay--open{opacity:1;transition-timing-function:var(--ease-decel)}@media(prefers-reduced-motion: reduce){.telemetry__prompt-overlay{transition:none;opacity:1}}.telemetry__prompt-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;max-width:900px;opacity:0;transform:scale(0.96);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.telemetry__prompt-overlay--open .telemetry__prompt-modal{opacity:1;transform:scale(1);transition-timing-function:var(--ease-decel)}@media(prefers-reduced-motion: reduce){.telemetry__prompt-modal{transition:none;transform:none;opacity:1}}.telemetry__prompt-modal{max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.5)}.telemetry__prompt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--deep)}.telemetry__prompt-modal-header h3{font-size:14px;font-weight:600;color:var(--text);margin:0;text-transform:none;letter-spacing:0}.telemetry__prompt-modal-actions{display:flex;align-items:center;gap:var(--sp-2)}.telemetry__prompt-modal-close{font-size:20px;line-height:1;color:var(--slate);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);transition:color var(--dur-fast),background var(--dur-fast)}.telemetry__prompt-modal-close:hover{color:var(--text);background:rgba(var(--text-rgb), 0.05)}.telemetry__prompt-modal-body{font-family:var(--tl-mono);font-size:12px;line-height:1.7;color:var(--muted);padding:var(--sp-4);margin:0;white-space:pre-wrap;word-break:break-word;overflow-y:auto;flex:1}.telemetry__prompt-copy-btn{font-family:var(--tl-mono);font-size:11px;font-weight:600;color:var(--tl-accent-text);background:rgba(0,0,0,0);border:1px solid rgba(78,205,196,.25);border-radius:var(--r-full);padding:3px 12px;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.telemetry__prompt-copy-btn:hover{background:var(--tl-accent-dim);border-color:var(--tl-accent-text)}.telemetry__details-btn{font-family:var(--tl-mono);font-size:11px;font-weight:600;color:var(--tl-red-text);background:rgba(0,0,0,0);border:1px solid rgba(248,113,113,.25);border-radius:var(--r-full);padding:3px 10px;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast)}.telemetry__details-btn:hover{background:rgba(248,113,113,.08);border-color:var(--tl-red-text)}.telemetry__th-toggle{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px}.telemetry__th-toggle:hover{color:var(--muted)}.telemetry__tz-chip{font-family:var(--tl-mono);font-size:9px;font-weight:700;color:var(--tl-accent-text);background:var(--tl-accent-dim);border:1px solid rgba(78,205,196,.25);border-radius:var(--r-full);padding:2px 8px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:3px;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.telemetry__th-toggle:hover .telemetry__tz-chip{background:rgba(78,205,196,.2);border-color:var(--tl-accent-text);transform:scale(1.05)}.telemetry__time-cell{white-space:normal !important;line-height:1.3}.telemetry__time-ago{display:block;font-size:13px;font-weight:500;color:var(--muted)}.telemetry__time-utc,.telemetry__time-local{display:block;font-size:11px;color:var(--slate);margin-top:2px}.telemetry__time-local{display:none}.telemetry--local-tz .telemetry__time-utc{display:none}.telemetry--local-tz .telemetry__time-local{display:block}.telemetry__empty{color:var(--slate);font-size:13px;padding:var(--sp-2) 0}.telemetry__pulse{display:inline-block;color:var(--tl-amber-text);font-weight:500;animation:tl-pulse 1.5s ease-in-out infinite}.telemetry__media-tab:focus-visible,.telemetry__bgm-play-btn:focus-visible,.telemetry__thumb-card:focus-visible,.telemetry__thumb-btn:focus-visible,.telemetry__output-thumb:focus-visible,.telemetry__prompt-show-btn:focus-visible,.telemetry__prompt-modal-close:focus-visible,.telemetry__prompt-copy-btn:focus-visible,.telemetry__details-btn:focus-visible,.telemetry__th-toggle:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}@media(max-width: 480px){.telemetry{padding:var(--sp-4) var(--sp-3)}.telemetry__cards{grid-template-columns:1fr 1fr}.telemetry__timeline-segment{grid-template-columns:90px 1fr auto;gap:var(--sp-2)}.telemetry__timeline-label{font-size:11px}}@keyframes tl-pulse{0%,100%{opacity:1}50%{opacity:.4}}.telemetry__output-row{display:flex;gap:var(--sp-4);align-items:flex-start}.telemetry__output-row .telemetry__output-thumb{flex-shrink:0}.telemetry__output-row .telemetry__audit{flex:1;min-width:0}.telemetry__sub-timings{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:4px}.telemetry__sub-timing{font-size:10px;font-family:var(--tl-mono);color:var(--slate);white-space:nowrap}.telemetry__audit{padding:var(--sp-4)}.telemetry__audit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--tl-accent);border:none;border-radius:var(--r-sm);cursor:pointer;transition:opacity var(--dur-fast)}.telemetry__audit-btn:hover{opacity:.85}.telemetry__audit-btn:disabled{opacity:var(--state-disabled);cursor:not-allowed}.telemetry__audit-btn:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}.telemetry__audit-status{display:flex;align-items:center;gap:8px;margin-top:var(--sp-3);font-size:13px;color:var(--slate)}.telemetry__spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--tl-accent-dim);border-top-color:var(--tl-accent-text);border-radius:50%;animation:tl-spin .6s linear infinite}@keyframes tl-spin{to{transform:rotate(360deg)}}.telemetry__audit-panel{margin-top:var(--sp-4)}.telemetry__audit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.telemetry__audit-score{font-size:20px;font-weight:700;color:var(--tl-accent-text)}.telemetry__audit-tokens{font-size:11px;font-family:var(--tl-mono);color:var(--slate)}.telemetry__audit-summary{font-size:13px;line-height:1.5;color:var(--text);margin-bottom:var(--sp-4)}.telemetry__audit-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.telemetry__audit-category{padding:var(--sp-3);background:var(--deep);border-radius:var(--r-md);border:1px solid var(--border)}.telemetry__audit-category-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--slate);margin-bottom:4px}.telemetry__audit-category-score{font-size:18px;font-weight:700;margin-bottom:4px}.telemetry__audit-category-score--good{color:var(--tl-green-text)}.telemetry__audit-category-score--mid{color:var(--tl-amber-text)}.telemetry__audit-category-score--low{color:var(--tl-red-text)}.telemetry__audit-category-notes{font-size:12px;line-height:1.4;color:var(--slate)}.telemetry__audit-suggestions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2)}.telemetry__audit-suggestion{display:flex;align-items:flex-start;gap:8px;padding:var(--sp-2) var(--sp-3);font-size:13px;border-radius:var(--r-sm)}.telemetry__audit-suggestion--high{background:var(--tl-red-bg)}.telemetry__audit-suggestion--medium{background:var(--tl-amber-bg)}.telemetry__audit-suggestion--low{background:var(--tl-blue-bg)}.telemetry__audit-priority{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-full);white-space:nowrap}.telemetry__audit-suggestion--high .telemetry__audit-priority{background:var(--tl-red);color:#fff}.telemetry__audit-suggestion--medium .telemetry__audit-priority{background:var(--tl-amber);color:#000}.telemetry__audit-suggestion--low .telemetry__audit-priority{background:var(--tl-blue);color:#fff}.telemetry__retry-badge{display:inline-block;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600;border-radius:var(--r-full);background:var(--accent-2);color:#fff;vertical-align:middle}.telemetry__retry-reason{display:block;margin-top:2px;font-size:10px;color:var(--slate);font-style:italic}.telemetry__error-details{margin-top:4px}.telemetry__error-details summary{font-size:11px;color:var(--tl-red-text);cursor:pointer}.telemetry__error-details summary:hover{text-decoration:underline}.telemetry__error-details summary:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}.telemetry__error-pre{margin:4px 0 0;padding:6px 8px;font-size:11px;background:var(--deep);border:1px solid var(--border);border-radius:var(--r-sm);white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto;color:var(--tl-red-text)}.telemetry__workspace{padding:12px 0}.telemetry__ws-loading{display:flex;align-items:center;gap:8px;padding:16px;color:var(--slate);font-size:13px}.telemetry__ws-loading[hidden]{display:none}.telemetry__ws-group{margin-bottom:20px}.telemetry__ws-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);margin:0 0 2px}.telemetry__ws-group-root{font-size:10px;color:var(--slate);font-family:monospace;margin:0 0 8px;word-break:break-all}.telemetry__ws-file{border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:4px;background:var(--deep);overflow:hidden}.telemetry__ws-file-summary{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;cursor:pointer;user-select:none}.telemetry__ws-file-summary:hover{background:var(--border)}.telemetry__ws-file-summary:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}.telemetry__ws-file-name{font-family:monospace;font-size:12px;color:var(--text)}.telemetry__ws-file-meta{font-size:10px;color:var(--slate);margin-left:8px;flex-shrink:0}.telemetry__ws-file-body{border-top:1px solid var(--border)}.telemetry__ws-code{margin:0;padding:10px 12px;font-size:11px;font-family:monospace;white-space:pre;overflow:auto;max-height:400px;color:var(--muted);background:var(--deep);scrollbar-width:thin;scrollbar-color:var(--border) var(--deep)}.telemetry__ws-code code{display:block;width:max-content;min-width:100%}.telemetry__ws-code::-webkit-scrollbar{width:6px;height:6px}.telemetry__ws-code::-webkit-scrollbar-track{background:var(--deep)}.telemetry__ws-code::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}.telemetry__ws-image{display:block;max-width:100%;max-height:300px;object-fit:contain;padding:8px;background:var(--deep)}.telemetry__ws-video-wrap{width:100%;height:auto;max-height:480px;overflow:hidden;background:#000}.telemetry__ws-video-wrap video-skin{height:auto}.telemetry__ws-video-wrap video{height:auto !important;max-height:480px;width:100%;object-fit:contain}.telemetry__ws-audio{display:block;width:100%;padding:8px 12px;background:var(--deep)}.telemetry__ws-binary{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:12px;color:var(--slate)}.telemetry__ws-dl-link{font-size:11px;color:var(--tl-blue-text);text-decoration:none}.telemetry__ws-dl-link:hover{text-decoration:underline}.telemetry__ws-dl-link:focus-visible{outline:2px solid var(--tl-accent);outline-offset:2px}