:root,body.ranking-page{--bg:#f5f8ff;--surface:#fff;--surface-2:#f0f5ff;--surface-3:#e8effb;--panel:#fff;--line:#dce5f2;--line-2:#c9d7eb;--text:#1d3151;--text-2:#506783;--dim:#71829a;--muted:#71829a;--brand:#2563eb;--brand-2:#3276f5;--brand-ink:#fff;--brand-soft:#e8f0ff;--ok:#168069;--warn:#a96b16;--shadow:0 5px 22px #1c4a8010}
body{background:var(--bg);color:var(--text)}.studio-sidebar{position:fixed;inset:0 auto 0 0;width:200px;padding:20px 12px;background:#fff;border-right:1px solid var(--line);overflow:auto;z-index:30;display:flex;flex-direction:column;gap:4px}.studio-sidebar a{display:block;padding:9px 12px;border-radius:9px;color:var(--text-2);font-size:12px}.studio-sidebar a:hover,.studio-sidebar a.selected{background:#eaf1ff;color:#2563eb}.studio-sidebar small{font-size:10px;color:var(--dim);margin:17px 12px 5px}.studio-sidebar .studio-brand{font-size:17px;font-weight:800;color:#2563eb;padding:8px 4px 16px}.appbar,.ranking-page .appbar{display:flex;margin-left:200px;background:#ffffffee;height:48px;justify-content:flex-end}.appbar .logo,.appbar .appnav{display:none}.page,.ranking-page .page{max-width:none;margin-left:200px;padding:24px}.ranking-page .rk-main{margin-left:0;padding:0}.foot{margin-left:200px}.ranking-page .rk-sidebar{display:none}.ranking-page .rk-status,.ranking-page .rk-gain{color:#168069}.ranking-page .rk-row button.active{background:#2563eb;border-color:#2563eb}.ranking-page .rk-dialog,.ranking-page .rk-detail{background:#f0f5ff;border-color:#dce5f2}.ranking-page .rk-table tbody tr:hover{background:#f7faff}.ranking-page .rk-thumbs button{background:#eaf0fa}.ranking-page .kw-open{background:#f0f5ff;color:#2563eb!important}.ranking-page .rk-channel{color:var(--text)}.ranking-page .rk-detail>button,.ranking-page .rk-detail>a{color:var(--text)}.ranking-page .rk-card,.ranking-page .rk-keyword{color:var(--text)}.ranking-page button:focus-visible,.ranking-page a:focus-visible{outline-color:#2563eb}.rk-note{line-height:1.8}.pagehead h1{font-size:24px}.page .panel,.page .toolbar{box-shadow:none}.seg .on,.seg a.on,.seg button.on{background:#2563eb;color:#fff;border-color:#2563eb}.workspace-list{display:grid;gap:12px}.workspace-list .panel{padding:20px}.workspace-list input{min-width:200px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.workspace-grid .panel{padding:22px}.workspace-grid h2{font-size:17px}.workspace-note{font-size:12px;color:var(--dim)}
@media(max-width:800px){.studio-sidebar{width:155px;padding:12px 6px}.studio-sidebar .studio-brand{font-size:14px}.page,.ranking-page .page{margin-left:155px;padding:16px}.appbar,.ranking-page .appbar,.foot{margin-left:155px}}@media(max-width:550px){.studio-sidebar{position:static;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;max-height:160px}.studio-sidebar small{display:none}.studio-sidebar .studio-brand{width:100%}.appbar,.ranking-page .appbar,.page,.ranking-page .page,.foot{margin-left:0}.appbar .meta{max-width:90vw}.rk-heading{padding-top:0}}
.ws-section{padding:20px;margin-bottom:14px}.ws-section h2{font-size:16px;margin:0 0 12px}.ws-form input{height:36px;border:1px solid var(--line-2);border-radius:9px;padding:0 12px;background:#fff;color:var(--text)}.ws-table{width:100%;border-collapse:collapse}.ws-table th,.ws-table td{text-align:left;padding:10px 8px;border-top:1px solid var(--line)}.ws-table th{font-size:12px;color:var(--dim);font-weight:600;border-top:0}.ws-chips{display:flex;flex-wrap:wrap;gap:8px}.ws-chips .chip:hover{border-color:var(--brand);color:var(--brand)}.ws-link{display:flex;flex-direction:column;gap:6px;color:var(--text)}.ws-link:hover{border-color:var(--brand)}.ws-link small{color:var(--dim)}.ws-minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ws-mini{display:flex;flex-direction:column;gap:6px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.ws-mini:hover{border-color:var(--brand)}.ws-mini img{width:100%;aspect-ratio:9/16;object-fit:cover;background:#0f1729}.ws-mini b{font-size:12px;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ws-mini small{font-size:11px;color:var(--dim);padding:0 10px 10px}.ws-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ws-head h2{margin:0}.ws-head .spacer{flex:1}