:root{--background:#fff;--foreground:#1c1c1c;--card:#fff;--card-foreground:#1c1c1c;--popover:#fff;--popover-hover:#f5f5f5;--popover-foreground:#050505;--primary:#16a9f3;--primary-foreground:#fff;--secondary:#f0f9ff;--secondary-border:#e0f3ff;--secondary-foreground:#0284c5;--muted:#d9d9d9;--muted-foreground:gray;--accent:#f5f5f5;--accent-foreground:#050505;--destructive:#e91616;--destructive-foreground:#fff;--constructive:#23d160;--constructive-foreground:#fff;--caution:#f59f0a;--caution-foreground:#1a1a1a;--border:#e8e8e8;--input:#fff;--ring:#8c8c8c;--clip-text:#5dbaa0;--clip-audio:#8f5dba;--clip-graphic:#ba5d7a;--clip-effect:#5d93ba;--bookmark:#009dff;--radius-sm:.35rem;--radius-md:.65rem;--radius-lg:.82rem;--text-xs:.72rem;--text-sm:.79rem;--text-base:.92rem;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.panel{--background:#f9fafb;--foreground:#212121;--card:#fafafa;--card-foreground:#212121;--primary-foreground:#fafafa;--secondary:#e6f5ff;--secondary-border:#d6efff;--secondary-foreground:#027dbb;--muted:#d4d4d4;--muted-foreground:#7a7a7a;--accent:#ededed;--accent-foreground:#0d0d0d;--border:#dedede;--input:#ededed;--ring:#878787}:root[data-theme=dark]{--background:#0d0d0d;--foreground:#dedede;--card:#0d0d0d;--card-foreground:#dedede;--popover:#0d0d0d;--popover-hover:#212121;--popover-foreground:#f2f2f2;--secondary:#00253d;--secondary-border:#002e4d;--secondary-foreground:#3abcfd;--muted:#333;--accent:#242424;--accent-foreground:#f2f2f2;--border:#292929;--input:#0d0d0d;--ring:gray;--caution:#f7b23b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .panel{--background:#1a1a1a;--foreground:#d9d9d9;--card:#1a1a1a;--card-foreground:#d9d9d9;--secondary:#081a26;--secondary-border:#002b47;--secondary-foreground:#44bffd;--muted:#383838;--accent:#262626;--accent-foreground:#ededed;--border:#2e2e2e;--input:#383838;--ring:#858585}*,:before,:after{box-sizing:border-box;border-color:var(--border)}html,body,#root{height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;overscroll-behavior-x:contain;margin:0;line-height:1.25}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:color-mix(in srgb, var(--primary) 35%, transparent);color:var(--primary-foreground)}:focus-visible{outline:1px solid var(--ring);outline-offset:1px}h1,h2,h3,p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.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}.scrollbar-hidden{scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted{color:var(--muted-foreground)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.btn{border-radius:var(--radius-md);height:2.25rem;font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500;transition:background-color .1s,opacity .1s;display:inline-flex}.btn svg{flex:none;width:1rem;height:1rem}.btn:disabled{opacity:.5;pointer-events:none}.btn--default{background:var(--foreground);color:var(--background)}.btn--default:hover{background:color-mix(in srgb, var(--foreground) 90%, transparent)}.btn--outline{border-color:var(--border);background:var(--background)}.btn--outline:hover,.btn--ghost:hover{background:var(--accent)}.btn--secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary-border)}.btn--destructive{background:var(--destructive);color:var(--destructive-foreground)}.btn--destructive:hover{background:color-mix(in srgb, var(--destructive) 80%, transparent)}.btn--destructive-outline{border-color:var(--border);background:var(--background);color:var(--destructive)}.btn--destructive-outline:hover{background:color-mix(in srgb, var(--destructive) 15%, transparent)}.btn--text{border-radius:0;height:auto;padding:0}.btn--text:hover{opacity:.75}.btn--sm{border-radius:var(--radius-sm);height:1.75rem;padding:0 .625rem}.btn--lg{height:2.5rem;padding:0 1.5rem}.btn--icon{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;padding:0}.btn--icon-lg{border-radius:var(--radius-sm);width:2rem;height:2rem;padding:0}.btn--muted{color:var(--muted-foreground)}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);width:100%;height:2.25rem;font-size:var(--text-sm);outline:none;padding:0 .75rem}.input:focus-visible,.textarea:focus-visible{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.input--sm,.select{height:1.75rem;padding:0 .625rem}.select{background-color:var(--accent);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding-right:1.5rem}.select:focus-visible{border-color:var(--primary);outline:none}.textarea{background:var(--accent);resize:none;height:auto;min-height:3.75rem;padding:.5rem .75rem;line-height:1.4}.textarea:focus-visible{border-color:var(--primary);box-shadow:none}.label{font-size:var(--text-xs);color:var(--muted-foreground);font-weight:500;line-height:1}.number-field{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent);cursor:text;align-items:center;width:100%;height:1.75rem;display:flex}.number-field:focus-within{border-color:var(--primary)}.number-field__icon{color:var(--muted-foreground);background:0 0;border:0;place-items:center;padding-left:.625rem;display:grid}.number-field__icon svg{width:.875rem;height:.875rem}.number-field__icon--scrub{cursor:ew-resize;touch-action:none}.number-field input{min-width:0;height:100%;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1;padding:0 .5rem}.number-field__suffix{color:var(--muted-foreground);padding-right:.5rem}.number-field__reset{width:1.5rem;height:100%;color:var(--muted-foreground);background:0 0;border:0;place-items:center;display:grid}.number-field__reset svg{width:.875rem;height:.875rem}.switch{background:var(--input);width:2.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px var(--border);border:2px solid #0000;border-radius:999px;flex:none;padding:0;transition:background-color .15s;position:relative}.switch[aria-checked=true]{background:var(--primary);box-shadow:none}.switch:after{content:"";background:var(--background);border-radius:50%;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]:after{transform:translate(1rem)}.slider{appearance:none;background:0 0;width:100%;height:1.5rem;margin:0}.slider::-webkit-slider-runnable-track{background:var(--accent);border-radius:999px;height:6px}.slider::-moz-range-track{background:var(--accent);border-radius:999px;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid color-mix(in srgb, var(--primary) 50%, transparent);background:var(--background);border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 2px #0003}.slider::-moz-range-thumb{border:1px solid color-mix(in srgb, var(--primary) 50%, transparent);background:var(--background);border-radius:50%;width:14px;height:14px}.checkbox{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);cursor:pointer;flex:none;place-items:center;width:1rem;height:1rem;margin:0;display:inline-grid}.checkbox:checked{background:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";border:solid var(--primary-foreground);border-width:0 2px 2px 0;width:.3rem;height:.55rem;transform:rotate(45deg)translate(-1px,-1px)}.progress{background:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:999px;height:.5rem;overflow:hidden}.progress>div{background:var(--primary);height:100%;transition:width .1s linear}.tabs{display:inline-flex}.tabs__tab{border-radius:var(--radius-md);background:0 0;border:1px solid #0000;height:1.625rem;padding:0 .625rem;font-weight:500}.tabs__tab[aria-selected=true]{background:var(--secondary);border-color:var(--secondary-border);color:var(--secondary-foreground)}.tabs--underline{border-bottom:1px solid var(--border);width:100%;padding:0 .5rem;display:flex}.tabs--underline .tabs__tab{border:0;border-bottom:2px solid #0000;border-radius:0;height:auto;margin-bottom:-1px;padding:.5rem .75rem}.tabs--underline .tabs__tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);background:0 0}.popover{z-index:50;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover);min-width:8rem;color:var(--popover-foreground);padding:.25rem;position:fixed;box-shadow:0 0 10px #00000026}.popover--padded{padding:0}.menu{min-width:11rem;box-shadow:0 10px 25px #0000002e}.menu__item{border-radius:var(--radius-sm);text-align:left;width:100%;color:color-mix(in srgb, var(--foreground) 85%, transparent);background:0 0;border:0;align-items:center;gap:.5rem;padding:.375rem .625rem;display:flex}.menu__item svg{width:.875rem;height:.875rem;color:var(--muted-foreground);flex:none}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--popover-hover);outline:none}.menu__item:disabled{opacity:.5}.menu__item--destructive,.menu__item--destructive svg{color:var(--destructive)}.menu__item--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--destructive) 8%, transparent)}.menu__shortcut{font-size:var(--text-xs);letter-spacing:.08em;opacity:.6;text-transform:uppercase;margin-left:auto;padding-left:1rem}.menu__separator{background:var(--border);height:1px;margin:.375rem .25rem}.menu__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);padding:.25rem .625rem;font-size:11px;font-weight:700}.tooltip{z-index:60;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--popover);color:var(--popover-foreground);font-size:var(--text-sm);pointer-events:none;width:max-content;max-width:min(18rem,100vw - 1rem);padding:.375rem .625rem;position:fixed;box-shadow:0 2px 8px #00000026}.dialog-overlay{z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(32rem,100%);max-height:90vh;color:var(--popover-foreground);flex-direction:column;display:flex;box-shadow:0 10px 40px #00000040}.dialog--wide{width:min(42rem,100%)}.dialog__header{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative}.dialog__title{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1}.dialog__description{color:var(--muted-foreground)}.dialog__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.dialog__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.dialog__close{opacity:.7;position:absolute;top:1.25rem;right:1.25rem}.dialog__close:hover{opacity:1}.alert{border:1px solid var(--border);border-radius:var(--radius-lg);gap:.75rem;padding:1rem 1.25rem;display:flex}.alert--destructive{background:color-mix(in srgb, var(--destructive) 5%, transparent);border-color:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive)}.alert--caution{background:color-mix(in srgb, var(--caution) 10%, transparent);border-color:color-mix(in srgb, var(--caution) 20%, transparent)}.toaster{z-index:300;flex-direction:column;gap:.5rem;width:min(22rem,100vw - 2rem);display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex;box-shadow:0 4px 16px #00000026}.toast--error{border-color:color-mix(in srgb, var(--destructive) 40%, var(--border))}.toast--success svg{color:var(--constructive)}.toast__description{color:var(--muted-foreground);margin-top:.125rem}.section{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.section__header{align-items:center;gap:.5rem;width:100%;height:2.75rem;padding:0 .875rem;display:flex}.section__toggle{text-align:left;background:0 0;border:0;flex:1;height:100%;padding:0}.section__chevron-button{background:0 0;border:0;place-items:center;padding:0;display:grid}.section__title{color:var(--muted-foreground);font-weight:500}.section--open .section__title,.section__title--static{color:var(--foreground)}.section__chevron{color:var(--muted-foreground);width:1rem;height:1rem;transition:transform .2s ease-out}.section--closed .section__chevron{transform:rotate(-90deg)}.section__content{padding:0 1rem 1rem}.section__fields{flex-direction:column;gap:.875rem;display:flex}.field{flex-direction:column;gap:.5rem;display:flex}.field__label{align-items:center;gap:.25rem;height:1rem;display:flex}.empty{text-align:center;height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.empty h3{color:var(--foreground);font-size:1.125rem;font-weight:500}.empty p{text-wrap:balance;max-width:16rem}.empty svg{opacity:.75;width:2.5rem;height:2.5rem}.color-field{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent);align-items:center;gap:.5rem;height:1.75rem;padding:0 .5rem;display:flex}.color-field:focus-within{border-color:var(--primary)}.color-field input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:1.125rem;height:1.125rem;padding:0}.color-field input[type=text]{text-transform:uppercase;min-width:0;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.field-note{font-size:var(--text-xs);color:var(--muted-foreground);flex-direction:column;gap:.35rem;margin:.25rem 0 0;line-height:1.4;display:flex}.tts,.translate{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:.9rem;display:flex}.tts__title{font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);font-weight:600}.tts__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tts__note{font-size:var(--text-xs);margin:0;line-height:1.45}.editor{background:var(--background);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.editor__header{flex:none;justify-content:space-between;align-items:center;height:3.4rem;padding:.125rem .75rem 0;display:flex}.editor__header-left,.editor__header-right{align-items:center;gap:.5rem;display:flex}.editor__header-left{gap:.25rem}.editor__body{flex:1;min-width:0;min-height:0}.split{width:100%;min-width:0;height:100%;min-height:0;display:flex}.split--column{flex-direction:column}.split__pane{min-width:0;min-height:0;display:flex}.split__handle{z-index:5;background:0 0;flex:none;position:relative}.split--row>.split__handle{cursor:col-resize;width:.19rem}.split--column>.split__handle{cursor:row-resize;height:.18rem}.split__handle:after{content:"";position:absolute;inset:0}.split--row>.split__handle:after{left:-.2rem;right:-.2rem}.split--column>.split__handle:after{top:-.2rem;bottom:-.2rem}.split__handle:focus-visible{outline:1px solid var(--ring)}.split__handle[data-dragging=true]:before{content:"";background:var(--primary);opacity:.6;position:absolute;inset:0}.panel-box{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);min-width:0;min-height:0;overflow:hidden}.export-button{border-radius:var(--radius-md);color:#fff;background:#38bdf8;border:0;padding:2px}.export-button:disabled{opacity:.5}.export-button__inner{background:linear-gradient(270deg,#2567ec,#37b6f7);border-radius:.6rem;align-items:center;gap:.375rem;padding:.25rem 1rem;font-size:.875rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #000000a6}.export-button__inner:before{content:"";opacity:.35;pointer-events:none;background:linear-gradient(#ffffff80,#fff0);position:absolute;inset:0}.export-button svg{width:.875rem;height:.875rem;position:relative}.export-button span{position:relative}.name-input{border-radius:var(--radius-sm);cursor:pointer;field-sizing:content;background:0 0;border:0;outline:none;min-width:4rem;height:2rem;padding:.25rem .5rem;font-size:.9rem}.name-input:hover{background:var(--accent)}.name-input:focus{box-shadow:0 0 0 1px var(--ring);cursor:text;background:0 0}.assets{height:100%;display:flex}.assets__rail{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;padding:.25rem;display:flex;overflow-y:auto}.assets__view{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.view__header{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.25rem;min-height:2.75rem;padding:.25rem .5rem .25rem .75rem;display:flex}.view__title{color:var(--muted-foreground)}.view__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.view__body{flex:1;min-height:0;padding:.5rem;overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,7rem);gap:1rem;display:grid}.media-item{border-radius:var(--radius-sm);cursor:grab;flex-direction:column;gap:.25rem;width:7rem;display:flex}.media-item[data-selected=true]{box-shadow:0 0 0 1px var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.media-item[data-highlight=true]{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 60%, transparent)}.media-item__tile{aspect-ratio:16/9;background:var(--accent);color:var(--muted-foreground);place-items:center;display:grid;position:relative;overflow:hidden}.media-item__tile img{object-fit:cover;width:100%;height:100%}.media-item__add{opacity:0;background:var(--background);width:1.25rem;height:1.25rem;color:var(--foreground);border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:absolute;bottom:.5rem;right:.5rem}.media-item:hover .media-item__add,.tile:hover .media-item__add,.media-item:focus-within .media-item__add,.tile:focus-within .media-item__add,.media-item__add:focus-visible{opacity:1}.media-item__add svg{width:.75rem;height:.75rem}.media-item__badge{color:#fff;font-size:var(--text-xs);background:#000000b3;border-radius:3px;padding:0 .25rem;position:absolute;bottom:.25rem;right:.25rem}.media-item__name{color:var(--muted-foreground);font-size:.7rem}.media-list{flex-direction:column;gap:.375rem;display:flex}.media-row{border-radius:var(--radius-sm);align-items:center;gap:.75rem;height:2rem;padding:0 .25rem;display:flex}.media-row[data-selected=true]{box-shadow:0 0 0 1px var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.media-row__preview{border-radius:var(--radius-sm);background:var(--accent);flex:none;width:1.5rem;height:1.5rem;overflow:hidden}.media-row__preview img{object-fit:cover;width:100%;height:100%}.dropzone{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--foreground) 5%, transparent);width:100%;color:var(--muted-foreground);font-size:var(--text-xs);text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.dropzone:hover{background:color-mix(in srgb, var(--foreground) 10%, transparent)}.dropzone svg{width:2.5rem;height:2.5rem}.assets__view[data-dragover=true]{background:color-mix(in srgb, var(--accent) 30%, transparent)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;display:grid}.tile{cursor:grab;flex-direction:column;gap:.25rem;display:flex}.tile__box{aspect-ratio:1;border-radius:var(--radius-md);background:var(--accent);place-items:center;display:grid;position:relative;overflow:hidden}.tile__box canvas,.tile__box svg{width:70%;height:70%}.tile__label{color:var(--muted-foreground);text-align:center;font-size:.7rem}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);border-radius:var(--radius-sm);width:3.25rem;height:3.25rem;padding:0}.swatch:hover{border-color:var(--primary)}.swatch[aria-pressed=true]{border:2px solid var(--primary)}.option-row{border-radius:var(--radius-sm);opacity:.75;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;width:100%;height:2rem;padding:0 .5rem;display:flex}.option-row:hover{background:var(--accent)}.option-row[aria-checked=true]{background:var(--secondary);border-color:var(--secondary-border);color:var(--secondary-foreground);opacity:1}.option-row__shape{opacity:.6;border:1.5px solid;border-radius:2px}.row-between{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;height:2.75rem;padding:0 .875rem;display:flex}.properties{height:100%;display:flex}.properties__rail{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:.25rem;display:flex}.properties__content{flex:1;min-width:0;overflow-y:auto}.effect-card{border-bottom:1px solid var(--border)}.effect-card[data-disabled=true]{opacity:.5}.effect-card[data-dragging=true]{opacity:.4}.effect-card[data-drop=before]{border-top:2px solid var(--primary)}.effect-card[data-drop=after]{box-shadow:inset 0 -2px 0 var(--primary)}.preview{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.preview__viewport{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;margin:.5rem .5rem 0;display:flex;position:relative;overflow:hidden}.preview__scene{border:1px solid var(--border);position:absolute;overflow:visible}.preview__scene canvas{width:100%;height:100%;display:block}.preview__overlay{touch-action:none;position:absolute;inset:0}.preview__toolbar{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 1.25rem .75rem;display:grid}.preview__time{color:var(--muted-foreground);font-size:var(--text-xs);gap:.5rem;display:flex}.preview__time button{background:0 0;border:0;padding:0}.preview__right{justify-content:flex-end;align-items:center;gap:.625rem;display:flex}.handle{background:#fff;border-radius:2px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 1px #00000073}.handle--round{border-radius:50%}.handle--rotate{color:#000;border-radius:50%;place-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;display:grid}.handle--rotate svg{width:12px;height:12px}.snap-guide{pointer-events:none;mix-blend-mode:difference;background:#ffffffb3;position:absolute}.text-edit{transform-origin:0 0;white-space:pre;background:0 0;outline:none;position:absolute;overflow:visible}.timeline{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.timeline__toolbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:.5rem;height:2.5rem;padding:.25rem .5rem;display:flex;overflow-x:auto}.timeline__group{align-items:center;gap:.25rem;display:flex}.timeline__divider{background:var(--border);flex:none;width:1px;height:1.5rem;margin:0 .25rem}.scene-select{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--accent);align-items:center;height:1.75rem;display:inline-flex;overflow:hidden}.scene-select__name{padding:0 .75rem}.scene-select button{border:0;border-left:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);background:0 0;height:100%;padding:0 .5rem}.timeline__body{flex:1;min-height:0;display:flex;position:relative}.timeline__labels{border-right:1px solid var(--border);flex:none;width:112px;position:relative;overflow:hidden}.timeline__scroll{flex:1;min-width:0;position:relative;overflow:auto}.timeline__content{position:relative}.timeline__ruler{z-index:12;background:var(--background);cursor:pointer;-webkit-user-select:none;user-select:none;height:22px;position:sticky;top:0}.ruler__tick{border-left:1px solid color-mix(in srgb, var(--muted-foreground) 25%, transparent);height:6px;position:absolute;top:6px}.ruler__beat{background:var(--primary);opacity:.85;pointer-events:none;border-radius:50%;width:5px;height:5px;margin-left:-2px;position:absolute;bottom:1px}.ruler__label{color:color-mix(in srgb, var(--muted-foreground) 85%, transparent);white-space:nowrap;padding-left:4px;font-size:10px;line-height:1;position:absolute;top:4px}.timeline__bookmarks{z-index:11;background:var(--background);height:16px;position:sticky;top:22px}.bookmark{clip-path:polygon(50% 100%,12% 72%,12% 10%,88% 10%,88% 72%);background:var(--bookmark);border:0;width:12px;height:15px;margin-left:-6px;padding:0;position:absolute;top:0}.bookmark-span{opacity:.3;background:var(--bookmark);height:12px;position:absolute;top:2px}.track-label{justify-content:flex-end;align-items:center;gap:.5rem;padding:0 .75rem;display:flex;position:absolute;left:0;right:0}.track-label[data-selected=true]{background:color-mix(in srgb, var(--accent) 50%, transparent)}.track-label button{color:var(--muted-foreground);background:0 0;border:0;place-items:center;width:1rem;height:1rem;padding:0;display:grid}.track-label button[data-off=true]{color:var(--destructive)}.track-label svg{width:1rem;height:1rem}.track-row{position:absolute;left:0;right:0}.track-row[data-selected=true]{background:color-mix(in srgb, var(--accent) 50%, transparent)}.track-row[data-empty=true]:before{content:"";border:2px dashed color-mix(in srgb, var(--muted) 30%, transparent);border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:0}.clip{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;color:#fff;position:absolute;overflow:hidden}.clip[data-selected=true]{box-shadow:0 0 0 1.5px var(--primary)}.clip[data-hidden=true],.clip[data-drop-target=true]{opacity:.5}.clip[data-dragging=true]{cursor:grabbing;z-index:14;box-shadow:0 6px 18px #0000004d}.clip[data-selected=true][data-dragging=true]{box-shadow:0 0 0 1.5px var(--primary), 0 6px 18px #0000004d}.clip--video{background-color:var(--muted);background-repeat:repeat-x;background-size:auto 100%}.clip--text{background:var(--clip-text)}.clip--audio{background:var(--clip-audio)}.clip--graphic{background:var(--clip-graphic)}.clip--effect{background:var(--clip-effect)}.clip__header{pointer-events:none;background:linear-gradient(#0000004d,#0000);justify-content:space-between;height:20px;padding:4px 8px 0 0;display:flex;position:absolute;top:0;left:0;right:0}.clip__name{color:#ffffffbf;padding-left:6px;font-size:.6rem;line-height:1.1}.clip__label{font-size:var(--text-xs);align-items:center;gap:4px;padding-left:8px;display:flex;position:absolute;inset:0}.clip__waveform{pointer-events:none;width:100%;position:absolute;bottom:0;left:0;right:0}.clip__volume{cursor:ns-resize;z-index:3;align-items:center;height:14px;margin-top:-7px;display:flex;position:absolute;left:0;right:0}.clip__volume:after{content:"";background:#ffffff80;flex:1;height:1px}.clip:hover .clip__volume:after,.clip__volume[data-active=true]:after{background:#ffffffe6}.clip__volume-tip{z-index:70;color:#fff;pointer-events:none;background:#000000bf;border-radius:3px;padding:1px 6px;font-size:11px;position:fixed}.clip__resize{z-index:4;background:0 0;border:0;width:8px;padding:0;position:absolute;top:0;bottom:0}.clip__resize--left{cursor:w-resize;left:-1px}.clip__resize--right{cursor:e-resize;right:-1px}.clip__resize:after{content:"";background:var(--primary);opacity:.9;border-radius:2px;width:3px;position:absolute;top:25%;bottom:25%;left:3px}.clip__keyframe{z-index:5;cursor:grab;background:0 0;border:0;width:14px;height:14px;margin-left:-7px;padding:0;position:absolute;bottom:2px}.clip__keyframe svg{fill:#fff;stroke:#000;stroke-width:1.5px;width:14px;height:14px}.clip__keyframe[data-selected=true] svg{fill:var(--primary)}.playhead{z-index:30;background:var(--primary);pointer-events:none;will-change:left;width:2px;position:absolute;top:0;bottom:0}.playhead__knob{border:2px solid color-mix(in srgb, var(--primary) 50%, transparent);background:var(--primary);cursor:col-resize;pointer-events:auto;border-radius:50%;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;top:4px;left:50%;box-shadow:0 1px 2px #0003}.playhead__knob[data-snapping=true]{border-color:var(--primary)}.snap-indicator{z-index:40;background:color-mix(in srgb, var(--primary) 40%, transparent);opacity:.8;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.drop-line{z-index:20;background:var(--primary);pointer-events:none;height:2px;position:absolute;left:0;right:0}.selection-box{z-index:50;border:1px solid color-mix(in srgb, var(--foreground) 50%, transparent);background:color-mix(in srgb, var(--foreground) 5%, transparent);pointer-events:none;position:absolute}.kf-lane{background:color-mix(in srgb, var(--muted) 50%, transparent);height:20px;position:absolute;left:0;right:0}.page{background:var(--background);min-height:100vh}.page__header{z-index:20;background:var(--background);justify-content:space-between;align-items:center;gap:1rem;height:4rem;padding:0 2rem;display:flex;position:sticky;top:0}.page__toolbar{z-index:10;background:var(--background);align-items:center;gap:1rem;height:3.5rem;padding:0 1.5rem;display:flex;position:sticky;top:4rem}.page__main{padding:.5rem 1rem 1.5rem}.breadcrumb{color:var(--muted-foreground);font-size:var(--text-base);align-items:center;gap:.5rem;display:flex}.breadcrumb strong{color:var(--foreground);font-weight:500}.view-toggle{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.25rem;height:2.5rem;padding:.25rem .375rem;display:flex}.search{position:relative}.search svg{width:1rem;height:1rem;color:var(--muted-foreground);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search input{min-width:15rem;height:2.5rem;padding-left:2.25rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem;padding:0 1rem;display:grid}.project-card{background:var(--background);border-radius:var(--radius-md);cursor:pointer;text-align:left;border:0;flex-direction:column;gap:.75rem;padding:0;display:flex;position:relative;overflow:hidden}.project-card__thumb{aspect-ratio:16/9;background:var(--muted);border-radius:var(--radius-md);color:var(--muted-foreground);place-items:center;display:grid;position:relative;overflow:hidden}.project-card__thumb img{object-fit:cover;width:100%;height:100%}.project-card__duration{border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);background:#0009;padding:.25rem .5rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.project-card__title{font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.project-card__meta{color:var(--muted-foreground);align-items:center;gap:.5rem;display:flex}.project-card__check,.project-card__menu{opacity:0;transition:opacity .1s;position:absolute;top:.75rem}.project-card__check{width:1.25rem;height:1.25rem;left:.75rem}.project-card__menu{background:var(--background);right:.75rem}.project-card:hover .project-card__check,.project-card:hover .project-card__menu,.project-card:focus-within .project-card__check,.project-card:focus-within .project-card__menu,.project-card[data-selected=true] .project-card__check{opacity:1}.project-row{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);cursor:pointer;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.project-row[data-selected=true]{background:color-mix(in srgb, var(--primary) 5%, transparent)}.project-row__thumb{border-radius:var(--radius-sm);background:var(--muted);flex:none;width:2.5rem;height:2.5rem;overflow:hidden}.project-row__thumb img{object-fit:cover;width:100%;height:100%}.skeleton{background:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:var(--radius-md);animation:1.6s ease-in-out infinite pulse}.landing{flex-direction:column;min-height:100vh;display:flex}.landing__nav{justify-content:space-between;align-items:center;padding:1rem 1.5rem 0;display:flex}.landing__brand{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.landing__hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5rem;padding:3rem 1rem;display:flex}.landing__hero h1{letter-spacing:-.04em;max-width:48rem;font-size:clamp(2.25rem,6vw,4rem);font-weight:700;line-height:1.05}.landing__hero h1 em{color:var(--primary);font-style:normal}.landing__hero p{letter-spacing:.01em;max-width:36rem;color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.25rem);font-weight:300}.landing__features{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;width:100%;max-width:60rem;margin:0 auto;padding:0 1.5rem 3rem;display:grid}.landing__feature{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.landing__feature h3{font-weight:600;font-size:var(--text-base);margin-bottom:.375rem}.landing__feature p{color:var(--muted-foreground);line-height:1.5}.loading-screen{height:100vh;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.banner{border-bottom:1px solid var(--border);background:var(--accent);height:2.25rem;font-size:var(--text-xs);color:var(--muted-foreground);justify-content:center;align-items:center;gap:.5rem;display:flex}@media (width<=900px){.editor__header{padding-inline:.5rem}.page__header,.page__toolbar{padding-inline:1rem}.search input{width:100%;min-width:0}}.row-between{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:2.75rem;padding:0 .5rem 0 .875rem;display:flex}.project-card__open{text-align:left;font:inherit;color:inherit;background:0 0;border:0;padding:0}.project-card__open:hover{text-decoration:underline}.error-screen{text-align:center;padding:1.5rem}.error-screen__details{text-align:left;max-width:min(48rem,90vw);font-size:var(--text-xs)}.error-screen__details pre{white-space:pre-wrap;word-break:break-word;max-height:40vh;margin-top:.5rem;overflow:auto}.media-item__transcribe{opacity:0;background:var(--background);min-width:1.25rem;height:1.25rem;color:var(--foreground);font-size:var(--text-xs);border:0;border-radius:3px;place-items:center;padding:0 .25rem;display:grid;position:absolute;bottom:.5rem;left:.5rem}.media-item:hover .media-item__transcribe,.media-item:focus-within .media-item__transcribe,.media-item__transcribe:focus-visible,.media-item__transcribe[data-busy=true]{opacity:1}.media-item__transcribe svg{width:.75rem;height:.75rem}.media-item__visual{opacity:0;background:var(--background);min-width:1.25rem;height:1.25rem;color:var(--foreground);font-size:var(--text-xs);border:0;border-radius:3px;place-items:center;padding:0 .25rem;display:grid;position:absolute;top:.5rem;left:.5rem}.media-item:hover .media-item__visual,.media-item:focus-within .media-item__visual,.media-item__visual:focus-visible,.media-item__visual[data-busy=true]{opacity:1}.media-item__visual svg{width:.75rem;height:.75rem}.media-item__understand{align-items:center;gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.media-item__understand button{opacity:0;background:var(--background);min-width:1.25rem;height:1.25rem;color:var(--foreground);font-size:var(--text-xs);border:0;border-radius:3px;place-items:center;padding:0 .25rem;display:grid}.media-item:hover .media-item__understand button,.media-item:focus-within .media-item__understand button,.media-item__understand button:focus-visible,.media-item__understand button[data-busy=true]{opacity:1}.media-item__understand svg{width:.75rem;height:.75rem}.media-item__status{background:var(--background);height:1.25rem;color:var(--foreground);font-size:var(--text-xs);border-radius:3px;align-items:center;padding:0 .375rem;display:inline-flex}.media-item__status[data-state=understood]{color:var(--primary)}.landing__facts{font-size:var(--text-sm);color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.landing__facts li+li:before{content:"";background:var(--muted-foreground);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin-right:1.25rem;display:inline-block}.landing__how{width:100%;max-width:60rem;margin:0 auto;padding:0 1.5rem 4rem}.landing__how h2{font-size:var(--text-base);margin:0 0 .75rem;font-weight:600}.landing__steps{border:1px solid var(--border);border-radius:var(--radius-lg);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.landing__steps li{counter-increment:step;font-size:var(--text-sm);color:var(--muted-foreground);flex-direction:column;gap:.25rem;padding:1rem;line-height:1.45;display:flex}.landing__steps li+li{border-left:1px solid var(--border)}.landing__steps li strong{color:var(--foreground);font-size:var(--text-base)}.landing__steps li strong:before{content:counter(step) ". ";color:var(--primary)}@media (width<=720px){.landing__steps li+li{border-left:0;border-top:1px solid var(--border)}}.generate-entry{width:100%;margin-top:.75rem}.dropzone__sub{font-size:var(--text-xs);max-width:16rem;line-height:1.4}.timeline__empty{pointer-events:none;color:var(--muted-foreground);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}kbd{border:1px solid var(--border);font:inherit;font-size:var(--text-xs);background:var(--background);color:var(--foreground);border-bottom-width:2px;border-radius:4px;padding:0 .35rem}.hint-card{border:1px solid var(--secondary-border);border-radius:var(--radius-md);background:var(--secondary);color:var(--foreground);font-size:var(--text-xs);flex-direction:column;gap:.375rem;margin-bottom:.5rem;padding:.5rem .625rem;line-height:1.45;display:flex}.hint-card p{color:var(--muted-foreground);margin:0}.hint-card__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hint-card__legend b{color:var(--foreground);font-weight:600}.hint-card--inline{margin-bottom:0}.help-button{font-weight:600;font-size:var(--text-base)}.tour{z-index:250;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(20rem,100vw - 1rem);color:var(--popover-foreground);flex-direction:column;gap:.5rem;padding:.875rem;display:flex;position:fixed;box-shadow:0 8px 28px #00000038}.tour__title{font-size:var(--text-base);margin:0;font-weight:600}.tour__body{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.5}.tour__progress{gap:4px;display:flex}.tour__progress span{background:var(--border);border-radius:2px;flex:1;height:3px}.tour__progress span[data-done=true],.tour__progress span[data-active=true]{background:var(--primary)}.tour__footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.tour__count{font-size:var(--text-xs);color:var(--muted-foreground)}.tour__actions{align-items:center;gap:.25rem;display:flex}.tour__ring{z-index:249;border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--primary), 0 0 0 6px color-mix(in srgb, var(--primary) 25%, transparent);pointer-events:none;position:fixed}@media (prefers-reduced-motion:no-preference){.tour{animation:.16s ease-out tour-in}.tour__ring{transition:left .16s,top .16s,width .16s,height .16s}@keyframes tour-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}.right-panel{flex-direction:column;gap:4px;width:100%;min-width:0;min-height:0;display:flex}.right-panel__tabs{flex:none;gap:4px;display:flex}.right-panel__body{flex:1;min-height:0;display:flex}.right-panel__body>*{flex:1;min-width:0}.agent-panel{min-height:0;font-size:var(--text-sm);flex-direction:column;gap:.375rem;padding:.5rem;display:flex;position:relative;overflow:hidden}.agent-warning a{color:var(--secondary-foreground);text-decoration:underline}.agent-header{flex:none;align-items:center;gap:.5rem;min-height:1.75rem;display:flex}.agent-header__model{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-header__mode{border:1px solid var(--border);font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;flex:none;padding:.0625rem .4375rem}.agent-header__mode+.btn{margin-left:auto}.agent-header .btn{flex:none}.agent-settings-fields{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);flex-direction:column;flex:0 auto;gap:.25rem;min-height:0;max-height:60%;padding:.375rem .5rem;display:flex;overflow-y:auto}.agent-privacy{font-size:var(--text-xs);color:var(--muted-foreground)}.agent-privacy summary{cursor:pointer;width:fit-content}.agent-privacy summary:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.agent-privacy p{margin-top:.25rem}.agent-field{grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:.25rem .5rem;display:grid}.agent-field>:nth-child(n+3){grid-column:1/-1}.agent-warning{font-size:var(--text-xs);color:var(--muted-foreground);margin:0;line-height:1.35}.agent-warning--required{color:var(--foreground);font-weight:600}.agent-log{flex-direction:column;flex:1 1 0;gap:.5rem;min-height:3rem;padding:.25rem;display:flex;overflow-y:auto}.agent-empty{color:var(--muted-foreground);flex-direction:column;gap:.5rem;display:flex}.agent-empty p{margin:0;line-height:1.4}.agent-examples{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.agent-example{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;color:var(--foreground);font-size:var(--text-xs);cursor:pointer;padding:.375rem .5rem;line-height:1.35}.agent-example:hover{background:var(--accent)}.agent-example:focus-visible,.agent-chip summary:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.agent-msg{border-radius:var(--radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;padding:.375rem .5rem;line-height:1.4}.agent-msg--user{background:var(--secondary);max-width:92%;color:var(--secondary-foreground);align-self:flex-end}.agent-msg--assistant{background:var(--accent)}.agent-msg--streaming{opacity:.75}.agent-notice{border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid var(--border);overflow-wrap:anywhere;padding:.375rem .5rem}.agent-notice--error{color:var(--destructive);border-color:var(--destructive)}.agent-chip{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--background)}.agent-chip summary{cursor:pointer;align-items:baseline;gap:.5rem;padding:.25rem .5rem;list-style:none;display:flex}.agent-chip summary::-webkit-details-marker{display:none}.agent-chip__name{font-family:monospace;font-weight:600}.agent-chip__state{color:var(--muted-foreground)}.agent-chip--error .agent-chip__state{color:var(--destructive)}.agent-chip--ok .agent-chip__state{color:var(--constructive)}.agent-chip__summary{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-chip__body{padding:0 .5rem .5rem}.agent-chip__label{color:var(--muted-foreground);margin-top:.25rem}.agent-chip pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:10rem;margin:.125rem 0 0;font-size:.68rem;overflow:auto}.agent-frame{flex-direction:column;gap:.125rem;margin:0;display:flex}.agent-frame img{border-radius:var(--radius-sm);border:1px solid var(--border);background:#000;width:100%;height:auto}.agent-frame figcaption{font-size:var(--text-xs);color:var(--muted-foreground)}.agent-actions{flex-wrap:wrap;flex:none;gap:.375rem;display:flex}.agent-compose{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.375rem;display:grid}.agent-compose .textarea{min-height:2.5rem}.agent-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}.agent-toggle{font-size:var(--text-xs);color:var(--muted-foreground);flex:none;align-items:center;gap:.375rem;display:flex}.agent-plan{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);min-height:0;font-size:var(--text-xs);flex-direction:column;gap:.375rem;padding:.5rem;display:flex}.agent-plan--awaiting{border-color:var(--primary)}.agent-dock{flex-direction:column;flex:0 auto;min-height:0;max-height:max(45%,9.5rem);display:flex}.agent-plan--docked{box-shadow:0 -4px 14px -6px color-mix(in srgb, var(--foreground) 25%, transparent);border-width:2px;flex:auto}.agent-plan--docked .agent-plan__head{flex:none}.agent-plan__body{flex-direction:column;gap:.375rem;min-height:0;display:flex;overflow-y:auto}.agent-plan--docked .agent-plan__actions{border-top:1px solid var(--border);flex:none;padding-top:.375rem}.agent-plan--rejected,.agent-plan--superseded,.agent-plan--cancelled{opacity:.7}.agent-plan__head{justify-content:space-between;gap:.5rem;display:flex}.agent-plan__status,.agent-plan__meta{color:var(--muted-foreground)}.agent-plan__summary,.agent-plan__verification{overflow-wrap:anywhere;margin:0}.agent-plan__verification{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--constructive) 45%, transparent);background:color-mix(in srgb, var(--constructive) 12%, transparent);align-items:flex-start;gap:.375rem;padding:.375rem .5rem;font-weight:600;display:flex}.agent-plan__verification svg{color:var(--constructive);flex:none;margin-top:.1rem}.agent-plan__steps{flex-direction:column;gap:.375rem;margin:0;padding-left:1.25rem;display:flex}.agent-plan__badge--failed,.agent-plan__result--error{color:var(--destructive)}.agent-plan__badge--done{color:#16833c}.agent-plan__badge{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:0 .375rem;font-size:.66rem;font-weight:600;line-height:1.35;display:inline-block}.agent-plan__badge--running{color:var(--secondary-foreground);border-color:var(--secondary-border);background:var(--secondary)}.agent-plan__badge--done{border-color:color-mix(in srgb, var(--constructive) 45%, transparent);background:color-mix(in srgb, var(--constructive) 14%, transparent)}.agent-plan__badge--failed{border-color:var(--destructive);background:color-mix(in srgb, var(--destructive) 10%, transparent)}.agent-plan__step--running{font-weight:500}.agent-plan__note,.agent-plan__result{overflow-wrap:anywhere}.agent-plan__result{color:var(--muted-foreground)}.agent-plan__actions{flex-direction:column;gap:.375rem;display:flex}.agent-plan__actions .btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.agent-plan__count{color:var(--muted-foreground);margin-left:.25rem;font-weight:400}.agent-plan__meta{flex-wrap:wrap;column-gap:.625rem;display:flex}.agent-plan--docked{padding:.375rem .5rem}.agent-plan--docked .agent-plan__steps{gap:.5rem;padding-left:1.125rem}.agent-panel--planning .agent-log{min-height:0}.agent-panel--planning .agent-compose .textarea{height:1.75rem;min-height:1.75rem;padding-block:.25rem}.agent-key-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.375rem;display:flex}.agent-key-actions .agent-warning--required{flex:8rem;min-width:0}.agent-key-actions a.btn{text-decoration:none}.agent-key-result{font-size:var(--text-xs);grid-column:1/-1;line-height:1.35}.agent-key-result:empty{display:none}.agent-key-result--ok{color:var(--constructive)}.agent-key-result--error{color:var(--destructive)}.cc-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-size:var(--text-xs);flex:none}.cc-card__summary{cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.375rem .5rem;display:flex}.cc-card__summary:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.cc-card__title{color:var(--foreground);font-weight:600}.cc-status{color:var(--muted-foreground);align-items:center;gap:.375rem;display:inline-flex}.cc-status__dot{background:var(--muted-foreground);border-radius:50%;flex:none;width:8px;height:8px}.cc-status--ok{color:var(--foreground)}.cc-status--ok .cc-status__dot{background:var(--constructive)}.cc-status--waiting .cc-status__dot{background:var(--caution)}.cc-status--error{color:var(--destructive)}.cc-status--error .cc-status__dot{background:var(--destructive)}.cc-card__body{color:var(--muted-foreground);flex-direction:column;gap:.5rem;padding:0 .5rem .5rem;line-height:1.4;display:flex}.cc-card__lead,.cc-note{margin:0}.cc-steps{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.cc-steps strong{color:var(--foreground)}.cc-code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);color:var(--foreground);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:.25rem 0;padding:.25rem .375rem;font-family:monospace;font-size:.68rem;display:block}.cc-more>summary{cursor:pointer;color:var(--foreground)}.cc-more>summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cc-more p,.cc-more ul{margin:.25rem 0 0}.cc-more ul{padding-left:1.1rem}.cc-code-input{letter-spacing:.2em;font-family:monospace}.cc-copied{margin-left:.5rem}.cc-link{grid-template-columns:minmax(0,1fr) auto;gap:.375rem;margin-top:.25rem;display:grid}.cc-error{color:var(--destructive);margin:.25rem 0 0}.cc-tools__title{color:var(--foreground);font-weight:600}.cc-tools ul{margin:.125rem 0 0;padding-left:1.1rem}.agent-key-tools{align-items:flex-start;gap:.25rem;display:flex}.agent-key-tools .agent-privacy{flex:auto;min-width:0}.agent-key-tools .btn{height:1.125rem;font-size:var(--text-xs);flex:none;padding:0 .4rem}.generate{font-size:var(--text-sm);flex-direction:column;gap:.75rem;display:flex}.generate-section{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding-bottom:.75rem;display:flex}.generate-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.generate-field .select,.generate-field .input,.generate-field .textarea{width:100%;min-width:0}.generate-row{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.generate-note{font-size:var(--text-xs);color:var(--muted-foreground);margin:0;line-height:1.4}.generate-result-line{font-size:var(--text-xs);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:0;display:flex}.generate-result-line:empty{display:none}.generate-ok{color:var(--constructive)}.generate-error{color:var(--destructive);font-size:var(--text-xs);overflow-wrap:anywhere;line-height:1.4}.generate-progress{font-size:var(--text-xs);flex-direction:column;gap:.25rem;display:flex}.generate-hosted{border-bottom:0;align-items:flex-start}.generate a.btn{color:var(--foreground);text-decoration:none}.generated-tag{border:1px solid var(--border);color:var(--muted-foreground);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:0;padding:0 .3125rem;font-size:.625rem}@media (width<=899px){.generate .btn--sm,.generate .select,.generate .input{min-height:2.5rem}.generate .textarea{font-size:1rem}}.media-row .generated-tag{margin-left:.375rem}.export-popover{width:min(320px,100vw - 16px)}.save-indicator{align-items:center;gap:.375rem;display:inline-flex}.save-indicator__dot{display:none}@media (hover:none){.tooltip{display:none}}@media (width<=899.98px){html:has(.editor){overscroll-behavior:none;overflow:hidden}html:has(.editor) body{overscroll-behavior:none;overflow:hidden}.editor,.editor button,.page button{-webkit-tap-highlight-color:transparent}.editor{touch-action:manipulation;width:100%;height:100dvh}.editor__header{gap:.25rem;height:3rem;padding:0 .25rem}.editor__header-left{flex:auto;min-width:0}.editor__header-right{flex:none;gap:.25rem}.editor__header .btn--icon-lg{width:2.75rem;height:2.75rem}.name-input{text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:100%;height:2.75rem;font-size:1rem}.export-button{background:0 0;min-height:2.75rem;padding:.3125rem}.export-button__inner{min-height:2.125rem;padding:.25rem .875rem}.banner{text-align:left;justify-content:space-between;height:auto;min-height:2.25rem;padding:.25rem .5rem .25rem .75rem;line-height:1.3}.banner .btn--text{flex:none}.editor__body{position:relative}.mobile{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.mobile__preview{flex:0 1 calc((100vw - 1.5rem) / var(--canvas-aspect,1.7778) + 4.5rem);min-height:11rem;max-height:52%;padding:0 .5rem .375rem;display:flex}.mobile__timeline{flex:1 1 0;min-height:14.5rem;padding:0 .5rem .5rem;display:flex}.mobile__timeline-box{flex:1;display:flex}.mobile[data-sheet]:not([data-sheet=closed]) .mobile__timeline{visibility:hidden;flex:0 0 0;height:0;min-height:0;padding:0;overflow:hidden}.mobile[data-sheet]:not([data-sheet=closed]) .mobile__preview{flex:1 1 0;max-height:none}.mobile-tabs{height:calc(3.5rem + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:var(--background);z-index:2;flex:none;grid-template-columns:repeat(3,1fr);display:grid}.mobile-tabs__tab{min-height:2.75rem;color:var(--muted-foreground);letter-spacing:.01em;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.1875rem;padding:0;font-size:.6875rem;font-weight:600;display:flex;position:relative}.mobile-tabs__tab svg{width:1.375rem;height:1.375rem}.mobile-tabs__tab[aria-selected=true]{color:var(--secondary-foreground)}.mobile-tabs__tab[aria-selected=true]:before{content:"";background:var(--primary);border-radius:0 0 2px 2px;height:2px;position:absolute;top:-1px;left:28%;right:28%}.mobile-tabs__tab:focus-visible{outline:2px solid var(--ring);outline-offset:-4px;border-radius:var(--radius-md)}.mobile-tabs__dot{background:var(--primary);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--background);border-radius:50%;position:absolute;top:.5rem;left:calc(50% + .5rem)}.mobile-sheet{background:var(--background);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1;flex-direction:column;flex:none;height:max(60% - 3.5rem,15rem);min-height:0;transition:transform .2s ease-out;display:flex;overflow:hidden;box-shadow:0 -10px 28px #00000024}.mobile-sheet__grabber{border:0;border-bottom:1px solid var(--border);height:2.75rem;color:var(--muted-foreground);touch-action:none;background:0 0;flex:none;justify-content:space-between;align-items:center;padding:.375rem 1rem 0;font-weight:600;display:flex;position:relative}.mobile-sheet__bar{background:var(--muted);border-radius:999px;width:2.25rem;height:.25rem;margin-left:-1.125rem;position:absolute;top:.375rem;left:50%}.mobile-sheet__title{font-size:var(--text-sm)}.mobile-sheet__grabber svg{flex:none}.mobile-sheet__body{flex:1;min-height:0;padding:.25rem;display:flex}.mobile-sheet__body>*{flex:1;min-width:0;min-height:0}.mobile-sheet[data-tab=agent] .mobile-sheet__body>*{flex-direction:column;display:flex}.mobile-sheet .panel-box{border-radius:var(--radius-md)}@media (prefers-reduced-motion:no-preference){.mobile-sheet{animation:.2s ease-out sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}}.preview__viewport{margin:.375rem .375rem 0}.preview__toolbar{grid-template-columns:auto 1fr auto;min-height:3rem;padding:.125rem .5rem}.preview__toolbar>.btn{justify-self:center;width:2.75rem;height:2.75rem}.preview__time{white-space:nowrap;align-items:center;gap:.25rem}.preview__time button{min-height:2.75rem}.preview__right{gap:.25rem}.handle{width:16px;height:16px;margin:-8px 0 0 -8px}.handle--rotate{width:26px;height:26px;margin:-13px 0 0 -13px}.handle:after{content:"";position:absolute;inset:-14px}.timeline,.preview{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.timeline__toolbar{scrollbar-width:none;justify-content:flex-start;gap:.25rem;height:3.25rem;padding:.25rem;overflow-x:auto}.timeline__toolbar::-webkit-scrollbar{display:none}.timeline__toolbar>*{flex:none}.timeline__toolbar .btn--icon,.timeline__toolbar .btn--icon-lg{width:2.75rem;height:2.75rem}.timeline__toolbar .scene-select{height:2.75rem}.timeline__toolbar .slider{width:6rem!important}.timeline__labels{width:2.25rem}.track-label{justify-content:center;padding:0;overflow:hidden}.track-label button{display:none}.timeline__scroll{overscroll-behavior:contain;touch-action:pan-x pan-y}.timeline__ruler{touch-action:none}.clip[data-selected=false]{touch-action:pan-x pan-y}.clip[data-selected=true]{touch-action:none}.clip__resize{width:min(2.75rem,40%)}.clip__resize--left:after{width:4px;left:5px}.clip__resize--right:after{width:4px;left:auto;right:5px}.playhead__knob{touch-action:none;width:18px;height:18px;margin-left:-9px;top:2px}.playhead__knob:after{content:"";position:absolute;inset:-16px}.bookmark{width:18px;margin-left:-9px}.btn{min-height:2.75rem}.btn:not(.btn--text){min-width:2.75rem}.btn--sm,.btn--icon,.btn--icon-lg{min-height:2.75rem}.btn--text{min-width:2.75rem}.input,.select,.number-field,.color-field{min-height:2.75rem}.input,.select,.textarea,.number-field input,.color-field input[type=text]{font-size:1rem}.textarea{min-height:3.5rem}.slider{height:2.75rem}.slider::-webkit-slider-runnable-track{height:8px}.slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.tabs__tab{min-height:2.75rem}.section__header{height:3rem}.menu__item,.option-row{min-height:2.75rem}.switch{width:2.75rem;height:1.625rem}.switch:after{width:1.25rem;height:1.25rem}.switch[aria-checked=true]:after{transform:translate(1.125rem)}.checkbox{width:1.375rem;height:1.375rem}:is(label:has(>.checkbox),label:has(>input[type=checkbox])){min-height:2.75rem}.popover{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto}.assets{flex-direction:column}.assets__rail{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;flex:none;align-items:center;padding:.25rem;overflow:auto hidden}.assets__rail>*{flex:none}.view__header{min-height:3.25rem;padding:.25rem .5rem}.view__title{display:none}.view__actions{flex-wrap:nowrap;flex:1;justify-content:flex-end;gap:.25rem}.view__body{padding:.5rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem .5rem}.media-item{cursor:pointer;width:auto}.media-item__tile{aspect-ratio:16/10}.media-item__add,.media-item__transcribe,.media-item__visual,.media-item__understand button{opacity:1;border-radius:var(--radius-sm);width:2rem;min-width:2rem;height:2rem;min-height:2rem;box-shadow:0 1px 3px #00000040}.media-item__add{border-radius:var(--radius-md) 0 var(--radius-sm) 0;background:var(--primary);width:2.75rem;height:2.75rem;color:var(--primary-foreground);box-shadow:none;bottom:0;right:0}.media-item__add:after{display:none}.media-item__add svg{width:1.25rem;height:1.25rem}.media-item__transcribe{bottom:.25rem;left:.25rem}.media-item__visual{top:.25rem;left:.25rem}.media-item__understand{top:.25rem;right:.25rem}.media-item__add:after,.media-item__transcribe:after,.media-item__visual:after,.media-item__understand button:after{content:"";position:absolute;inset:-.1875rem}.media-item__understand button{position:relative}.media-item__transcribe svg,.media-item__visual svg,.media-item__understand svg{width:1rem;height:1rem}.media-item__name{font-size:var(--text-xs)}.media-row{height:2.75rem}.dropzone{padding:1.5rem 1rem}.agent-panel{min-height:0;padding:.375rem}.agent-example{min-height:2.75rem;font-size:var(--text-sm);padding:.5rem .625rem}.agent-dock{max-height:62%}.agent-actions{gap:.5rem}.agent-actions .btn{flex:1 1 0}.agent-plan__actions .agent-actions{flex-wrap:nowrap}.agent-header .btn{min-width:2.75rem}.agent-compose{grid-template-columns:minmax(0,1fr) auto}.agent-compose .btn{align-self:stretch}.agent-toggle{min-height:2.75rem}.agent-chip summary{align-items:center;min-height:2.75rem}.toast{align-items:center;padding:.375rem .5rem .375rem .75rem}.empty .btn svg{opacity:1;width:1rem;height:1rem}.dialog__footer .btn{white-space:normal;padding:0 .75rem}.dialog-overlay{place-items:end center;padding:0}.dialog,.dialog--wide{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;width:100%;max-height:92dvh}.dialog__header{padding:1rem 3.5rem 1rem 1rem}.dialog__close{top:.5rem;right:.5rem}.dialog__body{padding:1rem}.dialog__footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:.5rem}.dialog__footer .btn{flex:8rem}.toaster{z-index:240;bottom:calc(3.5rem + env(safe-area-inset-bottom,0px) + .5rem);width:auto;left:.5rem;right:.5rem}.tour{width:min(20rem,100vw - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto}.tour__footer{flex-wrap:wrap;row-gap:.25rem}}@media (width<=599.98px){.editor__header-left{gap:0}.save-indicator{flex:none;justify-content:center;min-width:1.5rem;padding:0 .5rem}.save-indicator__dot{background:var(--constructive);border-radius:50%;width:.5rem;height:.5rem;display:block}.save-indicator[data-status=dirty] .save-indicator__dot{background:var(--caution)}.save-indicator[data-status=saving] .save-indicator__dot{background:var(--primary);animation:1.6s ease-in-out infinite pulse}.save-indicator[data-status=error] .save-indicator__dot{background:var(--destructive)}.save-indicator__label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.theme-toggle,[data-testid=onboarding-hint],.preview__right>div,.preview__right>button[aria-label="Zoom in preview"]{display:none}.tour__body{font-size:var(--text-sm)}}@media (width<=899.98px){.page__header{flex-wrap:wrap;row-gap:.5rem;height:auto;padding:.5rem 1rem;position:static}.page__header>div:last-child{flex-wrap:wrap;width:100%;display:flex;gap:.5rem!important}.page__header .search{flex:100%;order:-1}.page__header .search input{height:2.75rem}.page__header .search svg{top:50%}.page__header .view-toggle{height:2.75rem}.page__header>div:last-child>.btn--lg{flex:auto;padding:0 1rem}.page__toolbar{flex-wrap:wrap;gap:.5rem;height:auto;padding:.25rem 1rem;position:static}.page__toolbar .timeline__divider{display:none}.page__toolbar [data-testid=storage-usage]{flex:100%}.page__main{padding:.5rem 0 1.5rem}.project-card__check,.project-card__menu{opacity:1}.project-card__check{width:1.375rem;height:1.375rem}.project-card__menu{background:var(--background)}.project-row{min-height:3.5rem}.project-row .muted:not(.mono){display:none}}@media (width<=599.98px){.breadcrumb strong{font-size:var(--text-base)}.project-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 .75rem}}