:root{--ink:#171916;--paper:#f2f0e9;--muted:#6c7169;--line:rgba(23,25,22,.14);--acid:#dfff52;--violet:#7659ff;--surface:rgba(255,255,255,.58)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}button,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(23,25,22,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,22,.04) 1px,transparent 1px);background-size:36px 36px}
.topbar{height:64px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700}.brand small{font-size:8px;letter-spacing:.14em;color:var(--muted);margin-left:3px}.brand-mark{width:28px;height:28px;background:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px}.brand-mark i{width:3px;border-radius:3px;background:var(--acid)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:10px}.model-status{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:7px 11px;font-size:10px;color:var(--muted);background:rgba(255,255,255,.4)}.model-status i{width:7px;height:7px;border-radius:50%;background:#aaa}.model-status.ready i{background:#67b84b}.model-status.warning i{background:#e9a12d}
.app-shell{height:calc(100vh - 64px);padding:18px 24px 24px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;position:relative}.control-panel,.workspace{min-height:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);backdrop-filter:blur(8px)}.control-panel{padding:20px;overflow:auto}.intro h1{font-size:38px;line-height:.94;margin:10px 0 13px;letter-spacing:-.07em}.intro h1 em{display:inline-block;font-style:normal;color:transparent;-webkit-text-stroke:1.15px var(--ink);letter-spacing:-.075em}.intro p{margin:0 0 17px;color:var(--muted);font-size:11px}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--violet)}
.pipeline{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.pipeline li{height:42px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:10px}.pipeline li:last-child{border:0}.pipeline b{font-size:9px}.pipeline li.active{background:var(--ink);color:white}.pipeline li.active b,.pipeline li.done b{color:var(--violet)}.pipeline li.done{background:rgba(223,255,82,.35);color:var(--ink)}
.import-card{border-top:1px solid var(--line);padding-top:16px}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head small{font-size:8px;color:var(--violet);letter-spacing:.14em;font-weight:700}.section-head h2{font-size:20px;margin:4px 0 14px}.section-head>span{font-size:8px;background:var(--acid);border-radius:20px;padding:4px 7px;font-weight:700}.import-card label{display:block;font-size:10px;font-weight:700;margin-bottom:7px}.import-card textarea{width:100%;height:92px;resize:none;border:1px solid var(--line);border-radius:10px;padding:11px;background:rgba(255,255,255,.65);font-size:11px;line-height:1.55;color:inherit;outline:none}.import-card textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(118,89,255,.1)}.primary{width:100%;border:0;border-radius:9px;padding:11px 13px;background:var(--ink);color:white;display:flex;justify-content:space-between;font-weight:700;font-size:11px;margin-top:9px}.primary b{color:var(--acid);font-size:15px}.primary:disabled{opacity:.5;cursor:wait}
.task-card{margin-top:14px;background:var(--ink);color:white;border-radius:12px;padding:14px}.task-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#aeb3aa}.task-head strong{color:var(--acid);font-size:12px}.task-empty p,.task-running p{font-size:9px;line-height:1.5;color:#979d94;margin:10px 0 0}.task-running h3{font-size:13px;margin:10px 0 7px}.progress,.analysis-progress{height:4px;background:#353a34;border-radius:5px;overflow:hidden}.progress i,.analysis-progress i{height:100%;width:0;display:block;background:var(--acid);transition:.35s}.saved-preview{display:grid;grid-template-columns:64px 1fr;gap:10px;margin-top:12px;align-items:center}.saved-preview img{width:64px;height:82px;object-fit:cover;border-radius:7px}.saved-preview small{font-size:8px;color:var(--acid)}.saved-preview h3{font-size:11px;line-height:1.35;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-preview p{font-size:8px;color:#999f96;margin:0}.saved-actions,.asset-actions,.detail-actions{display:flex;gap:6px;margin-top:7px}.saved-actions button,.saved-actions a,.asset-actions button,.asset-actions a,.detail-actions button{border:0;border-radius:6px;padding:6px 8px;text-decoration:none;font-weight:700;font-size:8px}.saved-actions button{background:var(--acid);color:var(--ink)}.saved-actions a{background:#343834;color:white}
.workspace{padding:20px;display:flex;flex-direction:column;overflow:hidden}.library-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.library-heading h2{font-size:30px;letter-spacing:-.05em;margin:5px 0 3px}.library-heading p{font-size:10px;color:var(--muted);margin:0}.library-heading button{border:1px solid var(--line);background:transparent;border-radius:7px;padding:7px 10px;font-size:9px}.library-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding-right:4px}.loading{font-size:11px;color:var(--muted)}
.asset-card{height:184px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.46);display:grid;grid-template-columns:118px minmax(0,1fr)}.asset-cover{height:100%;position:relative;background:#222;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#777;font-size:8px}.asset-cover img{display:block;width:100%;height:100%;object-fit:cover}.asset-cover b{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.72);color:#fff;padding:4px 6px;border-radius:5px;font-size:8px}.asset-body{padding:12px;min-width:0}.asset-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.asset-body small{font-size:8px;color:var(--violet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asr-badge{font-size:8px;border-radius:20px;padding:3px 6px;background:#e5e2da;color:var(--muted);white-space:nowrap}.asr-badge.done{background:var(--acid);color:var(--ink)}.asr-badge.busy{background:#ece8ff;color:var(--violet)}.asr-badge.failed{background:#f4d8d3;color:#a83b2c}.asset-body h3{font-size:13px;line-height:1.35;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transcript-preview{height:31px;font-size:9px;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-actions button{background:var(--ink);color:white}.asset-actions button:first-child{flex:1}.asset-actions a{border:1px solid var(--line);color:var(--ink)}
dialog{border:1px solid var(--line);border-radius:18px;background:#f6f4ed;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(15,17,14,.58);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:12px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.7);font-size:18px;z-index:2}.asset-dialog{width:min(960px,92vw);padding:22px}.asset-detail{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;min-height:520px}.detail-media img{width:100%;height:440px;object-fit:cover;border-radius:12px;background:#222}.detail-media a{display:block;text-align:center;color:var(--ink);font-size:10px;margin-top:10px}.detail-content{padding:5px 30px 0 0;min-width:0}.detail-content h2{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:9px 0}.detail-content>p{font-size:10px;color:var(--muted)}.transcript-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.transcript-head h3{font-size:15px;margin:0}.transcript-head span{font-size:9px;color:var(--violet)}#transcriptText{height:300px;overflow:auto;white-space:pre-wrap;background:#ebe8df;border-radius:10px;padding:14px;font:11px/1.8 "Noto Sans SC",sans-serif;color:#363a35}.detail-actions button{padding:9px 12px;background:transparent;border:1px solid var(--line);font-size:9px}.detail-actions .dark{background:var(--ink);color:white;border-color:var(--ink)}
.analysis{width:min(1000px,92vw);max-height:88vh;overflow:auto;padding:28px}.analysis-head{display:flex;justify-content:space-between;align-items:center}.analysis-head h2{font-size:30px;margin:7px 0}.analysis-head p{font-size:10px;color:var(--muted)}.analysis-score{width:76px;height:76px;border-radius:50%;background:var(--violet);color:white;display:grid;place-content:center;text-align:center}.analysis-score strong{font-size:25px}.analysis-score span{font-size:8px}.analysis-progress{background:var(--line);margin:18px 0}.analysis-progress i{background:var(--violet)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-grid article{border-top:1px solid var(--line);padding:15px 0}.report-grid article:nth-child(odd):not(.wide){padding-right:16px;border-right:1px solid var(--line)}.report-grid .wide{grid-column:1/-1}.report-grid small{font-size:8px;letter-spacing:.14em;color:var(--violet);font-weight:700}.report-grid h3{font-size:17px;line-height:1.45}.report-grid p,.report-grid li{font-size:10px;line-height:1.65;color:var(--muted)}#timeline>div{display:grid;grid-template-columns:90px 75px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}#timeline b{background:var(--acid);width:max-content;padding:3px 5px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;background:#c74632;color:#fff;padding:10px 15px;border-radius:8px;font-size:10px}
@media(max-width:1050px){.app-shell{grid-template-columns:300px minmax(0,1fr)}.library-grid{grid-template-columns:1fr}.asset-card{height:170px}.asset-dialog{width:min(850px,94vw)}}
@media(max-width:720px){body{overflow:auto}.app-shell{height:auto;display:block;padding:12px}.control-panel{overflow:visible}.workspace{margin-top:12px;min-height:600px}.library-grid{overflow:visible}.asset-detail{grid-template-columns:1fr}.detail-media{display:none}.detail-content{padding-right:0}.asset-dialog{max-height:90vh}.report-grid{grid-template-columns:1fr}.report-grid .wide{grid-column:auto}.report-grid article{border-right:0!important}}