:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f0e7;background:#0d0e10;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0d0e10}button,input,select{font:inherit}button,a{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e7c65f;outline-offset:3px}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr)}.workspace-sidebar{border-right:1px solid #2a2d31;background:#111315;padding:27px 16px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;color:#f8f5ed;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.05em}.brand b{display:block;color:#e7c65f;font-size:11px;letter-spacing:.27em;margin-top:2px}.brand-mark,.project-card-mark{display:grid;place-items:center;background:#e7c65f;color:#1a1914;font-weight:900;border-radius:4px}.brand-mark{width:36px;height:36px;font-size:22px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 10px 10px;color:#7f858c;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.text-button{background:transparent;border:0;color:#e7c65f;font-size:20px;line-height:1;padding:0}.project-list{display:grid;gap:3px}.project-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:#c2c5ca;text-align:left;padding:10px;border-radius:4px;font-size:13px}.project-item:hover,.project-item.active{background:#1a1c1f;border-color:#4b442b;color:#fff}.project-item.active{box-shadow:inset 3px 0 #e7c65f}.project-dot{width:7px;height:7px;border-radius:50%;background:#e7c65f;flex:0 0 auto}.sidebar-muted{padding:12px;color:#656b72;font-size:12px}.workspace-nav{display:grid;gap:2px;margin-top:28px;padding-top:20px;border-top:1px solid #26292d}.workspace-nav a{padding:10px;color:#949aa2;text-decoration:none;border:1px solid transparent;border-radius:4px;font-size:13px}.workspace-nav a:hover,.workspace-nav a.active{color:#f5f1e8;background:#181a1d;border-color:#3b392e}.storage-card{display:flex;gap:10px;align-items:flex-start;margin-top:auto;border:1px solid #2b2e32;padding:12px;border-radius:4px;color:#c8cbd0;font-size:12px}.storage-card div{display:grid;gap:3px}.storage-card small{color:#7d838a;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#e7c65f;margin-top:4px}.workspace-main{max-width:1500px;width:100%;margin:0 auto;padding:38px clamp(20px,4vw,60px) 48px}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:25px}.eyebrow{margin:0 0 7px;color:#b19b54;font-size:10px;letter-spacing:.18em;font-weight:800}.workspace-header h1{margin:0 0 7px;font-size:30px;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}.header-copy{margin:0;color:#82888f;font-size:14px;max-width:68ch}.header-actions{display:flex;gap:9px;align-items:center}.primary-button,.ghost-button,.danger-button{display:inline-grid;place-items:center;min-height:39px;border:1px solid #5c512d;border-radius:4px;padding:0 14px;font-size:13px;text-decoration:none;white-space:nowrap}.primary-button{background:#e7c65f;color:#181711;border-color:#f1d779;font-weight:800}.primary-button:hover:not(:disabled){background:#f0d376;transform:translateY(-1px)}.ghost-button{background:transparent;color:#dedbd3;border-color:#393c40}.ghost-button:hover{background:#1c1f22;border-color:#e7c65f;color:#fff}.danger-button{background:transparent;border-color:#593b36;color:#e79e8e}.danger-button:hover{background:#291d1b;border-color:#d67561}.upload-trigger{position:relative;overflow:hidden}.upload-trigger input,.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.alert{border:1px solid;padding:11px 13px;margin:0 0 14px;border-radius:4px;font-size:13px}.error-alert{border-color:#75443a;background:#241a18;color:#f0b1a3}.success-alert{border-color:#5e552d;background:#211e14;color:#eadb8f}.upload-progress-panel,.panel{border:1px solid #2b2e32;background:#151719;border-radius:5px}.upload-progress-panel{padding:12px 14px;margin-bottom:15px}.upload-line{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px;color:#c7c9cc}.upload-line b{color:#e7c65f}.upload-line div{grid-column:1/-1;height:4px;background:#282b2e}.upload-line i{display:block;height:100%;background:#e7c65f}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:15px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid #292c30}.panel-title h2{margin:0;font-size:16px;letter-spacing:-.01em}.panel-title p{margin:0}.panel-title small{color:#80858b;font-size:12px}.preview-panel{min-height:440px}.media-preview{display:block;width:100%;height:360px;object-fit:contain;background:#0a0b0c}.image-preview{object-fit:contain;padding:18px}.preview-meta{display:flex;gap:13px;align-items:center;padding:12px 18px;border-top:1px solid #292c30;color:#858b92;font-size:12px}.preview-meta span:first-child{color:#e7c65f}.preview-meta a{margin-left:auto;color:#e7c65f;text-decoration:none}.audio-preview{display:grid;place-items:center;gap:24px;height:360px;padding:30px;background:radial-gradient(circle at center,#202018,#0a0b0c 65%)}.wave-placeholder{color:#e7c65f;font-size:42px;letter-spacing:.2em;opacity:.85}.audio-preview audio{width:min(520px,90%)}.dropzone{min-height:400px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.dropzone>span{color:#e7c65f;font-size:38px}.dropzone h2{margin:12px 0 5px;font-size:20px}.dropzone p{margin:0 0 20px;color:#83898f;font-size:13px}.operation-panel{min-height:440px}.operation-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 17px;border-bottom:1px solid #292c30}.operation-tabs button{background:#1b1e21;border:1px solid #303338;color:#989da3;border-radius:3px;padding:8px 9px;font-size:12px}.operation-tabs button:hover,.operation-tabs button.active{background:#2a2618;color:#f2db7d;border-color:#796a38}.operation-panel>label,.operation-panel>.field-row,.operation-panel>.field-grid,.operation-panel>.timeline-control,.operation-panel>.setting-note{margin:19px 18px 0}.operation-panel label{display:grid;gap:7px;color:#aeb2b7;font-size:12px}.operation-panel input,.operation-panel select,.inline-form input{width:100%;min-height:39px;background:#0d0f11;border:1px solid #373a3f;border-radius:3px;color:#f3f0e8;padding:0 10px}.field-row,.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid{grid-template-columns:1fr 1fr}.timeline-track{height:10px;background:#2e302f;position:relative;margin:5px 0 18px}.timeline-track i{display:block;position:absolute;left:12%;right:15%;height:100%;background:#e7c65f}.timeline-track b{position:absolute;left:12%;top:-5px;width:20px;height:20px;background:#f4da76;border:2px solid #242018}.timeline-control small,.setting-note{color:#81878d;font-size:12px;line-height:1.5}.queue-button{margin:28px 18px 18px;width:calc(100% - 36px)}.versions-panel,.queue-panel{margin-top:15px}.version-strip{display:flex;gap:9px;overflow:auto;padding:14px 17px}.version-card{min-width:220px;display:flex;align-items:center;gap:10px;text-align:left;background:#101214;border:1px solid #303338;border-radius:4px;color:#d5d7da;padding:11px}.version-card:hover,.version-card.active{border-color:#e7c65f;background:#211f16}.version-card span:last-child{display:grid;gap:4px;min-width:0}.version-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-card small{color:#80858b;font-size:11px}.version-number{display:grid;place-items:center;width:25px;height:25px;background:#292b2e;color:#e7c65f;font-size:12px}.empty-state{text-align:center;padding:42px 20px;color:#83898f}.empty-state h2{margin:0 0 7px;color:#dbd9d1;font-size:17px}.empty-state p{margin:0;font-size:13px}.empty-state.compact{padding:24px}.queue-row,.hosted-row{display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #25282c}.queue-row:last-child,.hosted-row:last-child{border-bottom:0}.queue-row div,.hosted-row div{display:grid;gap:4px;min-width:0;flex:1}.queue-row b,.hosted-row b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row small,.hosted-row small{color:#80858b;font-size:11px}.queue-status{width:8px;height:8px;border-radius:50%;background:#e7c65f;box-shadow:0 0 0 4px #3c361f}.project-create{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:18px}.project-create h2{margin:0 0 4px;font-size:16px}.project-create p{margin:0;color:#80858b;font-size:12px}.inline-form{display:flex;gap:8px;min-width:340px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:15px}.project-card{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;text-align:left;background:#151719;border:1px solid #2b2e32;border-radius:5px;color:#eee;padding:15px}.project-card:hover{border-color:#e7c65f;background:#211f16}.project-card-mark{grid-row:span 2;width:32px;height:32px}.project-card small{grid-column:2;color:#80858b;font-size:11px}.hosted-panel{overflow:hidden}.hosted-row .ghost-button{margin-left:auto}.hosted-row .danger-button{margin-left:0}.hosted-row{min-height:64px}@media(max-width:1050px){.workspace-shell{grid-template-columns:220px minmax(0,1fr)}.workspace-grid{grid-template-columns:1fr}.operation-panel{min-height:auto}}@media(max-width:720px){.workspace-shell{display:block}.workspace-sidebar{min-height:auto;border-right:0;border-bottom:1px solid #2a2d31;padding:15px 16px}.workspace-nav{display:flex;overflow:auto;margin-top:14px;padding-top:14px}.workspace-nav a{white-space:nowrap}.storage-card,.sidebar-heading{display:none}.project-list{display:flex;overflow:auto;margin-top:13px}.project-item{white-space:nowrap}.workspace-main{padding:25px 15px 35px}.workspace-header{display:block}.header-actions{margin-top:18px}.header-actions>*{flex:1}.workspace-grid{display:block}.operation-panel{margin-top:15px}.media-preview,.audio-preview{height:260px}.project-create{display:block}.inline-form{min-width:0;margin-top:15px}.version-card{min-width:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0d0e10}.login-panel{width:min(420px,100%);border:1px solid #2b2e32;background:#151719;padding:30px;border-radius:5px}.login-panel .brand{margin-bottom:42px}.login-panel h1{margin:0 0 8px;font-size:30px}.login-copy{margin:0 0 24px;color:#858b92;font-size:13px}.login-panel form{display:grid;gap:15px}.login-panel label{display:grid;gap:7px;color:#aeb2b7;font-size:12px}.login-panel input,.admin-create input{min-height:40px;background:#0d0f11;border:1px solid #373a3f;border-radius:3px;color:#f3f0e8;padding:0 10px}.login-error{margin:0;color:#f0b1a3;font-size:12px}.logout-link{font-size:11px;margin-top:4px}.admin-panel{overflow:hidden}.admin-create{display:flex;gap:8px;padding:16px;border-bottom:1px solid #292c30}.admin-create input:first-child{flex:1}.admin-create input:nth-child(2){flex:1.3}.admin-users{display:grid}.admin-user-row{display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #25282c}.admin-user-row:last-child{border-bottom:0}.admin-user-row>div{display:grid;gap:4px;flex:1}.admin-user-row small{color:#80858b;font-size:11px}.admin-hosted{margin-top:15px}@media(max-width:720px){.admin-create{display:grid}.admin-create button{min-height:40px}}.timeline-editor{margin-top:15px;overflow:hidden}.timeline-editor-head{display:flex;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid #292c30}.timeline-editor-head h2{margin:0 0 5px;font-size:16px}.timeline-editor-head p:last-child{margin:0;color:#858b92;font-size:12px}.timeline-toolbar,.timeline-actions,.timeline-transport{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.timeline-video{display:block;width:100%;height:390px;object-fit:contain;background:#090a0b}.timeline-transport{padding:11px 17px;border-top:1px solid #292c30}.timeline-transport span{margin-left:auto;color:#9b9fa5;font:12px ui-monospace,SFMono-Regular,monospace}.filmstrip{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;height:96px;margin:0 17px;background:#0b0c0e;overflow:hidden}.film-thumb{border:0;padding:0;min-width:0;background:#111;overflow:hidden}.film-thumb img{width:100%;height:100%;display:block;object-fit:cover;opacity:.78}.film-thumb:hover img{opacity:1}.filmstrip-loading{grid-column:1/-1;display:grid;place-items:center;color:#747a80;font-size:12px}.film-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f2d36c;box-shadow:0 0 0 1px #17140b;pointer-events:none}.film-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #f2d36c}.timeline-scrubber{display:block;width:calc(100% - 34px);margin:10px 17px 12px;accent-color:#e7c65f}.segment-list{display:flex;gap:7px;overflow:auto;padding:0 17px 12px}.segment-chip{display:grid;gap:3px;min-width:145px;text-align:left;padding:9px 10px;background:#101214;border:1px solid #303338;color:#ddd;border-radius:3px}.segment-chip.active,.segment-chip:hover{border-color:#e7c65f;background:#211f16}.segment-chip span{font-size:12px}.segment-chip small{color:#858b92;font-size:10px}.timeline-actions{padding:0 17px 17px}@media(max-width:720px){.timeline-video{height:260px}.timeline-editor-head{display:block}.timeline-toolbar{margin-top:12px}}.composition-preview{position:relative;background:#090a0b}.composition-preview video{display:block;width:100%;height:390px;object-fit:contain}.crop-overlay{position:absolute;border:2px solid #e7c65f;background:#e7c65f1c;cursor:move;display:grid;place-items:center;color:#f5e5a0;font-size:11px}.crop-overlay span{background:#14120a;padding:4px 6px}.timeline-track-editor{position:relative;margin:0 17px 15px;min-height:166px;background:#0c0e10;border:1px solid #34383c;overflow-x:auto;-webkit-user-select:none;user-select:none;cursor:crosshair}.timeline-ruler{height:31px;position:relative;border-bottom:1px solid #34383c;color:#727980;font:10px ui-monospace,SFMono-Regular,monospace;min-width:100%}.timeline-ruler span{position:absolute;top:9px;transform:translate(-50%)}.timeline-lane{position:relative;height:112px;min-width:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 1px),#1e2327 calc(5% - 1px),#1e2327 5%)}.timeline-clip{position:absolute;top:26px;height:70px;min-width:34px;background:#293321;border:1px solid #8b7837;color:#f0df94;overflow:hidden;cursor:grab;z-index:2}.timeline-clip.selected{border:2px solid #f4d978;background:#39361f;z-index:3}.clip-filmstrip{position:absolute;inset:0;display:flex;opacity:.52;pointer-events:none}.clip-filmstrip img{width:60px;height:100%;object-fit:cover;flex:0 0 auto}.timeline-clip b,.timeline-clip small{position:relative;display:block;padding:7px 22px 0;font-size:11px;white-space:nowrap;text-shadow:0 1px 2px #000}.timeline-clip small{padding-top:3px;font-size:9px;color:#e7e1c5}.trim-handle{position:absolute;top:0;bottom:0;width:9px;border:0;padding:0;background:#f0d46c;opacity:.9;cursor:ew-resize;z-index:4}.trim-handle.left{left:0}.trim-handle.right{right:0}.timeline-playhead{position:absolute;top:-26px;bottom:0;width:2px;background:#f3d572;z-index:5;cursor:ew-resize}.timeline-playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #f3d572}.timeline-transport label{display:flex;align-items:center;gap:6px;margin-left:auto;color:#92989e;font-size:11px}.timeline-transport label input{width:90px;accent-color:#e7c65f}.timeline-transport span{color:#9b9fa5;font:12px ui-monospace,SFMono-Regular,monospace}.timeline-actions{display:flex;align-items:center;gap:9px;padding:0 17px 17px}.timeline-actions small{margin-left:auto;color:#7e858b;font-size:11px}.timeline-toolbar .active{border-color:#e7c65f;color:#f2db7d;background:#2a2618}@media(max-width:720px){.composition-preview video{height:260px}.timeline-track-editor{min-width:760px}.timeline-transport{display:flex}.timeline-transport label{margin-left:0}.timeline-actions{flex-wrap:wrap}.timeline-actions small{width:100%;margin:0}}.crop-handle{position:absolute;width:14px;height:14px;padding:0;background:#e7c65f;border:2px solid #121416;box-shadow:0 0 0 1px #fff8;transform:translate(-50%,-50%)}.crop-handle.nw{left:0;top:0;cursor:nwse-resize}.crop-handle.ne{left:100%;top:0;cursor:nesw-resize}.crop-handle.sw{left:0;top:100%;cursor:nesw-resize}.crop-handle.se{left:100%;top:100%;cursor:nwse-resize}.timeline-editor{position:relative}body:has(.timeline-editor) .preview-panel .media-preview{display:none}body:has(.timeline-editor) .preview-panel:has(.media-preview):after{content:"Timeline editing is active below. Use its composition preview and timeline playhead; the raw source player is hidden here.";display:block;padding:22px 0;color:#aab0b5;line-height:1.5}.timeline-clip{background:#26292c;border-color:#555b60;color:#aeb3b8;filter:saturate(.12)}.timeline-clip.selected{background:#39361f;border-color:#f4d978;color:#f0df94;filter:none}.clip-filmstrip img{width:0;flex:1 1 0;min-width:0}.timeline-track-editor,.timeline-lane,.timeline-clip,.timeline-playhead{touch-action:none}.timeline-track-editor{cursor:default;overflow:visible}.timeline-lane{cursor:crosshair}.timeline-playhead{top:0;bottom:0;width:3px}.timeline-playhead:before{top:0}.timeline-clip{cursor:grab}.timeline-clip:active{cursor:grabbing}.gap-preview{position:absolute;inset:0;z-index:2;background:#000;pointer-events:none}.button-spinner{width:13px;height:13px;margin-right:7px;border:2px solid #312c16;border-right-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}.apply-progress{display:inline-flex;align-items:center}@keyframes button-spin{to{transform:rotate(360deg)}}.frame-cropper{margin-top:15px}.frame-cropper-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:17px 18px;border-bottom:1px solid #292c30}.frame-cropper-head h2{margin:0;font-size:16px}.frame-cropper-head p:last-child{margin:5px 0 0;color:#81878d;font-size:12px}.frame-cropper-actions{display:flex;gap:7px;flex-wrap:wrap}.frame-crop-stage{display:grid;place-items:center;padding:20px;background:#0b0d0f;overflow:auto}.frame-crop-surface{position:relative;display:inline-block;max-width:100%;line-height:0;overflow:hidden;touch-action:none}.frame-crop-surface img,.frame-crop-surface video{display:block;max-width:min(100%,1000px);max-height:520px;width:auto;height:auto;background:#000}.crop-shade{position:absolute;inset:0;background:#00000091;pointer-events:none}.crop-selection{position:absolute;border:2px solid #f0d46c;box-shadow:0 0 0 999px transparent;cursor:move;touch-action:none;z-index:2}.crop-selection i{position:absolute;background:#f0d46c66;pointer-events:none}.crop-selection i:nth-child(1),.crop-selection i:nth-child(2){top:0;bottom:0;width:1px}.crop-selection i:nth-child(1){left:33.333%}.crop-selection i:nth-child(2){left:66.666%}.crop-selection i:nth-child(3),.crop-selection i:nth-child(4){left:0;right:0;height:1px}.crop-selection i:nth-child(3){top:33.333%}.crop-selection i:nth-child(4){top:66.666%}.crop-grip{position:absolute;width:12px;height:12px;padding:0;border:2px solid #181711;background:#f0d46c;z-index:3}.crop-grip.n{top:-7px;left:50%;margin-left:-6px;cursor:ns-resize}.crop-grip.s{bottom:-7px;left:50%;margin-left:-6px;cursor:ns-resize}.crop-grip.e{right:-7px;top:50%;margin-top:-6px;cursor:ew-resize}.crop-grip.w{left:-7px;top:50%;margin-top:-6px;cursor:ew-resize}.crop-grip.nw{left:-7px;top:-7px;cursor:nwse-resize}.crop-grip.ne{right:-7px;top:-7px;cursor:nesw-resize}.crop-grip.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-grip.se{right:-7px;bottom:-7px;cursor:nwse-resize}.frame-crop-meta{display:flex;justify-content:space-between;padding:12px 18px;color:#e7c65f;font:12px ui-monospace,SFMono-Regular,monospace}.frame-crop-meta small{color:#83898f}@media(max-width:720px){.frame-cropper-head{display:block}.frame-cropper-actions{margin-top:12px}.frame-crop-stage{padding:14px}.frame-crop-surface img,.frame-crop-surface video{max-height:390px}}.crop-shade{display:none}.crop-selection{box-shadow:0 0 0 999px #00000091}body:has(.frame-cropper) .timeline-editor{display:none}body:has(.frame-cropper) .operation-panel .field-grid{display:none}.brand-logo{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.brand-logo-light{display:none}:root[data-theme=light] .brand-logo-dark{display:none}:root[data-theme=light] .brand-logo-light{display:block}.link-import{display:flex;gap:7px;align-items:center}.link-import input{width:270px;min-height:39px;padding:0 10px;border:1px solid #5c512d;border-radius:4px;background:#0d0f11;color:#f3f0e8;font-size:13px}.link-import .ghost-button{min-width:39px;padding:0}@media(max-width:720px){.link-import{width:100%;margin-bottom:9px}.link-import input{width:100%;min-width:0}.header-actions:has(.link-import){flex-wrap:wrap}}.compression-target{margin-top:15px;padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:end}.compression-target h2{margin:0;font-size:16px}.compression-target p{margin:5px 0 0;color:#81878d;font-size:12px}.compression-target-fields{display:flex;gap:7px}.compression-target input,.compression-target select{min-height:39px;padding:0 10px;border:1px solid #373a3f;border-radius:3px;background:#0d0f11;color:#f3f0e8}.compression-target input{width:190px}.compression-target small{grid-column:1/-1;color:#81878d;font-size:11px}@media(max-width:720px){.compression-target{grid-template-columns:1fr}.compression-target input,.compression-target-fields{width:100%}}.project-item{width:100%;min-width:0}.project-item span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.resize-studio{margin-top:15px;overflow:hidden}.resize-head{display:flex;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid #292c30}.resize-head h2{margin:0;font-size:18px}.resize-head p:last-child{margin:5px 0 0;color:#858b92;font-size:12px}.resize-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.resize-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:570px}.resize-studio.batch .resize-layout{grid-template-columns:270px minmax(0,1fr) 330px}.resize-stage-wrap{display:grid;grid-template-rows:1fr auto;min-width:0;background:#0b0d0f}.resize-stage{display:grid;place-items:center;min-height:490px;padding:26px;background-color:#111;background-image:linear-gradient(45deg,#17191b 25%,transparent 25%),linear-gradient(-45deg,#17191b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#17191b 75%),linear-gradient(-45deg,transparent 75%,#17191b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-frame{position:relative;display:block;width:min(86%,650px);max-height:78%;overflow:hidden;border:1px solid #e7c65f;background:var(--canvas-bg);box-shadow:0 0 0 1px #111}.transform-layer{position:absolute;display:block;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.transform-layer:active{cursor:grabbing}.transform-layer img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.transform-layer.editable{outline:1px solid #e7c65f}.transform-handle{position:absolute;z-index:2;width:12px;height:12px;margin:-6px;padding:0;border:1px solid #0d0e10;background:#f2dc85;color:#16120a;line-height:10px;font-weight:800;font-size:12px;cursor:pointer}.transform-handle.corner{border-radius:0}.transform-handle.nw{left:0;top:0;cursor:nwse-resize}.transform-handle.ne{left:100%;top:0;cursor:nesw-resize}.transform-handle.sw{left:0;top:100%;cursor:nesw-resize}.transform-handle.se{left:100%;top:100%;cursor:nwse-resize}.transform-handle.rotate{left:50%;top:-28px;width:18px;height:18px;margin:-9px;line-height:16px;border-radius:50%;cursor:grab}.transform-handle.pivot{width:16px;height:16px;margin:-8px;border-radius:50%;line-height:13px;background:#131518;color:#f2dc85;border-color:#f2dc85;cursor:move}.output-readout{padding:11px 16px;border-top:1px solid #292c30;color:#d4bd6d;font:12px ui-monospace,SFMono-Regular,monospace}.resize-inspector{padding:17px;border-left:1px solid #292c30;background:#121416;display:grid;align-content:start;gap:14px;overflow:auto}.resize-inspector label{display:grid;gap:6px;color:#b7bbc0;font-size:12px;position:relative}.resize-inspector label small{color:#777f87}.resize-inspector input,.resize-inspector select{min-height:38px;width:100%;background:#0c0e10;border:1px solid #373a3f;color:#f3f0e8;padding:0 9px;border-radius:3px}.resize-inspector input[type=range]{padding:0;accent-color:#e7c65f}.mode-tabs,.preset-grid,.fit-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preset-grid{grid-template-columns:repeat(4,1fr)}.mode-tabs button,.preset-grid button,.fit-tabs button,.color-row button,.lock-button,.flip-row button{min-height:34px;background:#1a1d20;border:1px solid #34373b;color:#b9bec5;border-radius:3px;font-size:11px}.mode-tabs button.active,.preset-grid button.active,.fit-tabs button.active,.color-row button.active,.flip-row button.active{border-color:#e7c65f;background:#282313;color:#f2dc85}.pixel-grid,.transform-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pixel-grid:has(.lock-button){grid-template-columns:1fr 38px 1fr;align-items:end}.lock-button{height:38px}.color-row,.flip-row{display:flex;gap:7px}.color-row input{width:46px;height:38px;padding:3px}.color-row button,.flip-row button{flex:1}.transform-inspector{border-top:1px solid #303338;border-bottom:1px solid #303338;padding:9px 0}.transform-inspector summary{cursor:pointer;color:#e8e9ea;font-size:12px;font-weight:700;margin-bottom:10px}.transform-inspector[open] summary{margin-bottom:11px}.transform-inspector .transform-fields+.transform-fields{margin-top:8px}.transform-inspector>label{margin-top:8px}.resize-apply{margin-top:4px}.resize-apply button{width:100%}.batch-list{border-right:1px solid #292c30;background:#101214;overflow:auto;padding:8px}.batch-row-wrap{position:relative}.batch-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;color:#d8dadd;padding:8px;border-radius:3px}.batch-row:hover,.batch-row-wrap.active .batch-row{background:#1f1d16;border-color:#5a502f}.batch-row img{width:42px;height:42px;object-fit:cover;background:#08090a}.batch-row span{min-width:0;display:grid;gap:4px}.batch-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.batch-row small{color:#858b92;font-size:10px}.batch-remove{position:absolute;right:7px;top:7px;width:18px;height:18px;border:0;background:#24272b;color:#bbc0c6;line-height:16px;cursor:pointer}.batch-remove:hover{background:#5a271f;color:#fff}@media(max-width:1050px){.resize-studio.batch .resize-layout{grid-template-columns:220px minmax(0,1fr)}.resize-studio.batch .resize-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #292c30;grid-template-columns:repeat(3,1fr)}.resize-studio.batch .resize-apply{align-self:end}}@media(max-width:720px){.resize-head{display:block}.resize-actions{margin-top:12px}.resize-layout,.resize-studio.batch .resize-layout{display:block}.resize-stage{min-height:330px;padding:18px}.canvas-frame{width:94%}.resize-inspector,.resize-studio.batch .resize-inspector{border-left:0;border-top:1px solid #292c30;display:grid;grid-template-columns:1fr}.batch-list{max-height:220px;border-right:0;border-bottom:1px solid #292c30}}.tool-shelf{margin:0 0 15px;padding:14px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center}.tool-shelf h2{margin:0;font-size:14px}.tool-shelf p{margin:4px 0 0;color:#858b92;font-size:12px}.tool-shelf-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tool-chip{min-height:33px;padding:0 10px;border:1px solid #36393d;background:#111315;color:#b8bdc4;border-radius:3px;font-size:12px}.tool-chip:hover,.tool-chip.active{background:#292517;border-color:#8f7a36;color:#f0d57d}.tool-config{margin-top:15px;padding:17px;display:grid;grid-template-columns:1fr minmax(240px,390px);gap:20px}.tool-config h2{margin:0;font-size:17px}.tool-config p{margin:5px 0 0;color:#858b92;font-size:12px;line-height:1.5}.tool-config .config-fields{display:grid;gap:11px}.tool-config label{display:grid;gap:6px;color:#b8bdc4;font-size:12px}.tool-config input,.tool-config select{min-height:39px;background:#0d0f11;border:1px solid #373a3f;color:#f4f0e7;padding:0 10px;border-radius:3px}.operation-tabs{display:none}@media(max-width:720px){.tool-shelf,.tool-config{display:grid}.tool-shelf-actions{justify-content:start}}.batch-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px;border:1px solid transparent;border-radius:3px}.batch-row-wrap:hover,.batch-row-wrap.active{background:#1f1d16;border-color:#5a502f}.batch-row{grid-template-columns:42px minmax(0,1fr);border:0}.batch-remove{border:0;background:transparent;color:#9b9fa5;font-size:17px}.metadata-editor{margin-top:15px;overflow:hidden}.metadata-head{display:flex;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid #292c30}.metadata-head h2{margin:0;font-size:18px}.metadata-head p:last-child{margin:5px 0 0;color:#858b92;font-size:12px}.metadata-actions,.metadata-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metadata-table-wrap{overflow:auto}.metadata-table{width:100%;border-collapse:collapse;min-width:700px;font-size:12px}.metadata-table th,.metadata-table td{padding:10px 14px;border-bottom:1px solid #282b2f;text-align:left;vertical-align:middle}.metadata-table th{color:#91979e;font-size:10px;letter-spacing:.1em}.metadata-table td:first-child{color:#d6bd66}.metadata-table input,.metadata-add input,.metadata-add select{min-height:35px;width:100%;background:#0d0f11;border:1px solid #373a3f;border-radius:3px;color:#f3f0e8;padding:0 9px}.metadata-table td:nth-child(3){min-width:300px}.metadata-table .text-button{font-size:19px;color:#e7c65f}.metadata-table .readonly{color:#858b92}.deleted-row{opacity:.55;text-decoration:line-through}.metadata-empty,.metadata-error{padding:22px 18px;color:#858b92;font-size:13px}.metadata-error{color:#efad9a}.metadata-add{padding:14px 18px;border-top:1px solid #292c30}.metadata-add select{width:220px}.metadata-add input{flex:1;min-width:200px}.technical-metadata{border-top:1px solid #292c30;padding:13px 18px;color:#888e95;font-size:12px}.technical-metadata summary{cursor:pointer;color:#cfd2d4}.technical-metadata div{display:grid;gap:6px;margin-top:10px}.technical-metadata p{display:grid;grid-template-columns:220px 1fr;gap:12px;margin:0}.technical-metadata b{color:#b9bdc2;font-weight:600}@media(max-width:720px){.metadata-head{display:block}.metadata-actions{margin-top:12px}.metadata-add{align-items:stretch}.metadata-add>*{width:100%!important}.technical-metadata p{grid-template-columns:1fr}}body:has(.metadata-editor) .operation-panel{display:none}.file-preview{min-height:360px;display:grid;place-content:center;justify-items:center;gap:16px;background:#0b0d0f;color:#e4e5e6;text-align:center;padding:30px}.file-preview-icon{display:grid;place-items:center;width:74px;height:88px;border:1px solid #e7c65f;color:#e7c65f;line-height:1;background:#171816}.file-preview-icon :global(svg){display:block}.file-preview div{display:grid;gap:6px;max-width:min(100%,560px)}.file-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.file-preview small{color:#858b92;font-size:12px}:root[data-theme=light]{color-scheme:light;--light-bg: #f4f6fa;--light-surface: #ffffff;--light-surface-2: #edf1f6;--light-ink: #1c2733;--light-muted: #536273;--light-subtle: #6b7887;--light-border: #d3dbe5;--light-border-strong: #b6c2d0;--light-accent: #315ea8;--light-accent-strong: #244985;--light-accent-soft: #e6edf9}:root[data-theme=light] body{background:var(--light-bg);color:var(--light-ink)}:root[data-theme=light] .workspace-sidebar{background:var(--light-surface);border-color:var(--light-border)}:root[data-theme=light] .brand{color:var(--light-ink)}:root[data-theme=light] .brand b,:root[data-theme=light] .eyebrow,:root[data-theme=light] .text-button,:root[data-theme=light] .preview-meta span:first-child,:root[data-theme=light] .preview-meta a,:root[data-theme=light] .dropzone>span{color:var(--light-accent)}:root[data-theme=light] .brand-mark,:root[data-theme=light] .project-card-mark{background:var(--light-accent);color:#fff}:root[data-theme=light] .sidebar-heading{color:var(--light-muted)}:root[data-theme=light] .project-item{color:var(--light-muted)}:root[data-theme=light] .project-item:hover,:root[data-theme=light] .project-item.active{background:var(--light-accent-soft);border-color:#b8c9e6;color:var(--light-ink)}:root[data-theme=light] .project-item.active{box-shadow:inset 3px 0 var(--light-accent)}:root[data-theme=light] .project-dot,:root[data-theme=light] .status-dot{background:var(--light-accent)}:root[data-theme=light] .sidebar-muted,:root[data-theme=light] .header-copy,:root[data-theme=light] .project-create p,:root[data-theme=light] .tool-shelf p,:root[data-theme=light] .dropzone p,:root[data-theme=light] .setting-note,:root[data-theme=light] .empty-state,:root[data-theme=light] .panel-title small{color:var(--light-muted)}:root[data-theme=light] .workspace-nav{border-color:var(--light-border)}:root[data-theme=light] .workspace-nav a{color:var(--light-muted)}:root[data-theme=light] .workspace-nav a:hover,:root[data-theme=light] .workspace-nav a.active{color:var(--light-ink);background:var(--light-accent-soft);border-color:#b8c9e6}:root[data-theme=light] .storage-card{border-color:var(--light-border);color:var(--light-ink)}:root[data-theme=light] .storage-card small{color:var(--light-muted)}:root[data-theme=light] .panel,:root[data-theme=light] .upload-progress-panel,:root[data-theme=light] .project-card{background:var(--light-surface);border-color:var(--light-border)}:root[data-theme=light] .panel-title,:root[data-theme=light] .operation-tabs,:root[data-theme=light] .preview-meta,:root[data-theme=light] .queue-row,:root[data-theme=light] .hosted-row,:root[data-theme=light] .version-strip{border-color:var(--light-border)}:root[data-theme=light] .panel-title h2,:root[data-theme=light] .project-create h2,:root[data-theme=light] .empty-state h2,:root[data-theme=light] .project-card,:root[data-theme=light] .queue-row b,:root[data-theme=light] .hosted-row b{color:var(--light-ink)}:root[data-theme=light] .primary-button{background:var(--light-accent);border-color:var(--light-accent);color:#fff}:root[data-theme=light] .primary-button:hover:not(:disabled){background:var(--light-accent-strong)}:root[data-theme=light] .ghost-button,:root[data-theme=light] .danger-button{color:var(--light-ink);border-color:var(--light-border-strong)}:root[data-theme=light] .ghost-button:hover{background:var(--light-accent-soft);border-color:var(--light-accent);color:var(--light-accent-strong)}:root[data-theme=light] .danger-button{color:#a13c35;border-color:#d9aaa5}:root[data-theme=light] .danger-button:hover{background:#fff0ee;border-color:#b85a50}:root[data-theme=light] .operation-tabs button,:root[data-theme=light] .tool-chip,:root[data-theme=light] .version-card{background:var(--light-surface-2);border-color:var(--light-border);color:var(--light-muted)}:root[data-theme=light] .operation-tabs button:hover,:root[data-theme=light] .operation-tabs button.active,:root[data-theme=light] .tool-chip:hover,:root[data-theme=light] .tool-chip.active,:root[data-theme=light] .version-card:hover,:root[data-theme=light] .version-card.active{background:var(--light-accent-soft);border-color:var(--light-accent);color:var(--light-accent-strong)}:root[data-theme=light] .version-number{background:#dbe5f5;color:var(--light-accent-strong)}:root[data-theme=light] .operation-panel label,:root[data-theme=light] .tool-config label{color:var(--light-muted)}:root[data-theme=light] .operation-panel input,:root[data-theme=light] .operation-panel select,:root[data-theme=light] .inline-form input,:root[data-theme=light] .tool-config input,:root[data-theme=light] .tool-config select,:root[data-theme=light] .link-import input{background:#fff;border-color:var(--light-border-strong);color:var(--light-ink)}:root[data-theme=light] .media-preview,:root[data-theme=light] .audio-preview,:root[data-theme=light] .frame-crop-stage,:root[data-theme=light] .resize-stage,:root[data-theme=light] .file-preview{background:var(--light-surface-2);color:var(--light-ink)}:root[data-theme=light] .file-preview-icon{background:#e3ebf8;border-color:var(--light-accent);color:var(--light-accent)}:root[data-theme=light] .file-preview small,:root[data-theme=light] .preview-meta,:root[data-theme=light] .version-card small,:root[data-theme=light] .queue-row small,:root[data-theme=light] .hosted-row small{color:var(--light-muted)}:root[data-theme=light] .alert.success-alert{background:#edf8f0;border-color:#a8d2b2;color:#21633a}:root[data-theme=light] .alert.error-alert{background:#fff0ee;border-color:#dfaaa4;color:#963d35}:root[data-theme=light] .resize-stage-wrap,:root[data-theme=light] .resize-inspector,:root[data-theme=light] .batch-list{background:var(--light-surface-2);border-color:var(--light-border)}:root[data-theme=light] .resize-stage{background-color:#e5eaf1;background-image:linear-gradient(45deg,#dce2ea 25%,transparent 25%),linear-gradient(-45deg,#dce2ea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce2ea 75%),linear-gradient(-45deg,transparent 75%,#dce2ea 75%)}:root[data-theme=light] .resize-head,:root[data-theme=light] .metadata-head{border-color:var(--light-border)}:root[data-theme=light] .resize-head p:last-child,:root[data-theme=light] .metadata-head p:last-child,:root[data-theme=light] .resize-inspector label small,:root[data-theme=light] .metadata-empty,:root[data-theme=light] .technical-metadata,:root[data-theme=light] .technical-metadata b{color:var(--light-muted)}:root[data-theme=light] .resize-inspector input,:root[data-theme=light] .resize-inspector select,:root[data-theme=light] .metadata-table input,:root[data-theme=light] .metadata-add input,:root[data-theme=light] .metadata-add select{background:#fff;border-color:var(--light-border-strong);color:var(--light-ink)}:root[data-theme=light] .mode-tabs button,:root[data-theme=light] .preset-grid button,:root[data-theme=light] .fit-tabs button,:root[data-theme=light] .color-row button,:root[data-theme=light] .lock-button,:root[data-theme=light] .flip-row button{background:var(--light-surface);border-color:var(--light-border);color:var(--light-muted)}:root[data-theme=light] .mode-tabs button.active,:root[data-theme=light] .preset-grid button.active,:root[data-theme=light] .fit-tabs button.active,:root[data-theme=light] .color-row button.active,:root[data-theme=light] .flip-row button.active{background:var(--light-accent-soft);border-color:var(--light-accent);color:var(--light-accent-strong)}:root[data-theme=light] .transform-inspector{border-color:var(--light-border)}:root[data-theme=light] .transform-inspector summary,:root[data-theme=light] .batch-row{color:var(--light-ink)}:root[data-theme=light] .batch-row:hover,:root[data-theme=light] .batch-row-wrap.active .batch-row{background:var(--light-accent-soft);border-color:#b8c9e6}:root[data-theme=light] .batch-row small{color:var(--light-muted)}:root[data-theme=light] .output-readout{border-color:var(--light-border);color:var(--light-accent-strong)}:root[data-theme=light] .metadata-table th,:root[data-theme=light] .metadata-table td{border-color:var(--light-border)}:root[data-theme=light] .metadata-table th,:root[data-theme=light] .technical-metadata summary{color:var(--light-muted)}:root[data-theme=light] .metadata-table td:first-child{color:var(--light-accent-strong)}:root[data-theme=light] .composition-preview,:root[data-theme=light] .timeline-video{background:#dfe5ed}:root[data-theme=light] .timeline-editor-head,:root[data-theme=light] .timeline-transport{border-color:var(--light-border)}:root[data-theme=light] .timeline-editor-head p:last-child,:root[data-theme=light] .timeline-transport label,:root[data-theme=light] .timeline-transport span,:root[data-theme=light] .timeline-actions small,:root[data-theme=light] .timeline-ruler{color:var(--light-muted)}:root[data-theme=light] .segment-chip{background:var(--light-surface);border-color:var(--light-border);color:var(--light-ink)}:root[data-theme=light] .segment-chip.active,:root[data-theme=light] .segment-chip:hover{background:var(--light-accent-soft);border-color:var(--light-accent)}:root[data-theme=light] .segment-chip small{color:var(--light-muted)}:root[data-theme=light] .login-shell{background:var(--light-bg)}:root[data-theme=light] .login-panel{background:var(--light-surface);border-color:var(--light-border)}:root[data-theme=light] .login-copy,:root[data-theme=light] .login-panel label{color:var(--light-muted)}:root[data-theme=light] .login-panel input,:root[data-theme=light] .admin-create input{background:#fff;border-color:var(--light-border-strong);color:var(--light-ink)}:root[data-theme=light] .admin-panel,:root[data-theme=light] .admin-user-row{border-color:var(--light-border)}:root[data-theme=light] .admin-user-row small{color:var(--light-muted)}:root[data-theme=light] .theme-toggle{background:var(--light-accent-soft);border-color:#b8c9e6;color:var(--light-accent-strong)}:root[data-theme=light] .theme-toggle:hover{background:#d9e5f7}.theme-toggle{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;margin:auto 0 12px auto;padding:0;border:1px solid #2b2e32;border-radius:50%;background:transparent;color:#c8cbd0}.theme-toggle:hover{background:#1b1e21;border-color:#5f6871;color:#fff}.theme-toggle-icon{display:grid;place-items:center;width:100%;height:100%;color:currentColor}.theme-toggle>span:last-child{display:none}.storage-card .theme-toggle{margin:0 0 0 auto;align-self:center}.storage-card .logout-link{text-align:left}:root[data-theme=light] button:focus-visible,:root[data-theme=light] a:focus-visible,:root[data-theme=light] input:focus-visible,:root[data-theme=light] select:focus-visible{outline-color:var(--light-accent)}.workspace-sidebar{position:sticky;top:0;height:100vh;min-height:0;overflow:hidden}.workspace-sidebar>.project-list{min-height:0;overflow:auto}.workspace-sidebar>.brand,.workspace-sidebar>.sidebar-heading,.workspace-sidebar>.workspace-nav,.workspace-sidebar>.theme-toggle,.workspace-sidebar>.storage-card{flex-shrink:0}@media(max-width:720px){.workspace-sidebar{position:relative;top:auto;height:auto;min-height:auto;overflow:visible}.theme-toggle{display:none}}