/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-content:"";--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-500:oklch(55.4% .046 257.417);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--container-7xl:80rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--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);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#e0e5ec;--color-foreground:#3d4852;--color-muted:#56616d;--color-accent:#5750cf;--color-accent-light:#8b84ff;--color-success:#0f6a67;--color-danger:#a43145;--font-body:"DM Sans",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--radius-control:1rem;--radius-card:2rem}}@layer base{*,:after,:before,::backdrop{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}html,:host{-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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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:currentColor}@supports (color:color-mix(in lab, red, red)){::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}body{min-width:calc(var(--spacing)*0);background-color:var(--color-surface);font-family:var(--font-body);color:var(--color-foreground)}:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}}@layer components{.app-shell{width:100%;max-width:var(--container-7xl);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*10);margin-inline:auto}@media (min-width:48rem){.app-shell{padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*16)}}.surface-card{border-radius:var(--radius-card);background-color:var(--color-surface);padding:calc(var(--spacing)*6);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}@media (min-width:48rem){.surface-card{padding:calc(var(--spacing)*8)}}.surface-card:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:12px 12px 20px var(--tw-shadow-color,#a3b1c6b3),-12px -12px 20px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.icon-well{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12);border-radius:var(--radius-control);--tw-shadow:inset 10px 10px 20px var(--tw-shadow-color,#a3b1c6b3),inset -10px -10px 20px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);place-items:center;display:grid}.button{min-height:calc(var(--spacing)*11);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-control);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);display:inline-flex}@media (hover:hover){.button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:12px 12px 20px var(--tw-shadow-color,#a3b1c6b3),-12px -12px 20px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.button:focus-visible{outline-color:var(--color-accent)}.button:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background-color:var(--color-accent);color:var(--color-white)}.button-secondary{background-color:var(--color-surface);color:var(--color-foreground)}.form-label{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);display:block}.form-input{min-height:calc(var(--spacing)*11);border-radius:var(--radius-control);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-input::placeholder{color:var(--color-slate-500)}.form-input:focus{--tw-shadow:inset 10px 10px 20px var(--tw-shadow-color,#a3b1c6b3),inset -10px -10px 20px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.form-error{margin-top:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-danger)}.status-message{border-radius:var(--radius-control);padding:calc(var(--spacing)*4);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.status-success{color:var(--color-success)}.status-error{color:var(--color-danger)}.loading-state{border-radius:var(--radius-control);background-color:var(--color-surface);padding:calc(var(--spacing)*4);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.htmx-indicator{visibility:hidden;opacity:0}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{visibility:visible;opacity:1}.timeline-toolbar{margin-bottom:calc(var(--spacing)*4);align-items:center;gap:calc(var(--spacing)*3);display:flex}.timeline-viewport{border-radius:var(--radius-control);background-color:var(--color-surface);padding:calc(var(--spacing)*3);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:relative;overflow-x:auto}.timeline-ruler{left:calc(var(--spacing)*0);z-index:10;height:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);position:sticky}.timeline-track{min-height:calc(var(--spacing)*28);position:relative}.clip-card{top:calc(var(--spacing)*8);min-height:calc(var(--spacing)*11);border-radius:var(--radius-control);background-color:var(--color-accent);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:hidden}.clip-card[aria-pressed=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-accent-light);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.clip-card.is-snapping{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-success)}.clip-card span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#fffc;display:block}@supports (color:color-mix(in lab, red, red)){.clip-card span{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.timeline-playhead{inset-block:calc(var(--spacing)*0);z-index:20;width:calc(var(--spacing)*.5);background-color:var(--color-danger);position:absolute}.preview-frame{width:100%;max-width:var(--container-md);cursor:pointer;border-radius:var(--radius-control);border-style:var(--tw-border-style);background-color:var(--color-surface);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:#9aa8bb;position:relative}.preview-frame:focus-within{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.preview-frame img{border-radius:var(--radius-control);object-fit:cover;width:100%;height:100%}.preview-frame-16-9{aspect-ratio:var(--aspect-video)}.preview-frame-9-16{aspect-ratio:9/16;max-width:14rem}.preview-frame-1-1{aspect-ratio:1;max-width:var(--container-xs)}.projects-screen{gap:calc(var(--spacing)*6);min-height:calc(100vh - 5rem);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);flex-direction:column;display:flex}@media (min-width:48rem){.projects-screen{padding-inline:calc(var(--spacing)*10);padding-block:calc(var(--spacing)*0)}}.projects-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);width:100%;display:flex}.projects-header-actions{align-items:center;gap:calc(var(--spacing)*3);display:flex}.projects-title{font-family:var(--font-display);--tw-font-weight:var(--font-weight-bold);font-size:28px;font-weight:var(--font-weight-bold);color:#2d3748}.projects-logout-button,.projects-wpm-button{min-height:calc(var(--spacing)*11);align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:4px 4px 8px var(--tw-shadow-color,#a3b1c699),-4px -4px 8px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);display:inline-flex}@media (hover:hover){:is(.projects-logout-button,.projects-wpm-button):hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:is(.projects-logout-button,.projects-wpm-button):focus-visible{outline-color:var(--color-accent)}.projects-logout-button img{width:18px;height:18px}.project-preview-table{background-color:var(--color-surface);--tw-shadow:6px 6px 12px var(--tw-shadow-color,#a3b1c6b3),-6px -6px 12px var(--tw-shadow-color,#ffffffe6);width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px;overflow:hidden}.project-preview-row{min-height:calc(var(--spacing)*28);align-items:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5);text-align:left;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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);grid-template-columns:128px minmax(11rem,1fr) 120px 180px 120px 80px;display:grid}.project-preview-row:focus-visible{outline-color:var(--color-accent)}a.project-preview-row:hover{color:var(--color-foreground)}.project-preview-row.is-muted,.project-preview-new{background-color:#dadfe8}.project-preview-row [data-project-thumbnail-upload]{position:relative}.project-preview-thumb{height:72px;width:calc(var(--spacing)*32);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-surface);--tw-shadow:-2px -2px 4px var(--tw-shadow-color,#fffc),3px 3px 6px var(--tw-shadow-color,#a3b1c699);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:#9aa8bb;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-preview-thumb:focus-within{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.image-clear-button{top:calc(var(--spacing)*2);right:calc(var(--spacing)*2);z-index:10;width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;color:var(--color-white);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:oklab(39.5787% -.00907296 -.020219/.8);border-radius:3.40282e38px;place-items:center;line-height:1;display:grid;position:absolute}@media (hover:hover){.image-clear-button:hover{background-color:var(--color-danger)}}.image-clear-button:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.project-preview-thumb img{object-fit:cover;width:100%;height:100%}.project-preview-thumb-16-9{aspect-ratio:var(--aspect-video)}.project-preview-thumb-9-16{aspect-ratio:9/16;width:calc(var(--spacing)*10);margin-inline:auto}.project-preview-thumb-1-1{aspect-ratio:1;width:72px;margin-inline:auto}.project-preview-name{min-width:calc(var(--spacing)*0);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748}.project-preview-row>a:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.project-preview-status{align-items:center;width:120px;display:flex}.project-status{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;align-items:center;display:inline-flex}.project-status-draft{color:#64748b;background-color:#e8ecf2}.project-status-production{color:#3b5ea6;--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffb3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#c7d7f5}.project-status-ready{color:#1a7a40;--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffb3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#bbf0d0}.project-preview-meta,.project-preview-fps,.project-preview-duration{color:#7a8ba0;font-size:13px}.project-preview-add{height:calc(var(--spacing)*10);width:calc(var(--spacing)*32);border-style:var(--tw-border-style);background-color:var(--color-surface);--tw-shadow:3px 3px 6px var(--tw-shadow-color,#a3b1c699),-3px -3px 6px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);border-width:1px;border-color:#9aa8bb;border-radius:10px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.project-preview-add:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}.project-preview-add:focus-visible{outline-color:var(--color-accent)}.project-preview-add img{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.project-preview-new{min-height:68px;padding-block:calc(var(--spacing)*3.5);color:#8896a8;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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media (hover:hover){.project-preview-new:hover{color:var(--color-foreground)}}.project-preview-new:focus-visible{outline-color:var(--color-accent)}.project-preview-new .project-preview-name{color:#8896a8}.project-preview-title-input{min-height:calc(var(--spacing)*11);min-width:calc(var(--spacing)*0);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*0);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748;background-color:#0000}.project-preview-title-input::placeholder{color:#8896a8}.project-preview-title-input:focus{background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.project-preview-select{min-height:calc(var(--spacing)*8);border-style:var(--tw-border-style);background-color:var(--color-surface);width:fit-content;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-size:13px;font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0;border-radius:3.40282e38px}.project-preview-select:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.project-preview-empty{background-color:var(--color-surface);padding:calc(var(--spacing)*5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0;border-top-left-radius:20px;border-top-right-radius:20px}.scenario-list-section{margin-top:calc(var(--spacing)*6)}.scenario-list-title{margin-bottom:calc(var(--spacing)*4);font-family:var(--font-display);--tw-font-weight:var(--font-weight-bold);font-size:22px;font-weight:var(--font-weight-bold);color:#2d3748}.scenario-preview-table{background-color:var(--color-surface);--tw-shadow:6px 6px 12px var(--tw-shadow-color,#a3b1c6b3),-6px -6px 12px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px;overflow:hidden}.scenario-preview-row{min-height:calc(var(--spacing)*14);justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748;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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-color:#d1d6de;border-bottom-width:1px;display:flex}@media (hover:hover){.scenario-preview-row:hover{background-color:#dadfe8}}.scenario-preview-row:focus-visible{outline-color:var(--color-accent)}.scenario-preview-row span:last-child{--tw-font-weight:var(--font-weight-normal);font-size:13px;font-weight:var(--font-weight-normal);color:#7a8ba0;flex-shrink:0}.scenario-preview-empty{padding:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0}.scenario-preview-new button{min-height:calc(var(--spacing)*14);align-items:center;gap:calc(var(--spacing)*3);width:100%;padding-inline:calc(var(--spacing)*6);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#8896a8;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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#dadfe8;display:flex}@media (hover:hover){.scenario-preview-new button:hover{color:#4a5568}}.scenario-preview-new button:focus-visible{outline-color:var(--color-accent)}.scenario-preview-new button span:first-child{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.scenario-editor-screen{margin-inline:calc(var(--spacing)*-5);margin-block:calc(var(--spacing)*-10);background-color:var(--color-surface);min-height:100vh}@media (min-width:48rem){.scenario-editor-screen{margin-inline:calc(var(--spacing)*-8);margin-block:calc(var(--spacing)*-16)}}.scenario-editor-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*6);background-color:var(--color-surface);min-height:69px;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);--tw-shadow:0 4px 12px var(--tw-shadow-color,#a3b1c699),0 4px 8px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex}.scenario-editor-header-left,.scenario-editor-actions,.scenario-editor-actions form{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*3);display:flex}.scenario-editor-title{min-width:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748;background-color:#0000;border-radius:3.40282e38px}.scenario-editor-title:focus{background-color:var(--color-surface);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.scenario-save-status{margin-inline:auto;margin-top:calc(var(--spacing)*5);min-height:calc(var(--spacing)*5);text-align:right;max-width:calc(100% - 3rem);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0}.scenario-content-card{margin-inline:auto;margin-block:calc(var(--spacing)*3);background-color:var(--color-surface);max-width:calc(100% - 3rem);padding-block:calc(var(--spacing)*8);padding-right:calc(var(--spacing)*10);--tw-shadow:6px 6px 12px var(--tw-shadow-color,#a3b1c6b3),-6px -6px 12px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px;overflow:hidden}@media (min-width:48rem){.scenario-content-card{max-width:calc(100% - 10rem)}}.scenario-text-row{align-items:flex-start;gap:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1.5);display:flex}.scenario-text-row.is-dragging{opacity:.5}.scenario-block-controls{width:calc(var(--spacing)*8);padding-top:calc(var(--spacing)*1);flex-shrink:0;order:3;justify-content:center;align-items:flex-start;display:flex}.scenario-block-handle{cursor:grab;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:#8896a8;line-height:1}.scenario-block-handle:active{cursor:grabbing}.scenario-text-row time{width:calc(var(--spacing)*24);padding-top:calc(var(--spacing)*1);padding-left:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:#7a8ba0;flex-shrink:0;order:1}.scenario-end-time time{width:calc(var(--spacing)*24);padding-top:calc(var(--spacing)*1);padding-left:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:#7a8ba0;flex-shrink:0}.scenario-block-text{min-height:calc(var(--spacing)*11);padding-right:calc(var(--spacing)*3);--tw-leading:calc(var(--spacing)*6);font-size:15px;line-height:calc(var(--spacing)*6);white-space:pre-wrap;flex:1;order:2}.scenario-block-text:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}.scenario-text-row.is-a-roll .scenario-block-text{color:#1a7a40}.scenario-text-row.is-b-roll .scenario-block-text{color:#3b5ea6}.scenario-divider{margin-block:calc(var(--spacing)*1);margin-left:calc(var(--spacing)*24);height:5px;position:relative}.scenario-divider:before,.scenario-divider:after{right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);--tw-content:"";content:var(--tw-content);background-color:#bfc7d1;height:1px;position:absolute}.scenario-divider:after{top:calc(var(--spacing)*1)}.scenario-end-time{min-height:calc(var(--spacing)*10);padding-top:calc(var(--spacing)*1);display:flex}.project-editor-screen{margin-inline:calc(var(--spacing)*-5);margin-block:calc(var(--spacing)*-10);background-color:var(--color-surface);min-height:100vh}@media (min-width:48rem){.project-editor-screen{margin-inline:calc(var(--spacing)*-8);margin-block:calc(var(--spacing)*-16)}}.project-editor-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*6);background-color:var(--color-surface);min-height:69px;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);--tw-shadow:0 4px 12px var(--tw-shadow-color,#a3b1c699),0 4px 8px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex}.project-editor-header-left,.project-editor-actions,.project-editor-titlebar{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*4);display:flex}.project-editor-back,.project-editor-logout,.project-editor-export,.project-editor-wpm{min-height:calc(var(--spacing)*11);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:4px 4px 8px var(--tw-shadow-color,#a3b1c699),-4px -4px 8px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);display:inline-flex}@media (hover:hover){:is(.project-editor-back,.project-editor-logout,.project-editor-export,.project-editor-wpm):hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:is(.project-editor-back,.project-editor-logout,.project-editor-export,.project-editor-wpm):focus-visible{outline-color:var(--color-accent)}.project-editor-export{color:#16a34a}.project-editor-title{min-width:calc(var(--spacing)*0);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748;overflow:hidden}.project-title-form{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*2);display:flex}.project-title-form input{min-height:calc(var(--spacing)*9);width:calc(var(--spacing)*56);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;display:none}.project-title-form input:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-accent)}@media (min-width:48rem){.project-title-form input{display:block}}.project-title-form button{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9);background-color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0;--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;place-items:center;display:grid}@media (hover:hover){.project-title-form button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}.project-title-form button:focus-visible{outline-color:var(--color-accent)}.project-editor-pill{min-height:calc(var(--spacing)*7);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-bold);font-size:12px;font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;align-items:center;display:inline-flex}.project-editor-timeline{display:block}.timeline-message{margin-inline:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*4);min-height:calc(var(--spacing)*5);border-radius:var(--radius-control);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#4a5568}.timeline-message:empty{display:none}.project-editor-timeline .timeline-viewport{padding:calc(var(--spacing)*0);--tw-shadow:-4px -4px 8px var(--tw-shadow-color,#fffff5),4px 4px 8px var(--tw-shadow-color,#b8c2ce);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#d8dde8;border-radius:0}.project-editor-timeline .timeline-ruler{background-color:#d8dde8;min-width:100%;height:38px}.timeline-ruler-marker{top:calc(var(--spacing)*2);color:#8896a8;font-size:10px;position:absolute}.timeline-ruler-marker:after{top:calc(var(--spacing)*4);left:calc(var(--spacing)*0);height:calc(var(--spacing)*1.5);--tw-content:"";content:var(--tw-content);background-color:#8896a8;width:1px;position:absolute}.project-editor-timeline .timeline-track{background-color:#d8dde8;min-height:120px}.project-editor-timeline .clip-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);height:100px;padding:calc(var(--spacing)*0);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c680),-2px -2px 4px var(--tw-shadow-color,#ffffffb3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;flex-direction:column;align-items:stretch;display:flex;top:10px;overflow:hidden}.project-editor-timeline .clip-card.is-a-roll{color:#1a6b3a;background-color:#c8e6d4;border-color:#6dbf8a}.project-editor-timeline .clip-card.is-b-roll{color:#3b5ea6;background-color:#c7d7f5;border-color:oklab(72.543% -.0282249 -.0895311/.4)}.project-editor-timeline .clip-card.is-produced{border-style:var(--tw-border-style);--tw-shadow:0 0 0 2px var(--tw-shadow-color,#16a34a38),0 0 14px var(--tw-shadow-color,#16a34a6b),-2px -2px 4px var(--tw-shadow-color,#ffffffd9),2px 2px 4px var(--tw-shadow-color,#a3b1c673);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:2px}.project-editor-timeline .clip-card-preview{min-height:calc(var(--spacing)*0);padding:calc(var(--spacing)*1);flex:1;align-items:stretch;display:flex;overflow:hidden}.project-editor-timeline .clip-card-preview img{object-fit:contain;object-position:left;border-radius:4px;width:100%;height:100%}.project-editor-timeline .clip-card-title{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);flex-shrink:0;align-items:center;display:flex}.project-editor-timeline .clip-card.is-a-roll .clip-card-title{background-color:#a9d8b8}.project-editor-timeline .clip-card.is-b-roll .clip-card-title{background-color:#a3b1c6}.project-editor-timeline .clip-card-title strong{min-width:calc(var(--spacing)*0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-add-clip{z-index:10;width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-bold);line-height:1;font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:2px 2px 4px var(--tw-shadow-color,#a3b1c659),-2px -2px 4px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#bfbfbf;border-radius:3.40282e38px;place-items:center;display:grid;position:absolute;top:48px}@media (hover:hover){.timeline-add-clip:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}.timeline-add-clip:focus-visible{outline-color:var(--color-accent)}.project-editor-timeline .timeline-toolbar{margin:calc(var(--spacing)*0);background-color:var(--color-surface);min-height:63px;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);--tw-shadow:4px 4px 8px var(--tw-shadow-color,#a3b1c699),-4px -4px 8px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);justify-content:space-between;display:flex}.timeline-tools,.timeline-zoom-controls{align-items:center;gap:calc(var(--spacing)*2);display:flex}.timeline-icon-button{background-color:var(--color-surface);width:39px;height:39px;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:3px 3px 6px var(--tw-shadow-color,#a3b1c699),-3px -3px 6px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:10px;place-items:center;display:grid}@media (hover:hover){.timeline-icon-button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}.timeline-icon-button:focus-visible{outline-color:var(--color-accent)}.timeline-icon-button:disabled{cursor:not-allowed;opacity:.5}.timeline-icon-button.is-active{color:var(--color-accent);--tw-shadow:-1px -1px 2px var(--tw-shadow-color,#ffffffe6),2px 2px 4px var(--tw-shadow-color,#b8c2ce);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#d4dae5}.timeline-zoom-button{border-radius:var(--radius-lg);background-color:var(--color-surface);width:30px;height:30px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#4a5568;--tw-shadow:3px 3px 6px var(--tw-shadow-color,#a3b1c699),-3px -3px 6px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));place-items:center;display:grid}@media (hover:hover){.timeline-zoom-button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}}.timeline-zoom-button:focus-visible{outline-color:var(--color-accent)}.timeline-zoom-controls output{min-width:calc(var(--spacing)*24);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#8896a8}.timeline-inspector{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4)}.timeline-inspector [data-inspector-empty]{border-radius:var(--radius-control);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0;--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#d8dde8}.project-editor-inspector-grid{gap:calc(var(--spacing)*12);display:grid}@media (min-width:64rem){.project-editor-inspector-grid{grid-template-columns:minmax(0,1fr) 320px}}.project-editor-inspector-main{min-width:calc(var(--spacing)*0)}.inspector-form{gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.inspector-title-row{gap:calc(var(--spacing)*3);display:flex}.inspector-description{min-height:calc(var(--spacing)*24);resize:vertical}.clip-type-toggle{height:calc(var(--spacing)*10);width:calc(var(--spacing)*20);gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*1);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#d8dde8;border-radius:3.40282e38px;flex-shrink:0;display:flex}.clip-type-toggle label{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#8896a8;border-radius:3.40282e38px;flex:1;justify-content:center;align-items:center;display:flex}.clip-type-toggle input{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clip-type-toggle label:has(input:checked){background-color:var(--color-surface);color:#16a34a;--tw-shadow:3px 3px 6px var(--tw-shadow-color,#a3b1c699),-3px -3px 6px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.clip-type-toggle label:has(input[value=b_roll]:checked){color:#3b5ea6}.inspector-time-row{gap:calc(var(--spacing)*3);display:grid}@media (min-width:48rem){.inspector-time-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.inspector-time-row label,.inspector-produced,.inspector-files>p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#8896a8}.inspector-files{margin-top:calc(var(--spacing)*4);gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.inspector-files ul{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.inspector-files li{min-height:calc(var(--spacing)*12);align-items:center;gap:calc(var(--spacing)*3);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748;--tw-shadow:3px 3px 6px var(--tw-shadow-color,#a3b1c699),-3px -3px 6px var(--tw-shadow-color,#ffffffe6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:10px;display:flex}.inspector-files li span{min-width:calc(var(--spacing)*0);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inspector-files li button{min-height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.project-editor-inspector-side{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.project-editor-inspector-side .preview-frame{border-style:var(--tw-border-style);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);max-width:none;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0}.project-editor-inspector-side form,.project-editor-imports form{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.project-editor-imports{padding-inline:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*8)}.wpm-screen{gap:calc(var(--spacing)*8);min-height:calc(100vh - 5rem);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);flex-direction:column;display:flex}@media (min-width:48rem){.wpm-screen{padding-inline:calc(var(--spacing)*10)}}.wpm-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.wpm-title{font-family:var(--font-display);--tw-font-weight:var(--font-weight-bold);font-size:28px;font-weight:var(--font-weight-bold);color:#2d3748}.wpm-logout-button{min-height:calc(var(--spacing)*11);border-radius:var(--radius-xl);background-color:var(--color-surface);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#7a8ba0;--tw-shadow:4px 4px 8px var(--tw-shadow-color,#a3b1c699),-4px -4px 8px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);align-items:center;display:inline-flex}@media (hover:hover){.wpm-logout-button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.wpm-logout-button:focus-visible{outline-color:var(--color-accent)}.wpm-info{--tw-leading:calc(var(--spacing)*6);font-size:15px;line-height:calc(var(--spacing)*6);color:#7a8ba0}.wpm-reading-card{gap:calc(var(--spacing)*5);background-color:var(--color-white);padding:calc(var(--spacing)*6);color:#2d3748;border-radius:20px;flex-direction:column;display:flex}@media (min-width:48rem){.wpm-reading-card{padding:calc(var(--spacing)*8)}}.wpm-reading-card h2{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wpm-divider{background-color:var(--color-surface);width:100%;height:1px}:where(.wpm-reading-text>: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)))}.wpm-reading-text{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1.7;line-height:1.7}.wpm-counter{justify-content:center;align-items:baseline;gap:calc(var(--spacing)*3);width:100%;display:flex}.wpm-counter strong{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#2d3748}.wpm-counter span{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));color:#7a8ba0}.wpm-message{min-height:calc(var(--spacing)*5);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-success)}.wpm-actions{justify-content:center;display:flex}.wpm-toggle-button{min-height:calc(var(--spacing)*12);min-width:calc(var(--spacing)*36);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12);padding-block:calc(var(--spacing)*3.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);background-color:#4ab17a;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.wpm-toggle-button:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:12px 12px 20px var(--tw-shadow-color,#a3b1c6b3),-12px -12px 20px var(--tw-shadow-color,#fff9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.wpm-toggle-button:focus-visible{outline-color:var(--color-accent)}.wpm-toggle-button:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:inset 6px 6px 10px var(--tw-shadow-color,#a3b1c699),inset -6px -6px 10px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.wpm-toggle-button:disabled{cursor:not-allowed;opacity:.6}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.max-w-2xl{max-width:var(--container-2xl)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}.rounded{border-radius:.25rem}.font-display{font-family:var(--font-display)}.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-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-muted{color:var(--color-muted)}@media (min-width:48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/assets/fonts/dm-sans-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/assets/fonts/plus-jakarta-sans-cyrillic-ext-wght-normal.woff2)format("woff2");unicode-range:U+400-52F}@media (max-width:900px){@layer components{.projects-screen{min-height:calc(var(--spacing)*0);gap:calc(var(--spacing)*5)}.project-preview-table{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-radius:0;overflow:visible}.project-preview-row{margin-bottom:calc(var(--spacing)*4);min-height:calc(var(--spacing)*0);column-gap:calc(var(--spacing)*4);row-gap:calc(var(--spacing)*2);background-color:var(--color-surface);padding:calc(var(--spacing)*4);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px;grid-template-columns:96px minmax(0,1fr);display:grid}.project-preview-row.is-muted,.project-preview-new{background-color:var(--color-surface)}.project-preview-thumb,.project-preview-add{height:54px;width:calc(var(--spacing)*24);grid-row:span 4/span 4}.project-preview-thumb-9-16{width:calc(var(--spacing)*8)}.project-preview-thumb-1-1{width:54px}.project-preview-name{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.project-preview-status,.project-preview-meta,.project-preview-fps,.project-preview-duration{width:auto}.project-preview-duration{grid-column-start:2}.project-preview-title-input{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.project-preview-empty{margin-bottom:calc(var(--spacing)*4);--tw-shadow:9px 9px 16px var(--tw-shadow-color,#a3b1c699),-9px -9px 16px var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px}.project-preview-new{padding-block:calc(var(--spacing)*4)}.project-editor-screen{margin-inline:calc(var(--spacing)*-5);margin-block:calc(var(--spacing)*-10)}.project-editor-header{flex-direction:column;align-items:stretch}.project-editor-header-left,.project-editor-actions,.project-editor-titlebar{flex-wrap:wrap}.project-editor-actions{justify-content:space-between}.scenario-editor-header,.scenario-editor-header-left,.scenario-editor-actions{flex-direction:column;align-items:stretch}.scenario-editor-actions form{flex-wrap:wrap}.scenario-content-card{max-width:calc(100% - 2rem);padding-right:calc(var(--spacing)*3)}.scenario-text-row time,.scenario-end-time time{width:calc(var(--spacing)*16);padding-left:calc(var(--spacing)*3)}.scenario-divider{margin-left:calc(var(--spacing)*16)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}