@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Spectral:ital,wght@0,500;0,600;1,500&display=swap";:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top left,#f1f0e8,#f8f6f1 40%,#f0efe7);color:#161616}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}.app{max-width:960px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:28px}.admin-app{max-width:none;width:100%}.header{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-actions{display:flex;gap:12px;align-items:center}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;margin:0 0 8px;color:#6c6c6c}h1{margin:0;font-family:Spectral,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600}.panel{padding:32px;border-radius:24px;background:#ffffffb3;border:1px solid rgba(20,20,20,.1);box-shadow:0 20px 50px #14141414}.upload{display:flex;flex-direction:column;gap:18px}.file-picker{display:flex;align-items:center;justify-content:center;padding:28px;border:2px dashed #b2b2b2;border-radius:18px;background:#fdfcf8;font-size:1rem;cursor:pointer}.file-picker.dragging{border-color:#161616;background:#f5f4ee}.file-picker input{display:none}.file-picker span{text-align:center;color:#353535}.primary,.ghost{font-family:Space Grotesk,sans-serif;font-weight:600;border-radius:999px;border:none;padding:12px 22px;cursor:pointer}.primary{background:#161616;color:#fdfcf8}.primary:disabled{opacity:.6;cursor:not-allowed}.ghost{background:transparent;border:1px solid rgba(20,20,20,.2)}.ghost.small{padding:6px 12px;font-size:.8rem}.danger{background:#b91c1c;color:#fff;border:none;border-radius:999px;padding:12px 22px;font-family:Space Grotesk,sans-serif;font-weight:600;cursor:pointer}.admin-form{display:flex;flex-direction:column;gap:12px;max-width:360px}.admin-form input{padding:12px 14px;border-radius:12px;border:1px solid rgba(20,20,20,.2);font-family:Space Grotesk,sans-serif}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.admin-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#1414140d;margin-bottom:16px}.tab{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-family:Space Grotesk,sans-serif;font-weight:600;cursor:pointer;color:#4b4b4b}.tab.active{background:#161616;color:#fdfcf8}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stat-card,.check-card{padding:14px;border-radius:16px;background:#fffdf8;border:1px solid rgba(20,20,20,.08)}.admin-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.status-pill.ok{background:#e6f6ea;color:#166534}.status-pill.bad{background:#fee2e2;color:#991b1b}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid rgba(20,20,20,.1);text-align:left;vertical-align:top}.admin-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#6b6b6b}.admin-actions-inline{display:inline-flex;gap:8px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f59;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{background:#fffdf8;border-radius:20px;max-width:1100px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0003;border:1px solid rgba(20,20,20,.12);padding:24px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-body{display:flex;flex-direction:column;gap:24px}.detail-actions{display:flex;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-grid .value,.detail-grid .mono{word-break:break-word;overflow-wrap:anywhere}.detail-span{grid-column:1 / -1}.detail-section h3{margin:0 0 12px;font-family:Spectral,serif;font-size:1.2rem}.link{color:#161616;text-decoration:underline;font-weight:600}.link-button{background:none;border:none;padding:0;color:#161616;text-decoration:underline;font-weight:600;cursor:pointer;font-family:Space Grotesk,sans-serif}.thumb{width:120px;height:auto;border-radius:8px;display:block}.scene-text-cell{max-width:420px}.admin-row{cursor:pointer;transition:background .12s ease}.admin-row:hover{background:#14141408}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.hint{margin:0;color:#6b6b6b;font-size:.95rem}.player{display:flex;flex-direction:column;gap:18px}.jump{display:flex;flex-direction:column;gap:6px}.jump select{padding:10px 12px;border-radius:12px;border:1px solid rgba(20,20,20,.2);font-family:Space Grotesk,sans-serif}.timeline{display:flex;flex-direction:column;gap:6px}.timeline input[type=range]{width:100%;accent-color:#161616}.timeline-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#6c6c6c}.video-shell{position:relative;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 18px 40px #00000040;width:100%}video{width:100%;display:block;aspect-ratio:16 / 9;height:auto;max-height:70vh;object-fit:contain}.video-shell.vertical{max-width:min(100%,460px);margin-left:auto;margin-right:auto}.video-shell.vertical video{aspect-ratio:9 / 16;max-height:85vh}.badge{position:absolute;top:16px;left:16px;font-size:.75rem;letter-spacing:.2em;padding:6px 10px;border-radius:999px;font-weight:600;box-shadow:0 6px 14px #0000002e}.badge.live{background:#ef4444;color:#fff}.badge.playback{background:#0f172a;color:#e2e8f0}.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#7a7a7a}.value{margin:6px 0 0;font-size:1.1rem;font-weight:600}.message{font-size:.95rem;color:#4b4b4b}.scene-timeline{position:relative;margin-top:8px;--line-y: 138px;--node-height: 275px;--card-height: 92px;--card-width: 132px;overflow-x:auto;padding:6px 6px 12px;scroll-snap-type:x proximity}.timeline-track{position:relative;display:grid;grid-auto-flow:column;gap:28px;width:max-content;min-width:100%}.timeline-track:before{content:"";position:absolute;left:0;right:0;top:var(--line-y);height:2px;background:linear-gradient(90deg,#0f0f0f0d,#0f0f0f40,#0f0f0f0d);z-index:0}.scene-timeline::-webkit-scrollbar{height:8px}.scene-timeline::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.timeline-node{position:relative;min-width:var(--card-width);height:var(--node-height);background:transparent;border:none;padding:0;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .12s ease;scroll-snap-align:start;z-index:1}.timeline-node:nth-child(odd){justify-content:flex-start}.timeline-node:nth-child(2n){justify-content:flex-end}.timeline-node:before{content:"";position:absolute;left:50%;top:var(--line-y);width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#f9fafb;border:2px solid rgba(15,15,15,.45);box-shadow:0 0 0 6px #ffffffb3;z-index:2}.timeline-node:after{content:"";position:absolute;left:50%;width:1px;transform:translate(-50%);background:#0f0f0f33;z-index:1}.timeline-node:nth-child(odd):after{top:calc(var(--card-height) + 6px);height:calc(var(--line-y) - var(--card-height) - 8px)}.timeline-node:nth-child(2n):after{top:calc(var(--line-y) + 6px);height:calc(var(--node-height) - var(--line-y) - var(--card-height) - 8px)}.timeline-node.active:before{background:#111827;border-color:#111827;box-shadow:0 0 0 8px #11182726}.timeline-thumb{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid rgba(20,20,20,.2);box-shadow:0 10px 18px #0000002e;background:#f4f1ea}.timeline-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scene-title{margin:0;font-weight:600;font-size:.9rem;text-align:center}.jobs{margin-top:24px;display:flex;flex-direction:column;gap:12px}.jobs.featured{padding:16px;border-radius:18px;background:linear-gradient(135deg,#f7d6522e,#f2cb5014);border:1px solid rgba(202,138,4,.15)}.featured-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-subtitle{margin:4px 0 0;font-size:.85rem;color:#7a6a3a}.featured-pill{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:#ca8a0424;color:#7a5c12;font-weight:600}.jobs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.jobs-list.featured-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.job-card{border-radius:14px;border:1px solid rgba(20,20,20,.12);background:#fffdf8;padding:12px;text-align:left;cursor:pointer}.job-card.featured-card{position:relative;border:1px solid rgba(202,138,4,.25);background:#fff7df;box-shadow:0 12px 24px #7c55081f;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px}.featured-card-main{min-width:0}.featured-card .job-id{font-size:1rem;letter-spacing:.08em;white-space:normal;overflow-wrap:anywhere}.featured-card .job-meta{white-space:normal}.featured-card .job-meta.subtle{margin-top:10px}.featured-summary{margin:8px 0 0;font-size:.88rem;color:#7a5c12;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-thumbs{position:relative;width:140px;height:120px;flex-shrink:0;margin-top:2px;margin-right:8px;margin-left:auto}.featured-thumb{position:absolute;width:84px;height:84px;border-radius:14px;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 10px 18px #52380840}.featured-thumb:nth-child(1){top:10px;left:0;transform:rotate(-6deg)}.featured-thumb:nth-child(2){top:0;left:32px;transform:rotate(3deg)}.featured-thumb:nth-child(3){top:16px;left:58px;transform:rotate(8deg)}.featured-ribbon{position:absolute;top:10px;right:-38px;transform:rotate(35deg);background:#fbbf24;color:#5b4006;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;padding:4px 40px;font-weight:700}.job-id{margin:0;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{margin:6px 0 0;font-size:.85rem;color:#6b6b6b}.job-meta.subtle{color:#8a8a8a;font-size:.8rem}.error{padding:12px 16px;background:#ffe1e1;color:#8a1f1f;border-radius:12px}@media (max-width: 720px){.header{flex-direction:column;align-items:flex-start}.panel{padding:24px}.video-shell{border-radius:18px}.video-shell.vertical{max-width:100%}}@media (max-width: 560px){.job-card.featured-card{flex-direction:column;align-items:stretch}.featured-card-main{width:100%}.featured-thumbs{order:2;width:140px;height:110px;align-self:flex-end;margin:8px 0 0 auto}}