:root{color-scheme:dark;--lf-canvas: #0b0b0f;--lf-surface: #141419;--lf-surface-raised: #1c1c24;--lf-border: rgba(255, 255, 255, .08);--lf-text: rgba(255, 255, 255, .92);--lf-text-muted: rgba(255, 255, 255, .55);--lf-text-faint: rgba(255, 255, 255, .36);--lf-accent: #e8a33d;--lf-success: #5bc17f;--lf-danger: #e05b5b;--lf-font: -apple-system, "SF Pro Display", Inter, sans-serif;--lf-shadow-deep: 0 24px 80px rgba(0, 0, 0, .42);--lf-shadow-soft: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-height:100%;background:var(--lf-canvas);font-family:var(--lf-font);letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100%;margin:0;background:radial-gradient(circle at 70% 0%,rgba(232,163,61,.1),transparent 34rem),linear-gradient(180deg,#101016 0%,var(--lf-canvas) 38rem);color:var(--lf-text);font:400 15px/1.45 var(--lf-font)}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}video,img{max-width:100%;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.lf-skeleton{position:relative;overflow:hidden;background:#ffffff0e}.lf-skeleton:after{position:absolute;inset:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:lf-shimmer 1.4s ease-out infinite}@keyframes lf-shimmer{to{transform:translate(100%)}}#root{min-height:100vh}.desktop-shell{display:grid;min-height:100vh;grid-template-columns:112px minmax(0,1fr) 320px;background:linear-gradient(90deg,rgba(255,255,255,.028),transparent 24rem),var(--lf-canvas)}.left-rail{position:sticky;top:0;display:grid;height:100vh;grid-template-rows:auto 1fr;gap:24px;padding:22px 14px;border-right:1px solid var(--lf-border);background:#0b0b0fd1}.rail-mark,.premium-mark{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(232,163,61,.34);border-radius:50%;color:var(--lf-accent);background:#e8a33d1a}.left-rail nav{display:grid;align-content:start;gap:8px}.left-rail a{display:grid;min-height:66px;place-items:center;gap:7px;border-radius:16px;color:var(--lf-text-faint);font:500 12px/1 var(--lf-font);transition:background .22s ease-out,color .22s ease-out}.left-rail a.active{color:var(--lf-accent);background:#e8a33d1a}svg{width:22px;height:22px}.desktop-content{min-width:0;padding:32px}.page{display:grid;gap:24px;max-width:1280px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:8px}.page-header>div{display:grid;gap:8px}.studio-pill{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border:1px solid var(--lf-border);border-radius:999px;color:var(--lf-text-muted);background:#ffffff0b;font:600 12px/1 var(--lf-font)}.studio-pill.online{color:var(--lf-success);border-color:#5bc17f52}.studio-pill.offline{color:#ffbcbc;border-color:#e05b5b52}.eyebrow{margin:0;color:var(--lf-accent);font:600 12px/1 var(--lf-font);letter-spacing:.12em;text-transform:uppercase}.page-header h1,.pair-card h1{margin:0;color:var(--lf-text);font:600 34px/1.05 var(--lf-font);letter-spacing:-.02em}.project-grid,.render-grid,.media-grid,.style-gallery,.settings-grid{display:grid;gap:16px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card,.render-card,.media-card,.queue-card,.settings-panel,.inspector-card,.empty-panel,.style-card,.section-block{border:1px solid var(--lf-border);border-radius:16px;background:#141419bd;box-shadow:inset 0 1px #ffffff0a}.project-card{display:grid;overflow:hidden;transition:transform .22s ease-out,border-color .22s ease-out}.project-card:hover,.render-card:hover,.media-card:hover,.style-card:hover{transform:translateY(-2px);border-color:#e8a33d52}.media-frame,.thumb-placeholder{width:100%;aspect-ratio:16 / 9;object-fit:cover;overflow:hidden;border:0;background:linear-gradient(135deg,#e8a33d26,#5bc17f0f),#111116}.project-meta,.media-caption{display:grid;min-width:0;gap:4px;padding:14px}.project-meta strong,.media-caption strong,.queue-card strong,.section-title h2,.settings-panel h2,.inspector-card h2,.empty-panel h2,.style-card h2{margin:0;color:var(--lf-text);font:600 17px/1.2 var(--lf-font);letter-spacing:-.01em}.project-meta span,.media-caption small,.queue-card span,.section-title span,.settings-panel p,.inspector-card p,.empty-panel p,.style-card p,.device-list span{color:var(--lf-text-muted);font:400 13px/1.4 var(--lf-font)}.section-block{display:grid;gap:14px;padding:16px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.clip-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.clip-strip-item{position:relative;width:178px;flex:0 0 auto;overflow:hidden;border:1px solid var(--lf-border);border-radius:14px}.clip-strip-item span{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;color:var(--lf-text);background:#0000008a;font:600 12px/1 var(--lf-font);font-variant-numeric:tabular-nums}.render-grid,.media-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.render-card,.media-card{display:grid;min-width:0;overflow:hidden;color:inherit;text-align:left;transition:transform .22s ease-out,border-color .22s ease-out}button.media-card{padding:0}.media-card.selected{border-color:#e8a33d94}.library-tools{display:grid;grid-template-columns:auto minmax(240px,1fr) 180px 180px;gap:10px}.segmented{display:grid;min-width:220px;grid-template-columns:repeat(2,1fr);gap:4px;padding:5px;border:1px solid var(--lf-border);border-radius:14px;background:#ffffff0a}.segmented button,.ghost-button,.danger-button,.suggestions button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--lf-border);border-radius:12px;color:var(--lf-text);background:#1c1c24b8;font:500 13px/1 var(--lf-font)}.segmented button{border:0;color:var(--lf-text-muted);background:transparent}.segmented button.active{color:var(--lf-text);background:#ffffff14}.primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:0;border-radius:12px;color:#17110a;background:linear-gradient(180deg,#f0b658,var(--lf-accent));box-shadow:0 16px 40px #e8a33d33;font:600 13px/1 var(--lf-font)}.danger-button{color:#ffd5d5;background:#e05b5b1f}input,select{width:100%;height:44px;padding:0 12px;border:1px solid var(--lf-border);border-radius:12px;color:var(--lf-text);background:#ffffff0e;outline:none}input:focus,select:focus{border-color:#e8a33d80}.theater{overflow:hidden;border:1px solid var(--lf-border);border-radius:16px;background:#050507;box-shadow:var(--lf-shadow-deep)}.split-view{position:relative;aspect-ratio:16 / 9;background:#060609}.split-view video,.split-view .thumb-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050507}.split-view .after-video{clip-path:inset(0 0 0 var(--split))}.split-view:after{position:absolute;top:0;bottom:0;left:var(--split);width:1px;content:"";background:var(--lf-accent);box-shadow:0 0 24px #e8a33d6b}.split-slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.timeline-review{display:flex;min-height:86px;gap:6px;padding:12px;border:1px solid var(--lf-border);border-radius:16px;background:#141419ad}.timeline-review button{display:grid;min-width:64px;align-content:center;gap:6px;border:1px solid var(--lf-border);border-radius:12px;color:var(--lf-text);background:#e8a33d1a;text-align:left}.timeline-review strong{color:var(--lf-accent);font:600 13px/1 var(--lf-font)}.timeline-review span{color:var(--lf-text-muted);font:400 12px/1 var(--lf-font)}.action-row,.suggestions{display:flex;flex-wrap:wrap;gap:10px}.edit-inline{display:grid;flex:1 1 360px;gap:10px}.edit-inline form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.style-gallery{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.style-card{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}.style-card.selected{border-color:#e8a33d94}.style-swatch{overflow:hidden;min-height:150px;border:1px solid var(--lf-border);border-radius:14px}.style-swatch img{width:100%;height:100%;min-height:150px;object-fit:cover}.style-card>div:nth-child(2){display:grid;gap:8px}.style-card span{color:var(--lf-accent);font:600 12px/1 var(--lf-font);text-transform:capitalize}.queue-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.queue-columns h2{margin:0 0 12px;font:600 22px/1.15 var(--lf-font);letter-spacing:-.02em}.queue-list{display:grid;gap:12px}.queue-card{display:grid;gap:14px;padding:16px}.job-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.job-meter span{color:var(--lf-text-muted);font:400 13px/1 var(--lf-font)}.job-meter strong{color:var(--lf-accent);font:600 13px/1 var(--lf-font);font-variant-numeric:tabular-nums}.job-meter progress{width:100%;height:5px;grid-column:1 / -1;overflow:hidden;border:0;border-radius:999px;background:#ffffff14}progress::-webkit-progress-bar{background:#ffffff14}progress::-webkit-progress-value{background:var(--lf-accent)}progress::-moz-progress-bar{background:var(--lf-accent)}.inline-error{margin:0;color:#ffbcbc;font:400 13px/1.4 var(--lf-font)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{display:grid;align-content:start;gap:14px;padding:16px}label{display:grid;gap:8px;color:var(--lf-text-muted);font:500 12px/1 var(--lf-font)}.pairing-code-display{display:grid;min-height:72px;place-items:center;border:1px solid rgba(232,163,61,.28);border-radius:14px;color:var(--lf-accent);background:#e8a33d14;font:600 30px/1 var(--lf-font);letter-spacing:.22em;font-variant-numeric:tabular-nums}.device-list{display:grid;gap:10px}.device-list>div{display:grid;gap:4px;padding:12px;border:1px solid var(--lf-border);border-radius:12px;background:#ffffff09}.device-list>div.worker-device{border-color:#e8a33d6b;background:#e8a33d14}.device-list strong{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-badge{display:inline-grid;min-height:22px;place-items:center;padding:0 8px;border:1px solid var(--lf-border);border-radius:999px;color:var(--lf-text-muted);font:600 11px/1 var(--lf-font);text-transform:uppercase}.role-badge.worker{border-color:#e8a33d66;color:var(--lf-accent);background:#e8a33d1a}.inspector{position:sticky;top:0;display:grid;height:100vh;align-content:start;gap:14px;padding:32px 18px;border-left:1px solid var(--lf-border);background:#0b0b0fc2}.inspector-card{display:grid;gap:12px;padding:16px}.mini-swatch{height:112px;border:1px solid var(--lf-border);border-radius:14px}.empty-panel{display:grid;min-height:360px;place-items:center;align-content:center;gap:14px;padding:24px;text-align:center}.empty-panel.compact{min-height:220px}.pairing-desktop{display:grid;min-height:100vh;grid-template-columns:minmax(320px,520px);align-content:center;padding:48px}.pair-card{display:grid;gap:18px;padding:28px;border:1px solid var(--lf-border);border-radius:24px;background:#141419bd;box-shadow:var(--lf-shadow-deep);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pair-code{font-size:24px;letter-spacing:.24em;font-variant-numeric:tabular-nums}button:disabled,.primary-button:disabled{cursor:default;opacity:.48}@media(max-width:1100px){.desktop-shell{grid-template-columns:96px minmax(0,1fr)}.inspector{display:none}.library-tools,.queue-columns,.settings-grid{grid-template-columns:1fr}}