:root{--bg:#f6f7f3;--card:#fff;--text:#203b32;--muted:#778078;--line:#e4e8df;--green:#275d4b;--pale:#eaf0e4;--accent:#d8e7af}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sidebar{width:238px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.workspace{display:flex;gap:10px;margin:34px 0 26px;padding:13px 8px;border:1px solid var(--line);border-radius:9px}.workspace-icon{background:var(--pale);padding:4px 11px;border-radius:7px;font-weight:700}.workspace strong{font-size:12px}.workspace small{display:block;font-size:10px;color:var(--muted)}nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:13px;background:none;color:#68726a;padding:12px 14px;text-align:left;border-radius:8px;font-size:13px}.nav span{font-size:20px;line-height:1}.nav.active{background:var(--pale);color:var(--green);font-weight:650}.nav i{font-size:10px;background:#fff;padding:0 7px;border-radius:8px;margin-left:auto;font-style:normal}.nav-label{font-size:10px;color:#9aa197;padding:22px 14px 5px;letter-spacing:2px}.sidebar-bottom{margin-top:auto;font-size:11px;color:var(--muted)}.worker-state{padding:12px 0;border-bottom:1px solid var(--line)}.account{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.text-button{background:none;color:var(--muted)}main{margin-left:238px;padding:40px 44px 20px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8b9788;margin:0 0 7px}h1{font-size:29px;letter-spacing:-1px;line-height:1.4;margin:0 0 7px}header p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.live-dot{display:inline-block;width:7px;height:7px;background:#8bb86b;border-radius:100%;vertical-align:middle;margin-left:13px}.header-actions{display:flex;gap:10px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 15px;border-radius:7px;font-size:12px;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#184835}.secondary{background:#fff;border:1px solid var(--line);color:var(--text)}button:disabled{opacity:.5;cursor:wait}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats article{background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:11px}.stats span{display:block;color:#667365;font-size:11px}.stats strong{display:block;font-size:32px;font-weight:600;margin:4px 0;line-height:1.3}.stats small{color:#94a08f;font-size:10px}.notice{padding:13px 17px;background:#f0eedf;border:1px solid #e6e1c7;border-radius:8px;color:#736343;font-size:12px;margin-bottom:22px}.toolbar{margin-bottom:22px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.chip{background:#fff;border:1px solid var(--line);padding:6px 13px;border-radius:20px;color:#778270;font-size:11px}.chip.active{background:var(--text);color:#fff;border-color:var(--text)}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0}.search-row select{width:165px}input,select{border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--text);background:#fff;outline:none}input:focus,select:focus{border-color:#7d9f7a;box-shadow:0 0 0 2px #e4eddc}.filters{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.filters label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.filters input{width:72px;padding:5px 7px;font-size:11px}.filters .secondary{padding:5px 10px;font-size:10px}.filters>span{margin-left:auto;font-size:11px;color:var(--muted)}#export-actions{display:flex;gap:8px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}.video-card:hover{border-color:#b7c9ac;transform:translateY(-2px)}.video-stage{height:206px;background:linear-gradient(140deg,#e5eadd,#cfdcca);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-card:nth-child(3n+2) .video-stage{background:linear-gradient(130deg,#eae3dc,#d4c4b6)}.video-card:nth-child(3n) .video-stage{background:linear-gradient(130deg,#e4e5e1,#c7cfcb)}.stage-pattern{font-size:72px;font-weight:200;color:#fff9;letter-spacing:-10px;user-select:none}.play{position:absolute;border:1px solid #fff9;background:#fff8;backdrop-filter:blur(4px);border-radius:100%;width:46px;height:46px;color:#254e3d;font-size:16px;box-shadow:0 3px 12px #0001}.stage-label{position:absolute;bottom:13px;left:13px;font-size:10px;color:#43523e;background:#ffffffcc;padding:3px 9px;border-radius:5px}.score{position:absolute;top:13px;right:13px;background:#fff;color:#315439;border-radius:5px;padding:3px 8px;font-size:10px}.score strong{font-size:14px}.card-body{padding:15px}.author{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.card-title{font-size:14px;line-height:1.5;margin:9px 0 7px;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.caption{font-size:11px;color:#8a9386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #f0f2eb;border-bottom:1px solid #f0f2eb;padding:11px 0;margin:11px 0}.metrics strong{display:block;font-size:13px;font-weight:600}.metrics span{font-size:9px;color:#9aa194}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:5px}.card-foot small{font-size:9px;color:#899483}.card-foot button{padding:6px 10px;font-size:10px}.card-foot .selected{background:var(--pale);color:var(--green)}.card-extra{font-size:10px;color:#83907c;padding:9px 0 0}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:28px}.pagination span{font-size:11px;color:var(--muted)}.empty{grid-column:1/-1;background:#fff;border:1px dashed #d2dccb;padding:70px 20px;text-align:center;border-radius:12px}.empty h3{font-size:20px;margin:0 0 10px}.empty p{color:var(--muted);font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-heading h2{font-size:20px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:5px 0}.source-list{display:grid;gap:10px}.source-row,.device-row,.activity-row{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 20px;display:flex;gap:18px;align-items:center;margin-bottom:9px}.source-icon{background:var(--pale);border-radius:8px;padding:9px 13px;font-size:17px}.row-main{flex:1;min-width:0}.row-main strong{font-size:13px}.row-main p{font-size:11px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.row-main small{font-size:10px;color:#9ba493}.status-tag{font-size:10px;background:#f1f0e6;color:#887748;border-radius:5px;padding:3px 8px;white-space:nowrap}.status-tag.ok{background:var(--pale);color:var(--green)}.setup-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.setup-guide article{background:#fff;border:1px solid var(--line);padding:23px;border-radius:10px}.setup-guide b{font-size:26px;color:#b5c3a7}.setup-guide h3{font-size:14px}.setup-guide p,.muted{font-size:12px;color:var(--muted)}.device-list{margin-top:20px}footer{display:flex;align-items:center;gap:22px;padding:30px 0 0;font-size:10px;color:#9aa293}footer small{margin-left:auto;font-size:9px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#e5eddb,transparent 60%),var(--bg);padding:20px}.auth-card{width:420px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px}.auth-card .eyebrow{margin-top:23px}.auth-card h1{font-size:26px}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:12px}.auth-card label{display:grid;gap:5px;font-size:12px;margin:15px 0}.auth-card .primary{width:100%;margin-top:10px;padding:11px}.auth-card small{font-size:10px;color:var(--muted)}.error{color:#a44232;font-size:12px;min-height:20px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;width:550px;max-width:calc(100vw - 30px);color:var(--text);box-shadow:0 20px 80px #17291933}dialog::backdrop{background:#17291966;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:9px;background:none;font-size:24px;color:var(--muted)}dialog h2{font-size:22px;margin:0 0 15px}dialog p{font-size:12px;color:var(--muted)}dialog label{display:grid;gap:7px;margin:15px 0;font-size:12px}dialog input,dialog select{width:100%}dialog iframe{display:block;border:0;width:100%;height:570px;border-radius:8px;background:#14241e}dialog .video-info{max-height:170px;overflow:auto;margin:12px 0}dialog pre{white-space:pre-wrap;word-break:break-all;background:var(--pale);padding:14px;border-radius:7px;font-size:12px}dialog .dialog-actions{display:flex;gap:10px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233f33;color:#fff;border-radius:9px;padding:12px 23px;max-width:90vw;font-size:12px;z-index:1000}.loading{color:var(--muted);text-align:center;padding:50px}.danger{color:#9b4938}.row-actions{display:flex;gap:7px}body.modal-open{overflow:hidden}@media(min-width:1600px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){main{padding:30px 25px}.sidebar{width:205px;padding:27px 16px}main{margin-left:205px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:27px}.stats small{font-size:9px}.setup-guide{grid-template-columns:1fr}.setup-guide article{padding:17px}.setup-guide h3{display:inline;margin-left:15px}}@media(max-width:700px){.sidebar{position:relative;width:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:18px}.brand img{width:29px}.brand small{font-size:7px}.workspace,.sidebar-bottom,.nav-label{display:none}nav{display:flex;gap:4px;overflow-x:auto;margin-top:16px}.nav{padding:8px 10px;font-size:11px;white-space:nowrap}.nav span{display:none}.nav i{margin-left:3px}.nav[data-view=activity]{display:none}main{margin:0;padding:23px 15px}header{align-items:flex-start;margin-bottom:22px}h1{font-size:22px}.eyebrow{font-size:7px;letter-spacing:1px}.header-actions .secondary{display:none}.header-actions .primary{font-size:10px;padding:8px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stats article{padding:12px 15px}.stats strong{font-size:26px}.video-grid{gap:12px}.video-stage{height:170px}.card-body{padding:11px}.card-title{font-size:12px;min-height:36px}.metrics strong{font-size:11px}.card-foot{align-items:flex-start;flex-wrap:wrap}.card-foot small{width:100%;margin-bottom:4px}.author{font-size:9px}.score{font-size:8px;padding:3px 5px;top:8px;right:8px}.score strong{font-size:11px}.stage-label{font-size:8px;left:8px;bottom:8px}.card-extra{font-size:8px}.search-row select{width:135px;font-size:11px}.search-row input{font-size:11px}.filters{gap:7px}.filters label{font-size:9px}.filters input{width:54px}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.source-row,.device-row{padding:13px;gap:10px;flex-wrap:wrap}.source-icon{display:none}.row-main{flex-basis:65%}.row-actions{margin-left:auto}.source-row .status-tag{font-size:9px}.notice{font-size:11px}.filters>span{margin-left:0}footer span{display:none}footer{padding-top:20px}.auth-card{padding:28px}.live-dot{display:none}dialog iframe{height:440px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:focus-visible{outline:2px solid #5e8865;outline-offset:3px}
@media(max-width:480px){.video-grid{grid-template-columns:1fr}.video-stage{height:240px}.card-title{font-size:15px;min-height:0}.card-body{padding:16px}.metrics strong{font-size:15px}.metrics span{font-size:11px}.card-foot{flex-wrap:nowrap;align-items:center}.card-foot small{width:auto;margin:0}.card-extra{font-size:10px}.author{font-size:11px}.stage-label{font-size:10px}}