:root{color-scheme:light dark}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0;padding:0;background:#f6f7fb;color:#1c1c1e}header.app-header{background:#111;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}header.app-header .brand{font-weight:700;font-size:18px;letter-spacing:.5px;color:#fff;text-decoration:none;cursor:pointer}header.app-header nav a{color:#ddd;margin-left:16px;text-decoration:none;font-size:14px}header.app-header nav a:hover{color:#fff}header.app-header nav a.active{color:#fff}main.app-main{max-width:1080px;margin:24px auto;padding:0 16px}.role-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#ffe58a;color:#5a4400;font-size:12px;font-weight:600}.role-badge.advertiser{background:#c5e7ff;color:#003a66}.card{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 1px 2px #00000008}.card h2{margin:0 0 12px;font-size:18px}.stats{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:160px;padding:14px 16px;border:1px solid #eef0f5;border-radius:10px;background:#fafbff}.stat .label{font-size:12px;color:#6e7280}.stat .value{font-size:22px;font-weight:700;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #eee;padding:10px 8px;text-align:left;vertical-align:middle}th{font-size:12px;color:#6e7280;text-transform:uppercase;letter-spacing:.04em}button,.btn{background:#111;color:#fff;border:none;padding:9px 14px;border-radius:8px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block;font-family:inherit}button.secondary,.btn.secondary{background:#fff;color:#111;border:1px solid #ddd}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}input[type=file],input[type=text],input[type=color],select,textarea{padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;font-family:inherit}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}label{font-size:13px;color:#444}.flash{padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:14px}.flash.ok{background:#e7f8ed;color:#145a32;border:1px solid #b6e2c2}.flash.error{background:#fdecea;color:#8a1c14;border:1px solid #f3b5af}.muted{color:#888;font-size:13px}.thumb{width:80px;height:auto;border-radius:6px;border:1px solid #eee}code{background:#f0f1f5;padding:1px 5px;border-radius:4px}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.clip-card{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:transform .12s,box-shadow .12s}.clip-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.clip-card.published{border-color:#b6e2c2;background:#f6fff9}.clip-head{display:flex;gap:12px}.clip-thumb{width:90px;height:160px;object-fit:cover;border-radius:8px;background:#ddd;flex-shrink:0}.clip-meta{flex:1;min-width:0;font-size:13px}.clip-meta .clip-num{font-weight:700;font-size:14px}.clip-meta .clip-range{color:#6e7280;font-size:12px}.clip-actions{display:flex;gap:6px;flex-wrap:wrap}.clip-actions form{margin:0}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill.draft{background:#f0f1f5;color:#555}.pill.rendered{background:#fff4d6;color:#7a5400}.pill.published{background:#e7f8ed;color:#145a32}.pill.processing{background:#e6f0ff;color:#1d4ed8}.pill.failed{background:#fdecea;color:#8a1c14}.editor-layout{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start}.clip-sidebar{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:10px;max-height:78vh;overflow-y:auto}.clip-sidebar h3{margin:4px 0 8px;font-size:13px;color:#555}.sb-item{display:flex;gap:8px;align-items:center;padding:6px;border-radius:8px;text-decoration:none;color:inherit;margin-bottom:4px}.sb-item:hover{background:#f5f7fb}.sb-item.active{background:#111;color:#fff}.sb-item.active .muted{color:#ccc}.sb-thumb{width:32px;height:56px;object-fit:cover;border-radius:4px;background:#ddd;flex-shrink:0}.sb-meta{font-size:12px;min-width:0;flex:1}.sb-item.active .pill{background:#ffffff2e;color:#fff}.stage-row{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:flex-start}.preview-stage{width:270px;height:480px;background:#000;position:relative;overflow:hidden;border-radius:8px;-webkit-user-select:none;user-select:none}.layer{position:absolute;cursor:grab;touch-action:none}.layer.dragging{cursor:grabbing}.layer-video{background:#000}.layer-video video{width:100%;height:100%;display:block;pointer-events:none;background:#000}.layer-banner{left:50%!important;transform:translate(-50%)}.layer-banner img{width:100%;height:100%;display:block;pointer-events:none}.layer-text{color:#fff;font-weight:800;line-height:1.15;text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7);white-space:nowrap;padding:2px 6px;text-align:center;left:50%!important;transform:translate(-50%);width:max-content;max-width:96%}.resize-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;background:#2af;border:2px solid #fff;border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0006}.panel{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:14px;margin-bottom:12px}.panel h3{margin:0 0 8px;font-size:13px;color:#555;display:flex;align-items:center;justify-content:space-between}.panel label{display:block;font-size:12px;color:#444;margin-top:8px}.panel input[type=text],.panel select,.panel textarea{width:100%;margin-top:4px}.panel textarea{min-height:60px;font-family:inherit}.panel .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-row{display:flex;align-items:center;gap:8px}.range-row input[type=range]{flex:1}.range-row .val{font-size:12px;color:#555;min-width:38px;text-align:right}.player-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.timecode{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#555}.play-btn{background:#111;color:#fff;border:none;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:14px}.hint{font-size:11px;color:#999;margin-top:4px}.trim-slider{position:relative;margin-top:4px;height:38px}.trim-slider .track{position:absolute;left:0;right:0;top:16px;height:6px;background:#e5e6ec;border-radius:4px}.trim-slider .active-range{position:absolute;top:0;bottom:0;background:#111;border-radius:4px}.trim-slider input[type=range]{position:absolute;left:0;right:0;top:6px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;height:24px}.trim-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:22px;border-radius:3px;background:#111;cursor:ew-resize;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;pointer-events:auto}.trim-slider input[type=range]::-moz-range-thumb{width:14px;height:22px;border-radius:3px;background:#111;cursor:ew-resize;border:2px solid #fff;pointer-events:auto}.trim-ticks{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;color:#888}.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.editshelf-layout{display:grid;grid-template-columns:300px 1fr 320px;gap:18px;align-items:start}@media (max-width: 1100px){.editshelf-layout{grid-template-columns:260px 1fr}.editshelf-actions{grid-column:1 / -1}}@media (max-width: 760px){.editshelf-layout{grid-template-columns:1fr}}.editshelf-list{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:12px;max-height:78vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.editshelf-list-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#555;padding:2px 4px 6px;border-bottom:1px solid #eef0f5}.editshelf-list-head .count{font-weight:700;color:#111}.editshelf-item{display:flex;gap:10px;padding:8px;border-radius:10px;border:1px solid #eef0f5;background:#fafbff;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;transition:border-color .12s,transform .12s,box-shadow .12s}.editshelf-item:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000d}.editshelf-item.active{border-color:#2a66ff;background:#eef3ff;box-shadow:0 0 0 2px #2a66ff2e}.editshelf-item.published{border-left:3px solid #69c389}.editshelf-thumb-wrap{position:relative;flex-shrink:0;width:64px;height:114px;border-radius:6px;overflow:hidden;background:#000}.editshelf-thumb{width:100%;height:100%;object-fit:cover;display:block}.editshelf-duration{position:absolute;right:3px;bottom:3px;background:#000000b3;color:#fff;font-size:10px;padding:1px 5px;border-radius:3px;font-family:ui-monospace,Menlo,monospace}.editshelf-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.editshelf-item-title{font-size:13px;font-weight:600;color:#1c1c1e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editshelf-item-meta{font-size:11px;color:#6e7280;display:flex;gap:6px;flex-wrap:wrap}.editshelf-item-actions{display:flex;gap:4px;margin-top:auto}.editshelf-item-actions button{padding:3px 8px;font-size:11px;border-radius:6px}.editshelf-preview-wrap{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.editshelf-preview{width:100%;max-width:320px;aspect-ratio:9 / 16;background:#000;border-radius:10px;overflow:hidden;position:relative}.editshelf-preview video{width:100%;height:100%;display:block;background:#000;object-fit:contain}.preview-overlay{position:absolute;pointer-events:none;font-weight:800;line-height:1.15;text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7);white-space:pre-wrap;padding:2px 6px;text-align:center}.preview-overlay.layer-text,.preview-overlay.layer-channel{left:50%!important;right:auto!important;transform:translate(-50%)}.editshelf-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px}.editshelf-preview-caption{font-size:12px;color:#6e7280;text-align:center}.editshelf-actions{display:flex;flex-direction:column;gap:12px}.qa-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qa-buttons .btn{width:100%;text-align:center;padding:10px}.qa-buttons .btn.primary-blue{background:#2a66ff;color:#fff}.qa-buttons .btn.primary-green{background:#16a34a;color:#fff}.qa-buttons .btn.disabled,.qa-buttons button:disabled{opacity:.45;cursor:not-allowed}.qa-upload{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e6ec;border-radius:8px}.qa-upload button{padding:7px 12px;font-size:13px}.editshelf-meta{font-size:13px;line-height:1.5}.editshelf-meta .row-label{font-size:11px;color:#6e7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.editshelf-meta .row-value{color:#1c1c1e;word-break:break-word}.editshelf-meta+.editshelf-meta{margin-top:4px}.editshelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editshelf-toolbar .right{display:flex;gap:8px;flex-wrap:wrap}.ce-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:10px 16px;margin-bottom:14px}.ce-topbar-right{display:flex;gap:8px;align-items:center}.ce-topbar .btn.primary-blue{background:#2a66ff;color:#fff;border:none}.ce-topbar .btn.primary-blue:disabled{opacity:.5}.ce-workspace{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start;margin-bottom:14px}@media (max-width: 1000px){.ce-workspace{grid-template-columns:1fr}}.ce-stage-area{background:#1a1d24;border:1px solid #e5e6ec;border-radius:12px;padding:24px;display:flex;justify-content:center;align-items:center;min-height:560px}.ce-side-panel{background:#fff;border:1px solid #e5e6ec;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.ce-tabs{display:flex;gap:2px;border-bottom:1px solid #eef0f5;padding:4px 4px 0;overflow-x:auto}.ce-tabs button{background:transparent;color:#6e7280;border:none;border-radius:6px 6px 0 0;padding:8px 12px;font-size:13px;font-weight:500;white-space:nowrap}.ce-tabs button.active{background:#eef3ff;color:#2a66ff;font-weight:700}.ce-tabs button.disabled,.ce-tabs button:disabled{color:#c0c4cc;cursor:not-allowed}.ce-tab-body{padding:16px}.ce-tab-body h3{margin:0 0 12px;font-size:14px;color:#333}.ce-tab-body label{display:block;font-size:12px;color:#555;margin-top:12px;margin-bottom:4px}.ce-tab-body label:first-of-type{margin-top:0}.ce-tab-body input[type=text],.ce-tab-body textarea,.ce-tab-body select{width:100%}.ce-tab-body textarea{min-height:80px;font-family:inherit}.ce-tab-body .hint{font-size:11px;color:#999;margin-top:6px}.ce-bottom{background:#fff;border:1px solid #e5e6ec;border-radius:12px;padding:12px 16px;display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center}.ce-mode-tab{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;background:#eef3ff;color:#2a66ff}.ce-bottom-controls{display:flex;align-items:center;gap:6px}.ce-bottom-controls button{background:#f0f1f5;color:#333;border:none;width:34px;height:34px;border-radius:6px;font-size:14px;padding:0}.ce-bottom-controls button:hover:not(:disabled){background:#e2e4eb}.ce-bottom-controls button.play{background:#16a34a;color:#fff;width:auto;padding:0 14px;font-weight:600}.ce-bottom-controls button.play:hover{background:#15803d}.ce-bottom-controls button.delete:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.ce-bottom-controls .ce-timecode{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#444;padding:0 8px}.ce-timeline{min-width:0}.ce-timeline .trim-slider{margin:0}.ce-timeline .trim-slider .track{cursor:pointer}.ce-timeline .trim-slider .playhead{position:absolute;top:-4px;bottom:-4px;width:2px;background:#ef4444;pointer-events:none;box-shadow:0 0 0 1px #ffffff80}.ce-divider{display:inline-block;width:1px;height:22px;background:#e5e6ec;margin:0 4px}.ce-subsection{border-top:1px solid #eef0f5;padding-top:12px;margin-top:14px}.ce-subsection:first-of-type{border-top:none;padding-top:0;margin-top:0}.ce-subhead{font-size:12px;font-weight:700;color:#2a66ff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.ce-channel-row{display:flex;align-items:center;gap:12px;padding:12px;background:#f6f7fb;border-radius:8px}.ce-channel-logo{width:44px;height:44px;border-radius:50%;background:#ddd;object-fit:cover;flex-shrink:0}.ce-channel-logo-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a66ff,#16a34a);color:#fff;font-weight:700;font-size:18px}.layer-subtitle{text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7)}.layer-channel{position:absolute;left:50%!important;transform:translate(-50%);cursor:grab}.layer-channel.dragging{cursor:grabbing}.layer-caption{position:absolute;left:50%!important;transform:translate(-50%);width:max-content;max-width:92%;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;padding:.15em .5em;border-radius:.25em;cursor:grab}.layer-caption.dragging{cursor:grabbing}.channel-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;background:#00000059;border-radius:999px}.channel-badge .channel-logo{width:18px;height:18px;border-radius:50%;background:#ddd;object-fit:cover}.channel-badge .channel-logo-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a66ff,#16a34a);color:#fff;font-weight:700;font-size:11px}.channel-badge .channel-name{color:#fff;font-weight:700;font-size:11px;text-shadow:0 0 3px rgba(0,0,0,.8);white-space:nowrap}.clip-composite{position:relative;overflow:hidden;background:#000;border-radius:6px}.clip-composite .cc-video{position:absolute;overflow:hidden;background:#000}.clip-composite .cc-video video{display:block;background:#000}.clip-composite .cc-banner{position:absolute;left:50%;transform:translate(-50%);display:block}.clip-composite .cc-text{position:absolute;left:50%;transform:translate(-50%);width:max-content;font-weight:800;line-height:1.15;white-space:nowrap;text-align:center;padding:2px 6px;text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.7)}.clip-composite .cc-channel{position:absolute;left:50%;transform-origin:top center}.clip-composite .cc-caption{position:absolute;left:50%;transform:translate(-50%);width:max-content;max-width:92%;font-weight:700;line-height:1.2;text-align:center;padding:.15em .5em;border-radius:.25em;white-space:pre-wrap}.clip-composite .cc-playbtn{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:40px;height:40px;padding:0;border-radius:50%;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.6);font-size:15px;line-height:40px;display:flex;align-items:center;justify-content:center}.clip-composite .cc-playbtn:hover{background:#000000bf}.ratio-options{display:flex;flex-direction:column;gap:6px;margin-top:4px}.ratio-btn{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;text-align:left;cursor:pointer;width:100%;font-size:13px;font-weight:600;color:#333;font-family:inherit;transition:border-color .12s,background .12s}.ratio-btn span{font-size:11px;font-weight:400;color:#888}.ratio-btn.active{border-color:#2a66ff;background:#eef3ff;color:#2a66ff;cursor:default}.ratio-btn.active span{color:#5a8aff}.ratio-btn:hover:not(.active):not(:disabled){border-color:#aaa;background:#fafafa}.ratio-btn:disabled{opacity:.5;cursor:not-allowed}.auth-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f6f7fb}.auth-card{width:100%;max-width:380px;background:#fff;border:1px solid #e5e6ec;border-radius:16px;padding:32px 28px;box-shadow:0 8px 30px #0000000f}.auth-brand{font-size:15px;font-weight:700;letter-spacing:.5px;color:#111}.auth-title{margin:16px 0 4px;font-size:22px}.auth-sub{margin:0 0 20px;font-size:13px;color:#6e7280;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#444;font-weight:600}.auth-form input{padding:11px 12px;border:1px solid #ddd;border-radius:9px;font-size:15px;background:#fff;font-family:inherit;width:100%;font-weight:400}.auth-form input:focus{outline:none;border-color:#2a66ff;box-shadow:0 0 0 3px #eef3ff}.auth-primary{width:100%;padding:12px;font-size:15px;font-weight:600;border-radius:9px;margin-top:2px}.pw-checks{list-style:none;padding:0;margin:-4px 0 0;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.pw-checks li{color:#b0b3bb;position:relative;padding-left:16px}.pw-checks li:before{content:"○";position:absolute;left:0}.pw-checks li.ok{color:#145a32}.pw-checks li.ok:before{content:"✓"}.code-input{letter-spacing:10px;text-align:center;font-size:24px!important;font-weight:700;padding:12px!important}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#aaa;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e6ec}.google-btn-host{display:flex;justify-content:center;min-height:40px}.auth-row-between{display:flex;justify-content:space-between;align-items:center}.linklike{background:none;border:none;color:#2a66ff;cursor:pointer;font-size:13px;padding:4px;font-family:inherit}.linklike:hover{text-decoration:underline}.linklike:disabled{color:#b0b3bb;cursor:not-allowed;text-decoration:none}.auth-foot{margin:20px 0 0;text-align:center;font-size:13px;color:#6e7280}.auth-foot a{color:#2a66ff;text-decoration:none;font-weight:600}.auth-foot a:hover{text-decoration:underline}.user-chip{display:inline-flex;align-items:center;gap:8px;margin-left:18px}.user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-fallback{background:linear-gradient(135deg,#2a66ff,#16a34a);color:#fff;font-size:13px;font-weight:700}.user-name{color:#eee;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:transparent;color:#ddd;border:1px solid #444;padding:4px 10px;border-radius:7px;font-size:12px;cursor:pointer}.logout-btn:hover{color:#fff;border-color:#888;opacity:1}