/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:var(--font-noto-sans-jp),var(--font-geist-sans),sans-serif;--font-mono:var(--font-geist-mono);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-noto-sans-jp),var(--font-geist-sans),sans-serif;--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-25{z-index:25}.z-30{z-index:30}.z-50{z-index:50}.z-\[15\]{z-index:15}.col-span-2{grid-column:span 2/span 2}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-8{height:calc(var(--spacing)*8)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-52{max-height:calc(var(--spacing)*52)}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[5rem\]{min-width:5rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-\[1\.01\]{scale:1.01}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}.bg-surface{background-color:var(--surface)}.bg-surface\/50{background-color:color-mix(in oklab,var(--surface)50%,transparent)}.object-contain{object-fit:contain}.p-4{padding:calc(var(--spacing)*4)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.text-accent{color:var(--accent)}.text-foreground{color:var(--foreground)}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring-1,.shadow,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-surface:hover{background-color:var(--surface)}}}:root{--background:#faf6f0;--foreground:#2c2926;--primary:#c4a882;--primary-hover:#b39570;--accent:#e8b4b8;--accent-hover:#d9a3a8;--secondary:#4a6741;--secondary-hover:#3e5737;--surface:#fffcf7;--surface-elevated:#f3ede4;--surface-hover:#ebe4da;--editor-bg:#1a1917;--editor-surface:#242220;--editor-border:#3d3a36;--editor-text:#f0ebe3;--editor-muted:#a39e96;--timeline-track:#2a2825;--timeline-recorded:#4a674199;--timeline-playhead:#e8b4b8;--border:#e5ddd2;--muted:#6b6560;--recording:#c45c4a;--error-bg:#fdf0ee;--error-text:#c45c4a;--mask-border:#c4a882;--mask-border-recording:#c45c4a;--mask-fill:#c4a88226;--mask-dim:#141210a6;--grid-line:#fffcf766;--footer-bg:#2c2926;--footer-text:#b8b2a8;--footer-link:#f0ebe3;--radius-lg:14px;--radius-md:10px;--shadow-card:0 2px 12px #2c29260f,0 8px 32px #2c29260a}html{font-size:17px}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:.01em;font-weight:400;line-height:1.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}video{max-width:100%;height:auto;display:block}.wafu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.content-block{background:var(--surface);border:1px solid var(--border);padding:1.25rem 1.5rem}.btn-primary,.content-block{border-radius:var(--radius-md)}.btn-primary{background:var(--secondary);color:#fffcf7;letter-spacing:.03em;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--secondary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background .15s}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:var(--primary);color:#fffcf7;border-radius:var(--radius-md);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background .15s}.btn-accent:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{color:var(--muted);border-radius:var(--radius-md);background:0 0;padding:.5rem .875rem;font-size:.9375rem;font-weight:400;transition:color .15s,background .15s}.btn-ghost:hover{color:var(--foreground);background:var(--surface-hover)}.btn-transport{border-radius:var(--radius-md);width:44px;height:44px;color:var(--editor-text);background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.btn-transport:hover:not(:disabled){background:var(--editor-border)}.btn-transport:disabled{opacity:.35;cursor:not-allowed}.btn-transport.active{background:var(--recording);color:#fff}.btn-transport.record-idle:hover:not(:disabled){color:var(--recording)}.wafu-select{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);width:100%;padding:.625rem .875rem;font-size:.9375rem}.app-shell{min-height:100dvh;display:flex}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:220px}.app-sidebar,.app-sidebar-inner{flex-direction:column;display:flex}.app-sidebar-inner{height:100%;min-height:100dvh;padding:1.5rem 1rem;position:sticky;top:0}.app-sidebar-logo{letter-spacing:.06em;color:var(--foreground);padding:0 .5rem;font-size:1.25rem;font-weight:500;text-decoration:none;transition:color .15s}.app-sidebar-logo:hover{color:var(--secondary)}.app-sidebar-tagline{color:var(--muted);border-bottom:1px solid var(--border);margin:.5rem .5rem 1.5rem;padding-bottom:1.25rem;font-size:.75rem;line-height:1.5}.app-sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.app-sidebar-link{border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.9375rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-sidebar-link-icon{opacity:.85;flex-shrink:0}.app-sidebar-link.active .app-sidebar-link-icon{color:var(--secondary);opacity:1}.app-sidebar-link:hover{background:var(--surface-hover);color:var(--foreground)}.app-sidebar-link.active{background:var(--surface-elevated);color:var(--secondary);font-weight:500}.app-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.app-sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.app-sidebar-toggle{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.app-sidebar-toggle:hover{background:var(--surface-hover);color:var(--foreground)}.app-sidebar.collapsed{width:64px}.app-sidebar.collapsed .app-sidebar-inner{padding:1rem .5rem}.app-sidebar.collapsed .app-sidebar-link-text,.app-sidebar.collapsed .app-sidebar-tagline{display:none}.app-sidebar.collapsed .app-sidebar-logo{letter-spacing:.02em;padding:0;font-size:.75rem}.app-sidebar.collapsed .app-sidebar-link{justify-content:center;padding:.625rem}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.75rem}.app-main-editor{max-width:none;margin:0;padding:0}.app-main-editor,.editor-workspace,.editor-workspace>.w-full{flex-direction:column;flex:1;min-height:0;display:flex}.app-shell-editor{height:100dvh;overflow:hidden}.app-shell-editor .app-sidebar-inner{height:100%;min-height:0}.app-shell-editor .app-main{overflow:hidden}.landing-hero{text-align:center;margin-bottom:2rem;padding:.5rem 0 1rem}.landing-hero-icon{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;display:inline-flex}.landing-title{letter-spacing:.02em;color:var(--foreground);margin-bottom:.75rem;font-size:1.5rem;font-weight:500}.landing-desc{color:var(--muted);max-width:36rem;margin:0 auto;font-size:1rem;line-height:1.7}.landing-upload-section{width:100%;max-width:36rem;margin:0 auto}.landing-highlights{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.landing-highlights-list{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.landing-highlight-item{flex:9.5rem;align-items:flex-start;gap:.55rem;min-width:0;max-width:11.5rem;display:flex}.landing-highlight-icon{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.landing-highlight-copy{flex-direction:column;gap:.15rem;min-width:0;padding-top:.05rem;display:flex}.landing-highlight-title{color:var(--foreground);letter-spacing:.02em;font-size:.8125rem;font-weight:500;line-height:1.35}.landing-highlight-desc{color:var(--muted);font-size:.6875rem;line-height:1.5}@media (width<=640px){.landing-highlights-list{flex-direction:column;align-items:stretch;gap:.65rem}.landing-highlight-item{flex:auto;max-width:none}}.export-output-hint{background:var(--surface-elevated);gap:.5rem;padding:.55rem .65rem;display:flex}.editor-onboarding,.export-output-hint{border-radius:var(--radius-md);border:1px solid var(--border)}.editor-onboarding{background:color-mix(in srgb,var(--accent)6%,var(--surface));padding:.65rem .75rem}.editor-onboarding-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.editor-onboarding-dismiss{color:var(--muted);border-radius:var(--radius-sm);flex-shrink:0;padding:.15rem}.editor-onboarding-dismiss:hover{color:var(--foreground);background:var(--surface-elevated)}.editor-onboarding-steps{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.editor-onboarding-steps li{color:var(--muted);gap:.4rem;font-size:.625rem;line-height:1.45;display:flex}.editor-onboarding-num{background:var(--surface-elevated);border:1px solid var(--border);width:1rem;height:1rem;border-radius:999px;flex-shrink:0;justify-content:center;font-size:.5625rem}.editor-onboarding-guide-link,.editor-onboarding-num{color:var(--secondary);align-items:center;display:inline-flex}.editor-onboarding-guide-link{gap:.3rem;margin-top:.5rem;font-size:.625rem;text-decoration:none}.editor-onboarding-guide-link:hover{color:var(--foreground)}.legal-page{max-width:720px;margin:0 auto}.legal-header{text-align:center;margin-bottom:2rem}.legal-header h1,.legal-title{margin-bottom:.5rem;font-size:1.75rem;font-weight:500}.legal-title{align-items:center;gap:.625rem;display:inline-flex}.legal-updated{color:var(--muted);font-size:.875rem}.legal-sections{flex-direction:column;gap:1rem;display:flex}.legal-card{padding:1.5rem}.legal-card h2{color:var(--secondary);margin-bottom:.75rem;font-size:1.0625rem;font-weight:500}.legal-body p{color:var(--muted);margin-bottom:.75rem;font-size:.9375rem}.legal-body p:last-child{margin-bottom:0}.guide-page{max-width:52rem}.guide-header{margin-bottom:1.75rem}.guide-intro{color:var(--editor-muted);margin-top:1rem;font-size:.9375rem;line-height:1.65}.guide-cta-link{color:var(--secondary);text-underline-offset:3px;margin-top:1rem;font-size:.875rem;text-decoration:underline;display:inline-block}.guide-cta-link:hover{color:var(--accent)}.guide-compare{margin-bottom:1.5rem}.guide-compare-heading{color:var(--foreground);margin-bottom:.75rem;font-size:1rem;font-weight:600}.guide-mode-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=640px){.guide-mode-grid{grid-template-columns:1fr}}.guide-mode-card{padding:1rem 1.1rem}.guide-mode-card-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.guide-mode-card-head h3{margin:0;font-size:.9375rem;font-weight:600}.guide-mode-tagline{color:var(--editor-muted);margin-bottom:.65rem;font-size:.8125rem;line-height:1.5}.guide-list{color:var(--foreground);margin:.5rem 0 0;padding-left:1.15rem;font-size:.8125rem;line-height:1.55}.guide-list-ul{list-style:outside}.guide-list-ol{list-style:decimal}.guide-list li+li{margin-top:.35rem}.guide-body .guide-list:first-child{margin-top:0}.guide-shortcuts-intro{color:var(--editor-muted);margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}.guide-shortcuts-dl{margin:0}.guide-shortcut-row{border-bottom:1px solid var(--editor-border);grid-template-columns:minmax(6.5rem,auto) 1fr;gap:.5rem 1rem;padding:.4rem 0;font-size:.8125rem;display:grid}.guide-shortcut-row:last-child{border-bottom:none}.guide-shortcut-row dt{margin:0}.guide-shortcut-row dd{color:var(--foreground);margin:0;line-height:1.45}.guide-kbd{background:var(--editor-surface);border:1px solid var(--editor-border);color:var(--secondary);white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-family:ui-monospace,monospace;font-size:.6875rem;display:inline-block}.guide-footer-note{color:var(--editor-muted);text-align:center;margin-top:1.5rem;font-size:.8125rem}@media (width<=768px){.app-shell{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.app-sidebar-inner{min-height:auto;padding:1rem;position:static}.app-sidebar-tagline{display:none}.app-sidebar-nav{flex-flow:wrap;flex:none;gap:.375rem}.app-sidebar-link{padding:.5rem .75rem;font-size:.875rem}.app-sidebar-footer{margin-top:.75rem;padding-top:.75rem}.app-main-content{padding:1rem}}.nav-logo{letter-spacing:.04em;color:var(--foreground);font-size:1.375rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-logo:hover{color:var(--secondary)}.editor-shell{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;overflow:hidden}.editor-shell,.editor-toolbar{background:var(--surface);display:flex}.editor-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1.25rem}.editor-shell-full{height:100%;box-shadow:none;border:none;border-radius:0;flex-direction:column;display:flex}.editor-shell-full,.editor-shell-full .editor-body{min-height:0;flex:1}@media (width>=1024px){.editor-shell-full .editor-body{grid-template-columns:1fr 260px}}.editor-shell-full .editor-monitor-wrap{flex:1;min-height:0}.editor-shell-full .editor-monitor{flex:1;min-height:200px;max-height:none}.editor-shell-full .editor-timeline-panel{flex-shrink:0}.editor-body{grid-template-columns:1fr;min-height:0;display:grid}@media (width>=1024px){.editor-body{grid-template-columns:1fr 280px}}.editor-monitor-wrap{background:var(--editor-bg);flex-direction:column;min-width:0;display:flex}.monitor-stage{min-width:0;min-height:0}.editor-monitor{flex:1;justify-content:center;align-items:center;min-height:280px;max-height:min(56vh,560px);padding:1rem;display:flex;position:relative}.editor-sidebar{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:1rem;min-height:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}.editor-sidebar-top{border-bottom:1px solid var(--border);flex-shrink:0;padding-bottom:.75rem}.editor-shortcuts-hint{color:var(--muted);letter-spacing:.02em;margin-top:.375rem;padding:0 .25rem;font-size:10px;line-height:1.5}.editor-error-box{border-radius:var(--radius-md);background:var(--error-bg);color:var(--error-text);text-align:center;padding:.875rem;font-size:.8125rem}.export-progress-overlay{z-index:25;border:1px solid var(--editor-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#242220eb;width:min(320px,100% - 2rem);padding:.75rem 1rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.export-progress-bar,.export-progress-compact .export-progress-bar{background:var(--border);border-radius:999px;width:100%;overflow:hidden}.export-progress-bar{height:6px}.export-progress-fill{background:var(--secondary);border-radius:999px;height:100%;transition:width .3s}.export-result-monitor{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem 1rem;display:flex}.export-result-video{border-radius:var(--radius-md);border:1px solid var(--editor-border);object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.export-result-actions{flex:1}.aspect-preset-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background);text-align:left;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.5rem .625rem;transition:border-color .15s,background .15s;display:flex}.aspect-preset-btn:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover)}.aspect-preset-btn.active{border-color:var(--secondary);background:var(--surface-elevated)}.aspect-preset-btn:disabled{opacity:.45;cursor:not-allowed}.aspect-preset-btn-center{text-align:center;justify-content:center;align-items:center}.aspect-preset-ratio{color:var(--foreground);font-size:.8125rem;font-weight:500}.aspect-preset-platform{color:var(--muted);font-size:.625rem;line-height:1.3}.watermark-toggle{cursor:pointer;display:inline-flex;position:relative}.watermark-toggle input{opacity:0;width:0;height:0;position:absolute}.watermark-toggle-track{background:var(--border);border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.watermark-toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.watermark-toggle input:checked+.watermark-toggle-track{background:var(--secondary)}.watermark-toggle input:checked+.watermark-toggle-track:after{transform:translate(16px)}.watermark-toggle input:disabled+.watermark-toggle-track{opacity:.45;cursor:not-allowed}.watermark-preview-row{align-items:center;gap:.75rem;display:flex}.watermark-preview-img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--editor-bg);flex-shrink:0;width:56px;height:56px;padding:4px}.watermark-preview-placeholder{border-radius:var(--radius-md);border:1px dashed var(--border);width:56px;height:56px;color:var(--muted);text-align:center;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:.5625rem;display:flex}.mask-hint{white-space:nowrap;letter-spacing:.03em;color:#faf8f5;background:#2c2c2cb3;border-radius:2px;padding:.25rem .75rem;font-size:.75rem}.mask-hint-rec{background:var(--recording)}.safe-zone-overlay .safe-zone-inner{border:1px dashed #e8b4b8d9;border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #fffcf726}.preview-compare{z-index:22;border:1px solid var(--editor-border);border-radius:var(--radius-md);background:#1a1917eb;padding:.5rem;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 24px #0006}.preview-compare-label{width:100%;color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-bottom:.375rem;font-size:.625rem;display:block}.preview-compare-canvas{border-radius:4px;width:auto;max-height:160px;display:block}.bg-slider-row{flex-direction:column;gap:.375rem;display:flex}.bg-slider-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bg-range{width:100%;height:4px;accent-color:var(--secondary);cursor:pointer}.bg-range:disabled{opacity:.45;cursor:not-allowed}.bg-settings-panel{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.bg-type-tabs{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);gap:.25rem;padding:.2rem;display:flex}.bg-type-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.375rem .5rem;font-size:.6875rem;transition:background .15s,color .15s}.bg-type-tab:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.bg-type-tab.active{background:var(--surface-elevated);color:var(--foreground);font-weight:500;box-shadow:0 1px 3px #2c292614}.bg-type-tab:disabled{opacity:.5;cursor:not-allowed}.bg-color-picker{align-items:center;gap:.5rem;display:flex}.bg-color-swatch-btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;width:2.25rem;height:2.25rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffcf766}.bg-color-swatch-preview{width:100%;height:100%;display:block}.bg-color-native-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.bg-color-hex-input{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;flex:1;font-size:.75rem}.bg-eyedropper-btn{border:1px solid var(--border);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.bg-eyedropper-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground);border-color:var(--primary)}.bg-eyedropper-btn:disabled{opacity:.45;cursor:not-allowed}.bg-preset-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;max-height:220px;padding:.125rem .25rem .125rem 0;display:grid;overflow-y:auto}.bg-preset-swatch{aspect-ratio:1;border:2px solid var(--border);cursor:pointer;border-radius:50%;width:100%;min-height:0;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s}.bg-preset-swatch:hover:not(:disabled){border-color:var(--primary);transform:scale(1.06)}.bg-preset-swatch.active{border-color:var(--secondary);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--secondary)}.bg-preset-swatch:disabled{opacity:.5;cursor:not-allowed}.bg-preset-custom{background-image:linear-gradient(45deg,var(--border)25%,transparent 25%),linear-gradient(-45deg,var(--border)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border)75%),linear-gradient(-45deg,transparent 75%,var(--border)75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.bg-preset-custom.active{background-image:none}.bg-custom-color-btn{width:100%;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:background .15s,border-color .15s;display:flex}.bg-custom-color-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.bg-custom-color-btn:disabled{opacity:.5;cursor:not-allowed}.bg-custom-color-icon{justify-content:center;align-items:center;display:flex}.bg-color-swatch-round{border-radius:50%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-toggle-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.keyframe-list{border:1px solid var(--border);border-radius:var(--radius-md);max-height:100px;padding:.25rem;list-style:none;overflow-y:auto}.keyframe-item{font-size:.6875rem;font-family:var(--font-mono);justify-content:space-between;padding:.25rem .375rem;display:flex}.keyframe-item,.keyframe-remove{color:var(--muted);align-items:center}.keyframe-remove{justify-content:center;padding:0 .25rem;line-height:1;display:inline-flex}.keyframe-remove:hover{color:var(--recording)}.timeline-cover-btn{color:var(--editor-muted);border:1px solid var(--editor-border);border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.625rem;transition:color .15s,border-color .15s;display:inline-flex}.timeline-keyframe-marker{background:var(--accent);border:1px solid var(--surface);z-index:4;pointer-events:auto;cursor:pointer;box-sizing:content-box;width:10px;height:10px;margin:-6px;padding:6px;position:absolute;top:2px;transform:translate(-50%)rotate(45deg)}.timeline-keyframe-marker:before{content:"";position:absolute;inset:-6px}.timeline-keyframe-marker:hover{filter:brightness(1.15)}.timeline-keyframe-selected{background:var(--foreground);box-shadow:0 0 0 2px var(--accent);z-index:5}.timeline-keyframe-manual{background:#c45c4a;box-shadow:0 0 0 1px #c45c4a59}.timeline-keyframe-manual.timeline-keyframe-selected{box-shadow:0 0 0 2px var(--foreground);background:#c45c4a}.timeline-path-heatmap{z-index:1;mix-blend-mode:multiply}.smart-quality-select{border:1px solid var(--editor-border);background:var(--surface);width:100%;color:var(--foreground);border-radius:6px;padding:.35rem .5rem;font-size:.75rem}.smart-keyframe-editor{margin-top:.25rem}.capability-banner{border-radius:var(--radius-md);border:1px solid var(--editor-border);gap:.5rem;padding:.5rem .625rem;display:flex}.capability-banner-warn{background:#b8956b1f}.capability-banner-error{background:#c45c4a1f;border-color:#c45c4a59}.aspect-recompute-banner{border-radius:var(--radius-md);border:1px solid var(--editor-border);background:var(--surface-elevated);flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;display:flex}.work-mode-steps{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:.75rem 0 0;list-style:none;display:flex}.work-mode-step-num{background:var(--secondary);color:#fffdf9;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.5625rem;display:inline-flex}.smart-subject-hint{border-radius:var(--radius-md);border:1px dashed var(--editor-border);background:#00000005;padding:.5rem .625rem}.timeline-marker{background:var(--primary);opacity:.85;z-index:3;pointer-events:none;width:2px;bottom:0;box-shadow:0 0 6px #b8956b73}.timeline-marker,.timeline-marker:before{position:absolute;top:0;transform:translate(-50%)}.timeline-marker:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--primary);width:0;height:0;left:50%}.timeline-marker-out{opacity:.65;top:2px;bottom:2px}.timeline-cover-btn:hover:not(:disabled){color:var(--editor-text);border-color:var(--primary)}.timeline-cover-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-label{align-items:center;gap:.375rem;display:inline-flex}.section-heading{letter-spacing:.025em;color:var(--foreground);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.section-heading-icon{color:var(--secondary);opacity:.9}.subsection-heading{color:var(--foreground);font-size:.75rem;font-weight:500}.field-label,.subsection-heading{align-items:center;gap:.375rem;display:inline-flex}.field-label{color:var(--muted);margin-bottom:.25rem;font-size:.6875rem}.lang-switcher-trigger{border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border);align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;transition:background .15s;display:flex}.lang-switcher-trigger:hover{background:var(--surface-hover)}.uploader-icon-wrap{background:var(--surface-elevated);border-radius:.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.25rem;display:flex}.site-footer-link{color:var(--foreground);border-radius:var(--radius-md);align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.9375rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.site-footer-link:hover{color:var(--secondary);background:var(--surface-hover)}.work-mode-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.375rem;padding:.2rem;display:grid}.work-mode-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .375rem;font-size:.6875rem;transition:background .15s,color .15s;display:inline-flex}.work-mode-tab:hover:not(:disabled){color:var(--foreground);background:var(--surface-hover)}.work-mode-tab.active{background:var(--surface-elevated);color:var(--secondary);font-weight:500}.smart-zoom-grid{grid-template-columns:1fr 1fr;gap:.375rem;display:grid}.smart-tracking-grid{grid-template-columns:1fr}.smart-subject-picker{z-index:16;cursor:crosshair;position:absolute;inset:0}.smart-subject-picker.disabled{pointer-events:none;cursor:default}.smart-subject-picker-hint{border-radius:var(--radius-md);color:#fffdf9;text-align:center;pointer-events:none;background:#0000008c;max-width:85%;padding:.5rem .75rem;font-size:11px;line-height:1.4;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.smart-subject-picker-marker{color:#50c878;pointer-events:none;filter:drop-shadow(0 0 4px #00000073);position:absolute;transform:translate(-50%,-50%)}.smart-pick-panel{border-radius:var(--radius-md);border:1px dashed var(--border);background:#c4a8820f;padding:.5rem .625rem}.smart-zoom-btn{border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;color:var(--muted);cursor:pointer;background:0 0;padding:.5rem .625rem;transition:border-color .15s,background .15s,color .15s}.smart-zoom-btn:hover:not(:disabled){border-color:var(--border);color:var(--foreground);background:var(--surface-hover)}.smart-zoom-btn.active{border-color:var(--secondary);color:var(--secondary);background:#4a674114}.smart-zoom-name{font-size:.6875rem;font-weight:600;display:block}.smart-zoom-sub{opacity:.85;margin-top:.125rem;font-size:.5625rem;display:block}.smart-detect-status{align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.smart-detect-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.smart-detect-dot.on{background:var(--secondary);box-shadow:0 0 6px #4a674173}.smart-path-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;grid-template-columns:1fr 1fr;gap:.5rem;padding:.625rem;display:grid}.smart-path-stat-val{color:var(--secondary);font-size:.875rem;font-weight:600;display:block}.smart-path-stat-lbl{color:var(--muted);margin-top:.125rem;font-size:.5625rem;display:block}.smart-analyze-progress{padding:.25rem 0}.smart-track-overlay-canvas{pointer-events:none}.smart-crop-handle{z-index:20;cursor:grab;touch-action:none;border:2px solid #fffcf7d9;position:absolute;box-shadow:0 0 0 1px #00000059}.smart-crop-handle:active{cursor:grabbing}.smart-crop-handle.disabled{pointer-events:none;opacity:.5}.smart-crop-handle-label{letter-spacing:.06em;text-transform:uppercase;color:#fffcf7e6;white-space:nowrap;pointer-events:none;font-size:.5625rem;position:absolute;top:-1.25rem;left:50%;transform:translate(-50%)}.smart-crop-handle-label:after{content:"Drag"}.smart-cache-banner{border-radius:var(--radius-md);border:1px solid var(--editor-border);background:var(--surface-elevated);padding:.5rem .625rem}.smart-highlight-hint-banner{border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--primary)35%,var(--editor-border));background:color-mix(in srgb,var(--primary)8%,var(--surface-elevated));padding:.5rem .625rem}.srt-preview-box{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);padding:.5rem .625rem}@media (width>=1024px){.editor-sidebar{border-top:none;border-left:1px solid var(--border)}}.editor-timeline-panel{background:var(--editor-surface);border-top:1px solid var(--editor-border);padding:1rem 1.25rem 1.25rem}.timeline-timecode{font-family:var(--font-mono);color:var(--editor-muted);letter-spacing:.04em;font-size:.9375rem}.timeline-timecode .current{color:var(--editor-text);font-weight:500}.timeline-timecode .sep{opacity:.4;margin:0 .35rem}.text-editor-muted{color:var(--editor-muted)}.rec-badge{color:var(--recording);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.rec-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:pulse-rec 1.2s infinite}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.4}}.timeline-track-row{grid-template-columns:52px 1fr;align-items:stretch;gap:.625rem;display:grid}.timeline-track-label{letter-spacing:.1em;text-transform:uppercase;color:var(--editor-muted);justify-content:flex-end;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.timeline-track{cursor:pointer;border-radius:6px;position:relative;overflow:visible}.timeline-track-main{background:var(--timeline-track);height:56px}.timeline-track-out{background:var(--timeline-track);height:28px}.timeline-trim-dim{pointer-events:none;z-index:1;background:#00000073;position:absolute;top:0;bottom:0}.timeline-trim-dim.left{left:0}.timeline-trim-dim.right{right:0}.timeline-highlight-clip{z-index:2;pointer-events:none;background:#c4a88259;border:1px solid #c4a882bf;border-radius:3px;position:absolute;top:2px;bottom:2px}.timeline-trim-active{z-index:0;border-radius:4px;position:absolute;top:0;bottom:0;overflow:hidden}.timeline-recorded-region{background:var(--timeline-recorded);border-left:2px solid var(--secondary);border-right:2px solid var(--secondary);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0}.timeline-recorded-region+.timeline-recorded-region{border-left-width:1px}.timeline-export-clip{background:var(--timeline-recorded);border:1px solid var(--secondary);z-index:2;pointer-events:auto;border-radius:2px;min-width:8px;position:absolute;top:0;bottom:0}.timeline-export-clip-off{border-color:var(--editor-border);opacity:.65;background:#9a948c59}.timeline-export-clip-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px #e8b4b859;z-index:3}.timeline-export-clip-split-ready .export-clip-playhead-split{opacity:1}.export-clip-playhead-split{background:var(--accent);opacity:.55;pointer-events:none;z-index:4;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #e8b4b899}.timeline-clip-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .35rem .25rem 2.25rem;display:flex}.timeline-clip-tool-btn{color:var(--editor-muted);background:var(--editor-surface);border:1px solid var(--editor-border);cursor:pointer;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-size:10px;display:inline-flex}.timeline-clip-tool-btn:hover:not(:disabled){color:var(--foreground);border-color:var(--secondary)}.timeline-clip-tool-btn:disabled{opacity:.4;cursor:not-allowed}.timeline-marquee{border:1px dashed var(--accent);pointer-events:none;z-index:5;background:#e8b4b838;border-radius:2px;position:absolute;top:0;bottom:0}.export-clip-handle{cursor:ew-resize;z-index:3;width:10px;position:absolute;top:0;bottom:0}.export-clip-handle-in{left:0;transform:translate(-50%)}.export-clip-body{cursor:grab;z-index:2;position:absolute;inset:0 10px}.export-clip-body:active{cursor:grabbing}.export-clip-handle-out{right:0;transform:translate(50%)}.export-clip-handle:after{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:15%;bottom:15%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #e8b4b873}.export-clip-item-off{opacity:.55}.export-clip-toggle input{cursor:pointer}.trim-handle{cursor:ew-resize;z-index:4;justify-content:center;align-items:center;width:14px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.trim-handle:after{content:"";background:var(--accent);border-radius:2px;width:4px;height:70%;box-shadow:0 0 8px #e8b4b880}.trim-handle-in:after{background:var(--primary)}.trim-handle-out:after{background:var(--accent)}.timeline-playhead-handle{cursor:ew-resize;z-index:5;justify-content:center;width:16px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timeline-playhead-handle.readonly{pointer-events:none;cursor:default}.timeline-playhead-line{background:var(--timeline-playhead);width:2px;height:100%;position:relative;box-shadow:0 0 8px #e8b4b899}.timeline-playhead-line:before{content:"";background:var(--timeline-playhead);border-radius:3px;width:12px;height:12px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.preview-badge{z-index:20;border-radius:var(--radius-md);border:2px solid var(--editor-border);position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 6px 24px #00000073}.site-footer{background:linear-gradient(180deg,var(--surface-elevated)0,var(--surface)100%);border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:auto;padding:2.5rem 1.5rem 2rem}.site-footer-inner{max-width:32rem;margin:0 auto}.site-footer-ornament{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.site-footer-line{background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;max-width:4rem;height:1px}.site-footer-diamond{color:var(--primary);opacity:.7;font-size:.5rem}.site-footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.site-footer-link-wrap{align-items:center;gap:.25rem;display:inline-flex}.site-footer-dot{color:var(--border);-webkit-user-select:none;user-select:none;margin:0 .5rem}.site-footer a{color:var(--foreground);border-radius:4px;padding:.25rem .5rem;font-size:.9375rem;text-decoration:none;transition:color .15s,background .15s}.site-footer a:hover{color:var(--secondary);background:var(--surface-hover)}.site-footer-copy{color:var(--muted);letter-spacing:.04em;opacity:.85;font-size:.8125rem}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}