/* ===== SCENESTUDIO7 — INSIGHTS (analytics pro) ===== */
#insModalBg{position:fixed;inset:0;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;z-index:70}
#insModal{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(1020px,96vw);height:min(86vh,900px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.6)}
#insHead{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);flex-shrink:0}
#insHead h3{margin:0;color:var(--brass);font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
#insHeadMeta{font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
#insTabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex-shrink:0}
#insTabs::-webkit-scrollbar{display:none}
.insTab{background:0 0;border:1px solid transparent;border-bottom:none;color:var(--ink-soft);padding:7px 13px;border-radius:5px 5px 0 0;cursor:pointer;font-family:inherit;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.insTab:hover{color:var(--brass)}
.insTab.active{background:var(--bg);border-color:var(--line);color:var(--brass);position:relative;top:1px}
#insBody{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 24px;background:var(--bg)}
#insFoot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);flex-shrink:0}
#insFoot .spacer{flex:1}
.insSec{margin:0 0 20px}
.insSecTitle{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin:0 0 9px;display:flex;align-items:center;gap:8px}
.insSecTitle:after{content:"";flex:1;height:1px;background:var(--line)}
.insCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px}
.insCard{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:10px 11px}
.insCard .v{font-size:21px;color:var(--brass);line-height:1.1;font-weight:400}
.insCard .v small{font-size:11px;color:var(--ink-soft);margin-left:3px}
.insCard .k{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;margin-top:5px}
.insBarRow{display:flex;align-items:center;gap:9px;margin-bottom:6px;font-size:12px}
.insBarRow .lbl{width:34%;min-width:96px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insBarRow .track{flex:1;height:11px;background:#00000038;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.insBarRow .fill{height:100%;background:var(--brass-dim);display:block}
.insBarRow .fill.alt{background:var(--brass)}
.insBarRow .num{width:78px;text-align:right;color:var(--ink-soft);font-size:11px;white-space:nowrap}
.insBarRow.clickable{cursor:pointer}
.insBarRow.clickable:hover .lbl{color:var(--brass)}
.insSplit{display:flex;height:16px;border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-bottom:7px}
.insSplit div{height:100%;font-size:9.5px;line-height:16px;text-align:center;color:#211a10;overflow:hidden;white-space:nowrap}
.insTableWrap{border:1px solid var(--line);border-radius:5px;overflow:auto;max-height:420px}
table.insTable{width:100%;border-collapse:collapse;font-size:12px}
table.insTable th{position:sticky;top:0;background:var(--panel);color:var(--ink-soft);font-weight:400;text-align:right;padding:8px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--line);z-index:2}
table.insTable th:first-child{text-align:left}
table.insTable th:hover{color:var(--brass)}
table.insTable th .sortArr{opacity:.55;font-size:9px;margin-left:3px}
table.insTable td{padding:7px 9px;text-align:right;border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap}
table.insTable td:first-child{text-align:left;color:var(--brass);cursor:pointer}
table.insTable tbody tr:hover{background:#ffffff0a}
table.insTable tbody tr.sel{background:#ffffff14}
table.insTable td.dim{color:var(--ink-soft)}
.insSearch{width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:var(--radius);font-family:inherit;font-size:12.5px;margin-bottom:10px}
.insSearch:focus{outline:0;border-color:var(--brass)}
.insBtn{background:0 0;border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:6px 11px;cursor:pointer;font-size:11.5px;font-family:inherit;white-space:nowrap}
.insBtn:hover{border-color:var(--brass);color:var(--brass)}
.insBtn.primary{background:var(--brass);border-color:var(--brass);color:#211a10}
.insEmpty{color:var(--ink-soft);font-size:12px;font-style:italic;padding:8px 0}
.insDetail{margin-top:14px;border:1px solid var(--line);border-radius:5px;padding:13px 14px;background:var(--panel)}
.insDetail h4{margin:0 0 3px;color:var(--brass);font-size:13px;letter-spacing:.04em}
.insDetail .sub{font-size:11px;color:var(--ink-soft);margin-bottom:11px}
.insKV{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);font-size:12px}
.insKV:last-child{border-bottom:none}
.insKV b{color:var(--brass);font-weight:400}
.insTwo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.insTwo{grid-template-columns:1fr}}
.insQuote{font-size:11.5px;color:var(--ink-soft);font-style:italic;line-height:1.5;margin-top:8px;border-left:2px solid var(--brass-dim);padding-left:9px}
.insChipRow{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.insChip{font-size:10.5px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--text);cursor:pointer}
.insChip:hover{border-color:var(--brass);color:var(--brass)}
.insGridWrap{border:1px solid var(--line);border-radius:5px;overflow:auto;max-height:460px}
table.insGrid{border-collapse:collapse;font-size:11px}
table.insGrid th.gname{position:sticky;left:0;background:var(--panel);text-align:left;padding:4px 9px;color:var(--brass);font-weight:400;white-space:nowrap;z-index:3;border-right:1px solid var(--line);cursor:pointer}
table.insGrid thead th{position:sticky;top:0;background:var(--panel);color:var(--ink-soft);font-weight:400;font-size:9px;padding:5px 0;min-width:15px;z-index:2;border-bottom:1px solid var(--line)}
table.insGrid thead th.gname{z-index:4}
table.insGrid td{padding:0;width:15px;height:18px;border-right:1px solid #00000022;border-bottom:1px solid #00000022}
table.insGrid td i{display:block;width:100%;height:100%;background:var(--brass);opacity:.15}
table.insGrid td[title]{cursor:default}
.insLegend{font-size:10.5px;color:var(--ink-soft);margin-top:7px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.insLegend span.sw{display:inline-block;width:13px;height:11px;background:var(--brass);border:1px solid var(--line)}
.insSpark{display:flex;align-items:flex-end;gap:2px;height:46px;margin-top:6px}
.insSpark i{flex:1;min-width:2px;background:var(--brass-dim);display:block;border-radius:1px 1px 0 0}
.insSpark i.hot{background:var(--brass)}
.insDens{display:flex;align-items:stretch;gap:2px;height:46px;margin-top:6px}
.insDens .insDensBar{flex:1;min-width:2px;display:flex;flex-direction:column;border-radius:1px 1px 0 0;overflow:hidden}
.insDens .insDensBar .d{background:var(--brass);display:block}
.insDens .insDensBar .a{background:var(--brass-dim);display:block}
.insDens .insDensBar.empty{background:var(--line);opacity:.5}
.insViewToggle{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:-2px 0 6px}
.insViewBtn{background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit;line-height:1.5}
.insViewBtn:hover{border-color:var(--brass-dim);color:var(--text)}
.insViewBtn.active{background:var(--brass);border-color:var(--brass);color:#211a10;font-weight:700}
.insHeat{display:flex;gap:2px;height:34px;margin-top:6px;border-radius:2px;overflow:hidden;background:var(--bg)}
.insHeat .insHeatCell{flex:1;min-width:1px}
.insHeat .insHeatCell.empty{background:var(--line);opacity:.5}
.insLineWrap{position:relative;height:46px;margin-top:6px}
.insLine{display:block;width:100%;height:100%;overflow:visible}
.insLineRef{stroke:var(--line);stroke-width:1;stroke-dasharray:2,2}
.insLineArea{stroke:none}
.insLineAreaDialogue{fill:var(--brass);opacity:.22}
.insLineAreaAction{fill:var(--brass-dim);opacity:.22}
.insLinePath{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.insLinePath.insLinePathDialogue{stroke:var(--brass)}
.insLinePath.insLinePathAction{stroke:var(--brass-dim);stroke-dasharray:3,2.2;stroke-width:1.6}
.insLineHit{position:absolute;inset:0;display:flex}
.insLineHit>div{flex:1;min-width:0}
.insNote{font-size:10.5px;color:var(--ink-soft);line-height:1.5;margin-top:7px}

/* ---- hover card in editor ---- */
#insHover{position:fixed;z-index:120;width:302px;max-width:88vw;background:var(--panel);border:1px solid var(--brass-dim);border-radius:6px;box-shadow:0 12px 34px rgba(0,0,0,.6);font-family:'IBM Plex Mono',monospace;padding:11px 13px 12px;pointer-events:auto;opacity:0;transform:translateY(4px);transition:opacity .13s ease,transform .13s ease}
#insHover.show{opacity:1;transform:translateY(0)}
#insHover .ihTitle{color:var(--brass);font-size:12.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#insHover .ihSub{font-size:10px;color:var(--ink-soft);margin-top:2px;letter-spacing:.03em}
#insHover .ihGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
#insHover .ihStat{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:5px 7px}
#insHover .ihStat b{display:block;color:var(--brass);font-size:14px;font-weight:400;line-height:1.15}
#insHover .ihStat span{display:block;font-size:9px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
#insHover .ihRow{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid var(--line);color:var(--text)}
#insHover .ihRow:last-of-type{border-bottom:none}
#insHover .ihRow b{color:var(--brass);font-weight:400}
#insHover .ihSecTitle{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:10px 0 4px}
#insHover .ihBar{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-size:10.5px}
#insHover .ihBar .l{width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
#insHover .ihBar .t{flex:1;height:7px;background:#00000038;border-radius:2px;overflow:hidden}
#insHover .ihBar .t i{display:block;height:100%;background:var(--brass-dim)}
#insHover .ihBar .n{width:34px;text-align:right;color:var(--ink-soft)}
#insHover .ihFoot{margin-top:10px;display:flex;gap:6px}
#insHover .ihFoot button{flex:1;background:0 0;border:1px solid var(--line);color:var(--text);border-radius:3px;padding:5px 6px;font-size:10.5px;font-family:inherit;cursor:pointer}
#insHover .ihFoot button:hover{border-color:var(--brass);color:var(--brass)}
#insHover .ihQuote{font-size:10.5px;color:var(--ink-soft);font-style:italic;line-height:1.45;margin-top:8px;border-left:2px solid var(--brass-dim);padding-left:7px}
@media(max-width:950px){#insHover{display:none!important}}

/* ===== SCENESTUDIO7 — PRO TOOLS (index cards, structure, table read) ===== */
/* ssBoardBtn/ssReadBtn switch between plain text and a topbarIcon (cards.png/
   read.png) purely via JS (see TOOLBAR_ICONS in pro.js), matching the exact
   breakpoints the core topbar buttons use. No CSS-only responsive rule here. */

/* ---------------- corkboard ---------------- */
#ssBoard{position:fixed;inset:0;z-index:92;background:var(--bg);display:flex;flex-direction:column}
#ssBoardBar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--line);flex-wrap:wrap}
#ssBoardBar .ttl{color:var(--brass);font-size:12px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
#ssBoardBar .meta{font-size:11px;color:var(--ink-soft);white-space:nowrap}
#ssBoardBar .sp{flex:1}
.ssSel,.ssInp{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:5px 7px;font-family:inherit;font-size:11.5px}
.ssSel:focus,.ssInp:focus{outline:0;border-color:var(--brass)}
#ssCardSize{width:90px}
#ssBoardScroll{flex:1;min-height:0;overflow:auto;padding:16px 16px 60px;background:repeating-linear-gradient(180deg,#171512,#171512 100%)}
#ssCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cw,250px),1fr));gap:14px;align-items:start}
.ssCard{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.45);display:flex;flex-direction:column;min-height:180px;overflow:hidden;position:relative;border-top:5px solid transparent}
.ssCard.drag{opacity:.35}
.ssCard{overflow:visible}
.ssCard .hd{border-radius:0}
.ssCard.dragOverLeft::after,.ssCard.dragOverRight::after{content:'';position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:2px;background:#ff7a1a;box-shadow:0 0 12px 2px rgba(255,122,26,.85);z-index:6;pointer-events:none}
.ssCard.dragOverLeft::after{left:-9px}
.ssCard.dragOverRight::after{right:-9px}
.ssCard.sel{box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 0 3px #ff7a1a}
.ssAddCell{align-self:start;width:100%;min-height:180px;display:flex;align-items:center;justify-content:center}
.ssAddCard{width:62%;min-width:120px;height:96px;background:#2a2724;border:2px dashed #57524b;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#8a8178;cursor:pointer;user-select:none;transition:border-color .15s ease,color .15s ease}
.ssAddCard span{font-size:34px;line-height:1;font-weight:300}
.ssAddCard:hover{border-color:var(--brass);color:var(--brass)}
.ssCardDelIcon{width:13px;height:13px;display:block;pointer-events:none;object-fit:contain}
.ssGoBtn{background:0 0;border:none;color:#8a8178;font-size:12px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}
.ssGoBtn:hover{color:#2b2620}
#ssSelBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#2c3440;border-bottom:1px solid #46566b;color:var(--text);font-size:11.5px}
#ssSelBar.hidden{display:none!important}
#ssSelBar .sp{flex:1}
#ssSelMsg{color:#a9c4de;letter-spacing:.03em}
.ssCard.draft{outline:1px dashed var(--brass-dim);outline-offset:-1px}
.ssCard .hdg[contenteditable=true]{cursor:text;outline:0}
.ssCard .hdg[contenteditable=true]:focus{background:#00000010;border-radius:2px}
.ssCard .hdg:empty:before{content:attr(data-ph);color:#a89f8c}
.ssNewTag{font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.09em;background:var(--brass-dim);color:#211a10;border-radius:3px;padding:2px 5px;flex-shrink:0}
.ssCardDel{background:0 0;border:none;padding:0 2px;margin:0;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;opacity:.75}
.ssCardDel:hover{opacity:1}
#ssPending{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;background:#3a2f1e;border-bottom:1px solid var(--brass-dim);color:var(--text);font-size:11.5px}
#ssPending.hidden{display:none!important}
#ssPending .sp{flex:1}
#ssPendingMsg{letter-spacing:.03em;color:var(--brass)}
.iconbtn.ssPrimary{background:var(--brass);border-color:var(--brass);color:#211a10}
.iconbtn.ssPrimary:hover{background:var(--brass-dim);border-color:var(--brass);color:#211a10}
.iconbtn.hidden{display:none!important}
.ssHistBtn{min-width:30px}
.ssHistBtn:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--text)}
#ssBoardBar .iconbtn.active{background:var(--brass);border-color:var(--brass);color:#211a10}
#ssPgNote{padding:8px 12px;background:#20262e;border-bottom:1px solid #3d4a5a;color:#9fb4c9;font-size:11.5px;letter-spacing:.03em}
#ssPgNote.hidden{display:none!important}
#ssBoard.pgMode #ssBoardScroll{background:repeating-linear-gradient(180deg,#121519,#121519 100%)}
#ssBoard.pgMode .ssBoardOnly{display:none!important}
#ssBoard:not(.pgMode) .ssPgOnly{display:none!important}
#ssBoard.pgMode #ssStruct{display:none!important}
.ssCard .hd{display:flex;align-items:flex-start;gap:6px;padding:8px 9px 6px;border-bottom:1px solid #00000022}
.ssCard .no{font-family:'IBM Plex Mono',monospace;font-size:10px;background:#00000012;border-radius:3px;padding:2px 5px;color:#5c574e;flex-shrink:0;cursor:grab}
.ssCardMovedNum{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--danger);font-weight:600;flex-shrink:0}
.ssCardUndoMoveBtn{background:0 0;border:none;padding:0 2px;margin:0;cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;color:var(--danger)}
.ssCardUndoMoveIcon{width:11px;height:11px;display:block;pointer-events:none;background-color:currentColor;-webkit-mask-image:url('undo.png');mask-image:url('undo.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.ssCard .hdg{flex:1;font-family:'Courier Prime','Courier New',monospace;font-size:11.5px;font-weight:700;text-transform:uppercase;line-height:1.3;cursor:pointer;word-break:break-word}
.ssCard .hdg:hover{text-decoration:underline}
.ssCard .syn{flex:1;padding:8px 9px;font-family:'Courier Prime','Courier New',monospace;font-size:11.5px;line-height:1.45;outline:0;min-height:60px;color:#3a352d}
.ssCard .syn:empty:before{content:attr(data-ph);color:#a89f8c}
.ssCard .ft{display:flex;align-items:center;gap:6px;padding:6px 9px 8px;font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:#6c665c;border-top:1px solid #00000015;flex-wrap:wrap}
.ssCard .ft .cast{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssDots{display:flex;gap:3px}
.ssDots i{width:11px;height:11px;border-radius:50%;cursor:pointer;display:block;border:1px solid #00000033}
.ssDots i.on{box-shadow:0 0 0 2px #00000055}
.ssBeatTag{background:#00000012;border-radius:3px;padding:1px 5px;color:#5c574e}
#ssBoardEmpty{color:var(--ink-soft);font-size:12.5px;padding:20px}

/* ---------------- structure strip ---------------- */
#ssStruct{background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px 12px;display:none}
#ssStruct.open{display:block}
#ssStructRow{display:flex;align-items:center;gap:8px;margin-bottom:9px}
#ssBeats{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ssBeat{flex:0 0 auto;min-width:126px;max-width:180px;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--brass-dim);border-radius:4px;padding:6px 9px;cursor:pointer}
.ssBeat:hover{border-color:var(--brass)}
.ssBeat .bn{font-size:11px;color:var(--text);line-height:1.3}
.ssBeat .bp{font-size:9.5px;color:var(--ink-soft);margin-top:3px;letter-spacing:.04em}
.ssBeat.done{border-left-color:var(--brass)}
.ssBeat.done .bp{color:var(--brass-dim)}

/* ---------------- table read ---------------- */
#ssRead{position:fixed;right:0;top:45px;bottom:0;width:320px;max-width:92vw;background:var(--panel);border-left:1px solid var(--line);z-index:88;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s;box-shadow:-6px 0 20px rgba(0,0,0,.5)}
#ssRead.open{transform:translateX(0)}
#ssReadHd{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px}
#ssReadHd h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}
#ssReadHd button{background:0 0;border:none;color:var(--ink-soft);cursor:pointer;font-size:14px}
#ssReadHd button:hover{color:var(--brass)}
#ssReadCtl{display:flex;gap:6px;padding:0 12px 10px}
#ssReadCtl button{flex:1;background:0 0;border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:8px 6px;font-family:inherit;font-size:11.5px;cursor:pointer}
#ssReadCtl button:hover{border-color:var(--brass);color:var(--brass)}
#ssReadCtl button.primary{background:var(--brass);border-color:var(--brass);color:#211a10}
#ssReadOpts{padding:0 12px 10px;font-size:11px;color:var(--ink-soft);display:flex;flex-direction:column;gap:7px}
#ssReadOpts label{display:flex;align-items:center;gap:7px;cursor:pointer}
#ssReadOpts input[type=range]{flex:1}
#ssReadNow{margin:0 12px 10px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font-size:11.5px;color:var(--text);line-height:1.45;min-height:44px}
#ssReadNow b{color:var(--brass);font-weight:400;display:block;font-size:10px;letter-spacing:.06em;margin-bottom:3px}
#ssCastList{flex:1;min-height:0;overflow-y:auto;padding:0 12px 20px}
#ssCastList h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:6px 0 8px;font-weight:400}
.ssCastRow{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid var(--line)}
.ssCastRow .sw{width:14px;height:14px;border-radius:50%;flex-shrink:0;cursor:pointer;border:1px solid #ffffff33}
.ssCastRow .nm{flex:1;font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssCastRow select{width:112px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:3px;font-family:inherit;font-size:10.5px;padding:3px}
.line.ssReading{background:#ffdeb355;border-radius:2px;box-shadow:0 0 0 2px #ffdeb355}
@media(max-width:950px){#ssRead{top:45px}}

.ssPaperBtn{flex:1;background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:9px 10px;cursor:pointer;font-family:inherit;font-size:12.5px;text-align:left;line-height:1.3}
.ssPaperBtn span{display:block;font-size:10px;color:var(--ink-soft);margin-top:3px}
.ssPaperBtn:hover{border-color:var(--brass)}
.ssPaperBtn.on{border-color:var(--brass);background:#00000033;color:var(--brass)}
.ssPaperBtn.on span{color:var(--brass-dim)}.newProjTypeBtn{border:1px solid var(--line)}.newProjTypeBtn:hover{border-color:var(--brass)}.newProjTypeBtn.on{border-color:var(--brass);background:#00000033}.newProjTypeBtn.on>div:first-child{color:var(--brass)}