:root{--ink:#24364d;--muted:#8190a2;--line:#e6ebf1;--orange:#ef7049;--orange-soft:#fff2ed;--green:#5e9380;--bg:#f7f9fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:#fff;border-right:1px solid var(--line);padding:29px 15px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 32px;letter-spacing:-.2px}.brand-mark{width:36px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:750;box-shadow:0 5px 10px #ef704922}.brand b{display:block;font-size:15px}.brand small{display:block;color:#99a4b2;font-size:9px;letter-spacing:1.7px;margin-top:2px}.nav-caption{font-size:10px;letter-spacing:1.2px;color:#98a2af;margin:0 12px 10px}.nav-item{border:0;background:transparent;color:#617187;width:100%;height:43px;border-radius:8px;text-align:left;padding:0 12px;display:flex;align-items:center;gap:10px;margin:3px 0}.nav-item span{color:#9ba7b5;width:17px;font-size:15px;text-align:center}.nav-item em{font-style:normal;font-size:10px;margin-left:auto;background:#edf1f5;color:#8a96a5;border-radius:4px;padding:2px 5px}.nav-item.active,.nav-item:hover{background:var(--orange-soft);color:#c85838}.nav-item.active span,.nav-item:hover span{color:var(--orange)}.nav-item.active em{background:#ffe0d4;color:#d56343}.section-gap{margin-top:30px}.sidebar-note{margin:30px 6px 0;padding:14px 13px;border:1px solid #edf0f4;border-radius:9px;color:#8794a5;font-size:11px;line-height:1.8}.note-icon{color:#6b9c88;margin-bottom:6px}.sidebar-note strong{display:block;color:#5c6b7e;font-size:12px}.sidebar-note p{margin:4px 0 0}.sidebar-foot{margin-top:auto;color:#a5aeba;font-size:9px;text-align:center;letter-spacing:.4px}.online-dot{display:inline-block;width:6px;height:6px;background:#77a590;border-radius:50%;margin-right:4px}.workspace{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:11px;color:#9aa4b1;font-size:12px}.breadcrumb b{font-weight:400;color:#c5ccd5}.breadcrumb strong{color:#52647b;font-weight:550}.mobile-menu{display:none}.top-actions{display:flex;align-items:center;gap:15px}.sync{font-size:10px;color:#8b98a7}.sync i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79a38f;margin-right:5px}.internal-badge{font-size:9px;color:#bb7b53;background:#fff5ec;border:1px solid #f7dfc9;border-radius:4px;padding:3px 6px;letter-spacing:.8px}.avatar{border:0;background:#ebeff4;color:#738298;width:28px;height:28px;border-radius:50%;font-size:11px}.main-content{max-width:1500px;margin:0 auto;padding:30px 32px 0}.hero-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:18px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a0a9b5;margin:0 0 6px}.hero-heading h1{font-size:27px;letter-spacing:-.8px;margin:0;font-weight:700}.subtitle{font-size:12px;color:#8491a2;margin:7px 0 0}.primary-button{border:1px solid #f0cbbb;color:#c65e3e;background:#fff8f5;border-radius:7px;padding:9px 13px;font-size:12px}.primary-button span{color:var(--orange);margin-right:3px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px 0}.filter-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.65fr;gap:12px}.filter-row label{display:flex;flex-direction:column;gap:6px;color:#7d8b9d;font-size:11px}.filter-row select,.search-field>div{height:35px;border:1px solid #e0e7ee;border-radius:6px;background:#fff;color:#526176;padding:0 10px;outline:0}.filter-row select:focus,.search-field input:focus{border-color:#ec8c6d}.search-field>div{display:flex;align-items:center;gap:8px;color:#9ca8b6}.search-field input{border:0;outline:0;min-width:0;width:100%;color:#526176}.search-field input::placeholder{color:#acb5c0}.filter-footer{border-top:1px solid #f0f2f5;margin-top:15px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;color:#8996a5;font-size:11px}.filter-footer b{color:#41556c}.clear-button{border:0;background:transparent;color:#9a6c5a;font-size:11px}.results-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 0 16px}.results-heading>div{display:flex;align-items:center;gap:9px}.results-heading h2{font-size:17px;margin:0;font-weight:650}.count-pill{background:#e9eef4;color:#6d7c8d;border-radius:5px;padding:2px 7px;font-size:10px}.muted{color:#9aa5b1;font-size:11px}.sort-select{color:#8b97a5;font-size:11px;display:flex;gap:8px;align-items:center}.sort-select select{border:0;background:transparent;color:#65758a;outline:0}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sample-card{background:#fff;border:1px solid #e2e8ef;border-radius:11px;overflow:hidden;box-shadow:0 2px 6px #2a3d5105;transition:transform .16s,box-shadow .16s}.sample-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px #2a3d5110}.card-top{display:flex;justify-content:space-between;align-items:center;padding:12px 13px 9px}.category-pill{border:1px solid #e7ecf1;border-radius:4px;color:#738399;font-size:10px;padding:2px 6px}.score{color:#d37a49;font-size:11px}.video-cover{display:block;width:calc(100% - 24px);margin:0 12px;border:0;border-radius:7px;overflow:hidden;height:auto;aspect-ratio:9 / 16;background:#e6e9eb;position:relative;padding:0}.video-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#13233208 45%,#13233280)}.play-button{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffffb8;font-size:14px;padding-left:2px;box-shadow:0 3px 12px #172a3d30}.duration{position:absolute;z-index:1;right:8px;bottom:7px;color:#fff;background:#192a3bb3;border-radius:4px;padding:2px 5px;font-size:9px}.card-body{padding:12px 15px 14px}.format-label{color:#9b6d58;font-size:10px;margin:0 0 5px}.card-body h3{font-size:14px;line-height:1.45;margin:0 0 6px;font-weight:650}.hook{color:#758497;font-size:11px;line-height:1.6;min-height:35px;margin:0 0 11px}.tag-row,.detail-tags{display:flex;gap:5px;flex-wrap:wrap}.tag-row span,.detail-tags span{background:#eef5f1;border:1px solid #e1eee6;color:#5e8979;border-radius:4px;font-size:9px;padding:2px 5px}.card-footer{border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#a1acb7;font-size:9px}.card-footer button{border:0;background:transparent;color:#718196;font-size:10px}.empty-state{background:#fff;border:1px dashed #d7e0e9;border-radius:10px;text-align:center;color:#8b98a8;padding:80px 20px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a3adb9;font-size:10px;padding:18px 0;margin-top:26px}.detail-dialog{border:0;border-radius:12px;padding:0;width:min(620px,calc(100vw - 30px));max-height:90vh;box-shadow:0 22px 70px #2032473d}.detail-dialog::backdrop{background:#20324766}.dialog-inner{padding:27px 30px 30px;position:relative}.close-button{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#8e9aa8;font-size:26px;line-height:1}.detail-kicker{color:#c86b4c;font-size:10px;letter-spacing:.5px}.detail-dialog h2{font-size:22px;margin:8px 0 5px}.detail-subtitle{color:#77879a;font-size:12px;margin:0 0 17px}.detail-video{height:auto;aspect-ratio:9 / 16;max-height:55vh;border-radius:9px;overflow:hidden;position:relative;background:#18232d}.detail-video img{width:100%;height:100%;object-fit:cover}.detail-video .play-button{width:43px;height:43px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.detail-stats small{display:block;color:#8b98a7;font-size:10px;margin-bottom:3px}.detail-stats strong{font-size:18px}.detail-stats strong:first-letter{color:#e06d48}.detail-stats em{font-size:10px;color:#8996a5;font-style:normal;font-weight:400}.detail-section{border-bottom:1px solid var(--line);padding:16px 0}.detail-section h3{font-size:13px;margin:0 0 6px}.detail-section p{font-size:12px;color:#66778b;margin:0;line-height:1.8}.detail-tags{padding-top:15px}.detail-tags span{font-size:10px}@media(max-width:1120px){.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-row{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}}@media(max-width:760px){.sidebar{display:none}.topbar{padding:0 17px}.mobile-menu{display:inline;color:#8794a4}.top-actions .sync,.internal-badge{display:none}.main-content{padding:23px 16px 0}.hero-heading{align-items:flex-start;flex-direction:column}.hero-heading h1{font-size:24px}.sample-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr}.search-field{grid-column:auto}.results-heading{align-items:flex-start;gap:10px;flex-direction:column}.page-footer{gap:8px;flex-direction:column}.detail-dialog{width:calc(100vw - 20px)}.dialog-inner{padding:24px 20px}}