/* Video Studio design system (redesign step 1). Loaded last so these base rules win over the older
   layered sheets; component classes in those sheets still refine their own pieces.
   Tokens live in the :root at the top of style.css. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

/* Type */
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:20px}
button,input,textarea,select{font-family:var(--font)}
h1{font-size:var(--fs-28);line-height:36px;font-weight:700;letter-spacing:0}
h2{font-size:var(--fs-20);line-height:28px;font-weight:600;letter-spacing:0}
h3{font-size:var(--fs-15);line-height:20px;font-weight:600;letter-spacing:0}
small,.muted{color:var(--muted)}
small{font-size:var(--fs-12)}
code,kbd,pre,time,.mono{font-family:var(--font-mono)}
.label,.eyebrow{font-family:var(--font-mono);font-size:var(--fs-11);font-weight:600;letter-spacing:.08em;color:var(--muted)}
a{color:var(--done)}
a:hover{color:var(--done-strong)}

/* Buttons: Secondary is the default, .primary is filled, .quiet is the ghost tier.
   36px tall; .dense (or a button inside a dense row) is 32px. One primary per screen or step. */
button{min-height:36px;padding:0 16px;border-radius:var(--r-control);border:1px solid var(--control);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;line-height:20px;box-shadow:none;transition:background .15s,border-color .15s}
button:hover{background:var(--bg);border-color:#b4bac6;color:var(--text)}
button:focus-visible{outline:2px solid var(--done);outline-offset:2px}
button:disabled,button[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
button.primary,a.button.primary{background:var(--done);border-color:var(--done);color:#fff;font-weight:600}
button.primary:hover,a.button.primary:hover{background:var(--done-strong);border-color:var(--done-strong);color:#fff}
button.primary:disabled,button.primary[disabled]{background:var(--line);border-color:var(--line);color:var(--muted);opacity:1}
button.quiet{background:transparent;border-color:transparent;color:var(--muted)}
button.quiet:hover{background:var(--bg);border-color:transparent;color:var(--text)}
button.danger-text,button.quiet.danger-text{color:var(--attention-text)}
button.dense,.dense button{min-height:32px;padding:0 12px;font-size:var(--fs-13)}
button.wide{width:100%}
button.link-button,button.text-link{min-height:0;padding:0;border:0;background:none;color:var(--done);font-weight:600}
button.link-button:hover,button.text-link:hover{background:none;color:var(--done-strong);text-decoration:underline}

/* Fields */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{border:1px solid var(--control);border-radius:var(--r-control);background:var(--surface);color:var(--text);font-size:14px}
input:focus,textarea:focus,select:focus{outline:2px solid var(--done);outline-offset:0;border-color:var(--done)}
label{color:var(--text);font-size:var(--fs-13)}

/* Surfaces */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.pill{border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:600;background:var(--bg);color:var(--muted)}
.pill.ok{background:var(--done-soft);color:var(--done-strong)}
.pill.bad{background:var(--attention-soft);color:var(--attention-text)}

/* Status: always a dot plus a label, never colour alone */
.status{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-13)}
.status::before{content:"";width:10px;height:10px;border-radius:var(--r-pill);background:var(--idle);flex:0 0 auto}
.status.working::before{background:var(--working)}
.status.review::before{background:var(--review)}
.status.done::before{background:var(--done)}
.status.attention::before{background:var(--attention)}

/* Sidebar (canvas: Home artboard) */
.sidebar{width:216px;padding:24px 16px;gap:0;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}
.shell{margin-left:216px}
.sidebar .brand{display:block;padding:4px 12px 20px;font-size:16px;line-height:20px;font-weight:700;letter-spacing:0;color:var(--text)}
.sidebar .brand:hover{color:var(--text)}
.sidebar nav{display:flex;flex-direction:column;gap:4px}
.sidebar nav a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;border-radius:var(--r-control);color:var(--text);font-size:14px;font-weight:400;text-align:left;background:transparent}
.sidebar nav a:hover{background:var(--bg);color:var(--text)}
.sidebar nav a.active{background:var(--done-soft);color:var(--done-strong);font-weight:600}
.sidebar nav a.nav-sub{padding-left:12px;font-size:14px}
.sidebar nav a.nav-sub::before{content:none}
.sidebar .nav-section{padding:16px 12px 4px;font-family:var(--font-mono);font-size:var(--fs-11);line-height:16px;letter-spacing:.08em;color:var(--muted)}
.sidebar .nav-count{font-size:var(--fs-12);font-weight:600;color:var(--attention-text)}
.sidebar .footer{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}
.sidebar .footer p{margin:0;font-weight:600}
.sidebar .footer small{flex:1 0 100%;font-family:var(--font-mono);font-size:var(--fs-11);letter-spacing:.08em}
.shell>main{padding:32px 40px 80px}
.restart-notice{border-radius:var(--r-control)}

/* Status pill: dot + label */
.status-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-12);font-weight:600;background:var(--bg);color:var(--muted);white-space:nowrap}
.status-pill::before{content:"";width:8px;height:8px;border-radius:var(--r-pill);background:var(--idle)}
.status-pill.working{background:var(--working-soft);color:#24578a}.status-pill.working::before{background:var(--working)}
.status-pill.review{background:var(--review-soft);color:var(--review-text)}.status-pill.review::before{background:var(--review)}
.status-pill.done{background:var(--done-soft);color:var(--done-strong)}.status-pill.done::before{background:var(--done)}
.status-pill.attention{background:var(--attention-soft);color:var(--attention-text)}.status-pill.attention::before{background:var(--attention)}

/* Project workspace (canvas: Project and Review artboards) */
.pw-head{position:sticky;top:0;z-index:4;margin:-32px -40px 24px;padding:16px 40px 0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.pw-head-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pw-crumb{color:var(--muted)}.pw-crumb:hover{color:var(--text)}
.pw-crumb-sep{color:var(--idle)}
h1.pw-title{margin:0;font-size:var(--fs-20);line-height:28px;font-weight:700}
.pw-sub{color:var(--muted);font-size:var(--fs-13)}
.pw-grow{flex:1 1 auto}
.pw-steps{display:flex;flex-wrap:wrap;gap:4px}
.pw-steps button.pw-step{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text);text-align:left}
.pw-steps button.pw-step:hover{background:var(--bg)}
.pw-steps button.pw-step.active{border-bottom-color:var(--done);color:var(--done-strong)}
.pw-steps .pw-step b{font-weight:600}
.pw-step-status{font-size:var(--fs-12);font-weight:400;color:var(--muted)}
.pw-step-status.done{color:var(--done)}.pw-step-status.working{color:#24578a}.pw-step-status.review{color:var(--review-text)}.pw-step-status.attention{color:var(--attention-text)}
.pw-foot{position:sticky;bottom:0;z-index:4;margin:24px -40px -80px;padding:12px 40px;background:var(--surface);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pw-foot-status{font-size:var(--fs-13);color:var(--muted)}
.pw-foot a.button{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--r-control);border:1px solid var(--control);background:var(--surface);color:var(--text);font-weight:600}
.pw-proxied{display:none!important}
#main .genie-steps,#main .production-timeline{display:none}

/* Assets: tile grid + inspector */
.pw-assets{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.pw-assets-main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.pw-assets-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pw-assets-head h2{margin:0 12px 0 0;font-size:var(--fs-20)}
button.chip{border-radius:var(--r-pill);font-weight:400}
button.chip.selected{border-color:var(--done);background:var(--done-soft);color:var(--done-strong);font-weight:600}
.pw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
button.pw-tile{min-height:0;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;font-weight:400}
button.pw-tile:hover{background:none}
.pw-tile-img{aspect-ratio:3/4;border-radius:var(--r-control);background:var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--fs-12)}
.pw-tile-img img{width:100%;height:100%;object-fit:cover;display:block}
button.pw-tile.selected .pw-tile-img{outline:3px solid var(--done);outline-offset:2px}
.pw-tile .status b{font-size:var(--fs-13);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-tile .status::before{width:8px;height:8px}
.pw-inspector{flex:1 1 320px;max-width:380px;position:sticky;top:140px;max-height:calc(100vh - 220px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.pw-inspector .genie-ingredient{border:0;box-shadow:none;margin:0;padding:20px;display:flex;flex-direction:column;gap:12px}
.pw-inspector .genie-ingredient img,.pw-inspector .genie-image-placeholder{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;border-radius:var(--r-control)}
.pw-inspector .genie-ingredient .row{gap:8px}

/* Prepare & generate: clip list · shot sheet · preview */
.pw-prep{margin-bottom:24px}
.pw-clipgrid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.pw-cliplist{flex:1 1 200px;max-width:240px;display:flex;flex-direction:column;gap:8px;position:sticky;top:140px}
.pw-cliplist .label{padding:0 4px;margin:0}
button.pw-clip{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);text-align:left;font-size:var(--fs-13);font-weight:400}
button.pw-clip b{font-size:14px}
button.pw-clip.selected{border:2px solid var(--done);padding:11px}
button.pw-clip .status{font-weight:600;font-size:var(--fs-13)}
.pw-clip .status::before{width:8px;height:8px}
.pw-sheet{flex:999 1 440px;min-width:0;padding:0;display:flex;flex-direction:column}
.pw-sheet-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.pw-sheet-head h2{margin:0;font-size:var(--fs-20)}
.pw-sheet-body{padding:0 0 8px}
.pw-sheet-body .shot-sheet{margin:0;border:0;padding:0}
.pw-sheet-body .shot-sheet-clip{border:0;margin:0;padding:0;background:none}
.pw-sheet-body .shot-sheet-clip>header{padding:12px 20px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pw-sheet-body .shot-sheet-clip>header>strong,.pw-sheet-body .shot-sheet-clip>header>.muted{display:none}
.pw-sheet-body .shot-sheet-clip>ul.note{margin:12px 20px}
.pw-sheet-body table{width:100%;border-collapse:collapse}
.pw-sheet-body td{padding:14px 20px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.pw-sheet-body td.t{width:96px;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--muted);white-space:nowrap}
.pw-sheet-body .sec{display:inline-block;margin:0 6px 6px 0;padding:2px 8px;border-radius:4px;background:var(--line-soft);color:#4a515c;font-family:var(--font-mono);font-size:var(--fs-11);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.pw-sheet-body .sec-montage{background:var(--working-soft);color:#24578a}
.pw-sheet-body .line{display:block;margin-top:6px;color:#4a515c}
.pw-sheet-body .pw-prompt{margin:12px 20px}
.pw-sheet-body .pw-prompt textarea{font-family:var(--font-mono);font-size:var(--fs-12)}
.pw-preview{flex:1 1 300px;max-width:400px;display:flex;flex-direction:column;gap:12px}
.segmented{display:inline-flex;align-self:flex-start;padding:4px;gap:4px;background:#e4e7ec;border-radius:var(--r-control)}
.segmented button{min-height:32px;padding:0 12px;border:0;background:transparent;color:#4a515c;font-size:var(--fs-13);font-weight:400}
.segmented button[aria-checked="true"]{background:var(--surface);color:var(--text);font-weight:600}
.pw-media{display:flex;gap:12px;align-items:flex-start}
.pw-media>div{flex:1 1 0;min-width:0}
.pw-ref{background:var(--media);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.pw-ref video{width:100%;max-height:60vh;border-radius:var(--r-control);background:#000}
.pw-ref small{color:var(--control)}
.pw-clipgrid[data-compare="generated"] .pw-ref,.pw-clipgrid[data-compare="reference"] .pw-gen{display:none}
.pw-clipgrid[data-compare="side"] .pw-preview{max-width:560px;flex-basis:480px}
.pw-gen .project-video-panel{padding:16px;border-radius:var(--r-card)}
.pw-gen .project-video-panel>header{display:none}
.pw-head h1.pw-title{font-size:var(--fs-20)!important;line-height:28px;letter-spacing:0!important;margin:0}
body:has(.pw-foot) .background-task-tray{bottom:76px}
.pw-prep{padding:16px 20px}
.pw-prep>h2{font-size:var(--fs-15);line-height:20px}
.pw-prep .handoff-build{min-height:0;margin:8px 0 0;padding:0;border:0;background:none}
.pw-prep .handoff-format{display:none}
button.pw-clip .status{display:block}
button.pw-clip .status::before{display:inline-block;margin-right:6px;vertical-align:1px}
#main:has(>.pw-foot){display:flex;flex-direction:column;min-height:100vh}
#main>.pw-foot{margin-top:auto}
#main:has(>.pw-foot) .completion-bar{position:static}
/* One primary per step: the footer holds it, so in-card primaries render as secondary */
#main:has(>.pw-foot) .project-video-take .primary,#main:has(>.pw-foot) .pw-inspector .primary{background:var(--surface);border:1px solid var(--control);color:var(--text)}

/* Script vault (canvas: Vault artboard) */
#script-vault-page .vault-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px;padding:0}
#script-vault-page .vault-tabs>button,#script-vault-page .vault-tabs>a{min-height:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600}
#script-vault-page .vault-tabs>.active{color:var(--done-strong);border-bottom-color:var(--done)}
#script-vault-page .vault-tabs .vault-badge{font-weight:400;color:var(--muted)}
.vault-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 16px;padding:0;background:none;border:0}
.vault-filter-row>label{flex:1 1 150px;max-width:220px;margin:0}
.vault-filter-row>label:first-child{flex:2 1 240px;max-width:320px}
.vault-filter-row input,.vault-filter-row select{min-height:36px;padding:6px 10px;margin-top:4px}
.vault-groupby{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-13)}
.vault-filter-row .vault-more-filters{flex:1 0 100%;margin:0}
.vault-filter-row .vault-more-filters summary{font-size:var(--fs-13);color:var(--muted);cursor:pointer}
.vault-listbar{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:var(--muted);font-size:var(--fs-13)}
.vault-layout{display:flex;gap:24px;align-items:flex-start}
.vault-list{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}
.vault-subject{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.vault-subject-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}
.vault-subject-head h3{margin:0;font-size:var(--fs-15)}
.vault-subject-head h3 span{font-weight:400;color:var(--muted)}
.vault-subject-head .muted{font-size:var(--fs-13)}
button.vr-toggle{min-height:28px;width:28px;padding:0;border:0;background:transparent;color:var(--muted)}
.vr-row{display:grid;grid-template-columns:28px minmax(0,1fr) 110px 70px 70px 110px;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-soft)}
.vault-subject-head+.vr-row{border-top:0}
.vr-row.is-preview{background:var(--bg)}
.vr-colhead{padding:0 17px 4px;border:0;font-family:var(--font-mono);font-size:var(--fs-11);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vault-subject>.vr-colhead{padding-top:12px}
.vr-title{display:flex;flex-direction:column;min-width:0}
button.vr-open{min-height:0;padding:0;border:0;background:none;text-align:left;font-size:var(--fs-15);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.vr-open:hover{background:none;color:var(--done-strong);text-decoration:underline}
.vr-meta{font-size:var(--fs-13);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.vr-link{min-height:0;padding:0;border:0;background:none;font:inherit;color:var(--done);font-weight:600}
button.vr-link:hover{background:none;text-decoration:underline}
.vr-cell{font-size:var(--fs-13);color:var(--text)}
.vr-cell.is-full{color:var(--done);font-weight:600}
.vr-version .vr-title{padding-left:13px}
.vr-version button.vr-open{font-size:var(--fs-13);font-weight:600;color:var(--muted)}
.vault-drawer{flex:0 0 340px;position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;padding:20px;max-height:calc(100vh - 48px);overflow:auto}
.vault-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.vault-drawer h2{margin:0;font-size:var(--fs-20)}
.vault-drawer p{margin:0}
.vault-beats{margin:4px 0 0;padding-left:20px;font-size:var(--fs-13)}
#script-vault-page .vault-selectbar{position:sticky;top:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 16px;border-radius:var(--r-card);background:var(--text);color:#fff;border:0}
#script-vault-page .vault-selectbar strong{margin-right:auto}
#script-vault-page .vault-selectbar button{min-height:32px;border-color:#4a515c;background:transparent;color:#fff}
#script-vault-page .vault-selectbar button:hover{background:#353c49}
#script-vault-page .vault-selectbar button.primary{background:#fff;border-color:#fff;color:var(--text)}
a.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 16px;border-radius:var(--r-control);border:1px solid var(--control);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;text-decoration:none}
a.button:hover{background:var(--bg);color:var(--text)}
a.button.primary{background:var(--done);border-color:var(--done);color:#fff}
a.button.primary:hover{background:var(--done-strong);color:#fff}
a.button.dense{min-height:32px;padding:0 12px;font-size:var(--fs-13)}
.vault-filter-row>label{flex:1 1 140px;max-width:180px}
.vault-filter-row>label:first-child{flex:2 1 220px;max-width:280px}
.vault-filter-row>label{max-width:160px}
.vault-filter-row>label:first-child{max-width:240px}

/* Drafts (canvas: Drafts artboard) */
#script-vault-page .vault-tabs>button.is-attention{color:var(--attention-text)}
#script-vault-page .bulk-batches{display:flex;flex-direction:column;gap:16px;margin:0}
.dr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.dr-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.dr-head-main{flex:1 1 280px;display:flex;flex-direction:column;gap:8px}
.dr-head-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.dr-head h2{margin:0;font-size:17px;line-height:24px}
.dr-head .muted{font-size:var(--fs-13)}
.dr-bar{display:flex;height:6px;max-width:360px;border-radius:var(--r-pill);overflow:hidden;background:var(--line)}
.dr-seg.done{background:var(--done)}.dr-seg.working{background:var(--working)}.dr-seg.attention{background:var(--attention)}.dr-seg.idle{background:var(--idle)}
.dr-row{display:grid;grid-template-columns:168px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid var(--line-soft)}
.dr-head+.dr-row{border-top:0}
.dr-row .status{font-weight:600}
.dr-row .status.done{color:var(--done-strong)}.dr-row .status.working{color:#24578a}.dr-row .status.attention{color:var(--attention-text)}.dr-row .status.idle{color:#4a515c}
.dr-row .status::before{width:8px;height:8px}
.dr-main{display:flex;flex-direction:column;min-width:0}
.dr-title{font-size:var(--fs-15);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-title.is-source{color:#4a515c;font-family:var(--font-mono);font-size:var(--fs-13)}
.dr-sub{font-size:var(--fs-12);color:var(--muted)}
.dr-sub.is-error{color:var(--attention-text)}
.dr-acts{display:flex;gap:8px;align-items:center}
.dr-acts label.button{cursor:pointer}
.dr-empties{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:var(--fs-13)}
a.button.quiet-link{border-color:transparent;background:transparent;color:var(--muted)}
a.dr-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);color:var(--text)}
a.dr-strip .status::before{width:8px;height:8px}
.dr-strip-link{color:var(--done)}

/* Bulk write (canvas: Bulk artboard) */
.bulk-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.bulk-sources{display:flex;flex-direction:column;gap:10px}
.bulk-label{font-weight:600;font-size:14px}
.bulk-source-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.bulk-source-row textarea{flex:3 1 360px;min-height:84px;font-family:var(--font-mono);font-size:var(--fs-13)}
.bulk-drop{flex:1 1 200px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;border:1px dashed #b4bac6;border-radius:var(--r-control);background:#fafbfc;font-size:var(--fs-13);color:#4a515c}
.bulk-drop b{color:var(--text)}
.bulk-drop input{font-size:var(--fs-12);border:0;padding:0;background:none}
.bulk-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.bulk-setall{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafbfc}
.bulk-setall>b{align-self:center}
.bulk-field{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-12);color:var(--muted);margin:0}
.bulk-field input{min-height:32px;padding:4px 8px;margin:0;font-size:var(--fs-13)}
.bulk-field input#bulk-mentor{width:120px}
.bulk-notes{flex:1 1 220px}
.bulk-seg label{display:inline-flex;margin:0;cursor:pointer}
.bulk-seg input{position:absolute;opacity:0;width:1px;height:1px}
.bulk-seg label span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:4px;font-size:var(--fs-13);color:#4a515c}
.bulk-seg input:checked+span{background:var(--surface);color:var(--text);font-weight:600}
.bulk-seg input:focus-visible+span{outline:2px solid var(--done)}
.br-row{display:grid;grid-template-columns:minmax(0,1fr) 220px 36px;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-soft)}
.br-colhead{border:0;padding-top:8px;padding-bottom:4px;font-size:var(--fs-12);font-weight:600;color:var(--muted)}
.br-link{font-family:var(--font-mono);font-size:var(--fs-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-row select{min-height:32px;padding:4px 8px;font-size:var(--fs-13)}
.br-row select.is-changed,.bulk-form input.is-changed{border:2px solid var(--done);font-weight:600}
.bulk-form input.is-required{border:1px solid var(--attention)}
.bulk-rows-empty{padding:16px;margin:0;font-size:var(--fs-13)}
.bulk-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:var(--fs-12);color:var(--muted)}
.bulk-legend b{color:var(--text)}
.bulk-submit{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.bulk-check-inline{display:flex;align-items:center;gap:8px;font-size:var(--fs-13);align-self:center}
.bulk-check-inline input{width:18px;height:18px}
.bulk-name input{width:180px}
.bulk-submit button.primary{min-height:40px;padding:0 20px}
.bulk-setall label.bulk-field{color:var(--muted);font-size:var(--fs-12)}
.bulk-form input.is-required{border-color:var(--attention)!important}
.bulk-form select.is-changed{border:2px solid var(--done)!important}
.bulk-submit .bulk-check-inline{flex:0 1 auto}
.bulk-submit .bulk-check-inline span{white-space:nowrap}
.bulk-submit .bulk-check-inline input{flex:0 0 18px;width:18px;margin:0}
.pagehead a.button.quiet-link,.pagehead a.button.quiet-link:hover{border-color:transparent!important;background:transparent!important;color:var(--muted)!important;box-shadow:none}

/* New script (canvas: Writer artboard) */
.wb-new{padding:0;border:0;background:none;box-shadow:none;max-width:none}
.wb-new>fieldset{border:0;padding:0;margin:0;min-width:0}
.wb-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.wb-form{flex:999 1 560px;min-width:0;max-width:780px;display:flex;flex-direction:column;gap:24px}
.wb-step{display:flex;flex-direction:column;gap:8px}
.wb-step h3,.wb-label{margin:0;font-size:var(--fs-15);font-weight:600;color:var(--text)}
.wb-step h3 .muted{font-weight:400}
.wb-label{display:flex;flex-direction:column;gap:6px}
.wb-label textarea,.wb-label select{margin:0}
.wb-start{flex-wrap:wrap}
.wb-start a.wb-start-link{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--r-control);color:#4a515c;font-size:var(--fs-13)}
.wb-start a.wb-start-link:hover{background:var(--surface)}
.wb-subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
button.wb-subject{min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;text-align:left;border-radius:var(--r-card);border:1px solid var(--control);background:var(--surface);font-weight:400;font-size:var(--fs-13);color:var(--muted)}
button.wb-subject b{font-size:14px;color:var(--text)}
button.wb-subject.selected{border:2px solid var(--done);padding:13px 15px;background:#f2f8f5}
button.wb-subject.is-original{border-style:dashed;background:transparent}
button.wb-subject.is-original.selected{border-style:solid;background:#f2f8f5}
.wb-subtype{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:16px}
.wb-subtype .wb-label{flex:1 1 240px}
.wb-subtype>.muted{flex:2 1 280px;font-size:var(--fs-13);padding-bottom:8px}
.wb-form .writer-builder-options,.wb-form .writer-ending,.wb-form .writer-mentor,.wb-form .writer-tone{margin:0}
.wb-summary{flex:1 1 300px;max-width:360px;position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;padding:20px}
.wb-summary .label{margin:0}
.wb-summary-body{display:flex;flex-direction:column;gap:6px}
.wb-summary-body b{font-size:16px}
.wb-summary button.primary{min-height:40px}
.writer-workspace.is-new .writer-builder.wb-new{max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}
.wb-form .writer-builder-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Approved script + Make a new version (canvas: Remix artboard) */
.rm-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);margin-bottom:20px}
.rm-crumbs a{color:var(--muted)}.rm-crumbs b{color:var(--text)}
.rm-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.rm-script{flex:999 1 480px;min-width:0;padding:0;display:flex;flex-direction:column}
.rm-script>header{display:flex;flex-direction:column;gap:4px;padding:20px;border-bottom:1px solid var(--line)}
.rm-script h1{margin:0;font-size:24px!important;line-height:32px}
.rm-script>header .muted{font-size:var(--fs-13)}
.rm-cast{padding:12px 20px;border-bottom:1px solid var(--line-soft)}
.rm-scenes{margin:0;padding:0;list-style:none}
.rm-scenes li{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line-soft)}
.rm-scene-n{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--muted)}
.rm-scenes li>div{display:flex;flex-direction:column;gap:4px}
.rm-line{color:#4a515c}
.rm-copy{padding:16px 20px;white-space:pre-wrap}
.rm-versions{display:flex;flex-direction:column;gap:8px;padding:16px 20px}
.rm-versions .label{margin:0}
.rm-chips{display:flex;flex-wrap:wrap;gap:8px}
a.rm-chip{padding:4px 10px;border-radius:var(--r-pill);background:var(--line-soft);color:var(--text);font-size:var(--fs-13)}
a.rm-chip:hover{background:var(--line)}
.rm-panel{flex:1 1 340px;max-width:420px;position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;padding:20px}
.rm-panel h2{margin:0;font-size:18px;line-height:24px}
.rm-modes{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px}
.rm-modes legend{font-weight:600;margin-bottom:8px}
label.rm-mode{display:flex;gap:10px;padding:12px;border:1px solid var(--control);border-radius:var(--r-control);cursor:pointer;margin:0}
label.rm-mode.selected{border:2px solid var(--done);padding:11px}
label.rm-mode.is-disabled{opacity:.5;cursor:not-allowed}
label.rm-mode input{width:auto;margin-top:2px}
label.rm-mode span{display:flex;flex-direction:column;gap:2px}
label.rm-mode small{font-size:var(--fs-13);color:var(--muted)}
.rm-count{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.rm-count .segmented button{width:36px;padding:0}
.rm-panel button.primary{min-height:40px}
.rm-foot{padding-top:12px;border-top:1px solid var(--line-soft)}

/* Profit (canvas: Profit and ProfitClaim artboards) */
.lock-icon{flex:0 0 auto;margin-left:6px}
.sidebar nav a .lock-icon{margin-left:auto}
.pf-private{display:inline-flex;align-items:center;gap:6px}.pf-private .lock-icon{margin:0}
.pf-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
label.pf-control{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-12);color:var(--muted);margin:0}
label.pf-control select{min-height:36px;padding:4px 8px;margin:0;font-weight:600}
.pf-amount{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;border:1px solid var(--control);border-radius:var(--r-control);background:var(--surface);color:var(--text);font-size:14px}
.pf-amount input{width:72px!important;min-height:0!important;padding:0!important;border:0!important;margin:0;font-weight:600;font-family:var(--font-mono)}
.pf-amount input:focus{outline:none}
.pf-amount:focus-within{outline:2px solid var(--done)}
.pf-page{display:flex;flex-direction:column;gap:24px}
.pf-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.pf-tile{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.pf-tile span{font-size:var(--fs-13);color:var(--muted)}
.pf-tile strong{font-size:24px;line-height:32px;font-weight:700}
.pf-tile small{font-size:var(--fs-12);color:var(--muted)}
.pf-big{grid-column:span 2;padding:20px}
.pf-big strong{font-size:40px;line-height:48px}
.is-gain{color:var(--done-strong)}.is-loss{color:var(--attention-text)}
.pf-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column}
.pf-card>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}
.pf-card>header h2{margin:0;font-size:17px;line-height:24px}
.pf-card>header .muted{font-size:var(--fs-13)}
.pf-card>p.muted{padding:16px 20px;margin:0}
.pf-bar{display:flex;height:28px;margin:16px 20px 0;border-radius:var(--r-control);overflow:hidden;font-size:var(--fs-12);font-weight:600;background:var(--line)}
.pf-seg{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap}
.pf-seg span{padding-left:10px;color:#fff}
.pf-seg.sal{background:var(--muted)}.pf-seg.api{background:var(--working)}.pf-seg.prof{background:var(--done)}
.pf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0 20px 16px}
.pf-stats>div{display:flex;flex-direction:column;gap:2px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line-soft)}
.pf-stats span{font-size:var(--fs-13);color:var(--muted)}
.pf-stats b{font-size:var(--fs-20);line-height:28px}
.pf-stats small{font-size:var(--fs-12);color:var(--muted)}
.pf-stats small.is-gain{color:var(--done-strong)}
.pf-progress{display:flex;height:6px;border-radius:var(--r-pill);background:var(--line);overflow:hidden;margin:4px 0}
.pf-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;align-items:start}
.pf-lines-card .profit-lines{margin:0;gap:0}
.pf-line{display:flex;align-items:center;gap:12px;padding:8px 20px;border-bottom:1px solid var(--line-soft);flex-wrap:nowrap}
.pf-line input[data-profit-label]{flex:1 1 auto;min-height:32px;border-color:transparent;padding:4px 8px}
.pf-line input[data-profit-label]:hover{border-color:var(--line)}
.pf-line .pf-amount{min-height:32px}
.pf-lines-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px}
button.pf-add{border-style:dashed}
.pf-spend{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line-soft)}
.pf-spend:last-child{border-bottom:0}
.pf-spend .pw-grow{display:flex;flex-direction:column}
.pf-spend small{font-size:var(--fs-12)}
.pf-key{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.pf-key.api{background:var(--working)}.pf-key.sal{background:var(--muted)}
.pf-mono{font-family:var(--font-mono)}
.pf-table-card{overflow:hidden}
.pf-table-wrap{overflow-x:auto}
.pf-table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--fs-13)}
.pf-table th,.pf-table td{padding:12px;text-align:right;border-top:1px solid var(--line-soft);font-family:var(--font-mono)}
.pf-table thead th{border:0;font-family:var(--font);font-size:var(--fs-12);font-weight:600;color:var(--muted)}
.pf-table th[scope=row],.pf-table thead th:first-child{text-align:left;padding-left:20px;font-family:var(--font);font-size:14px;font-weight:400}
.pf-table td:last-child,.pf-table th:last-child{padding-right:20px}
.pf-table tr.is-current{background:var(--bg)}.pf-table tr.is-current th{font-weight:600}
.pf-table tr.pf-alltime th,.pf-table tr.pf-alltime td{border-top:2px solid var(--line);font-weight:600}
.pf-table tr.pf-alltime th{font-weight:700}
.pf-claim{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.pf-claim h2{margin:0;font-size:22px;line-height:30px}
.pf-claim p{margin:0;color:#4a515c}
.pf-totals{grid-template-columns:2fr repeat(4,minmax(0,1fr))}
.pf-big{grid-column:auto}
.pf-line input[data-profit-label]{border-color:transparent!important}
.pf-line input[data-profit-label]:hover,.pf-line input[data-profit-label]:focus{border-color:var(--control)!important}

/* Backend items (2026-10-12) */
.pf-key.held{background:#8fb4dc}
.vault-subject-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.vault-subject-note{font-size:var(--fs-13);color:var(--muted)}
.vault-subject-note i{font-style:normal;color:var(--idle)}
button.wb-subject small{font-size:var(--fs-12);color:var(--idle)}
.br-row{grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr) 36px}
.br-row input{min-height:32px!important;padding:4px 8px!important;font-size:var(--fs-13)!important;margin:0}
.bulk-table{overflow-x:auto}
.bulk-table>[data-bulk-rows]{min-width:900px}
.own-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.own-read{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.own-read>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.own-read>header h2{margin:0;font-size:16px;line-height:24px}
.own-pad{padding:16px 20px;margin:0}
.own-lines{margin:0;padding:0;list-style:none}
.own-lines li{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line-soft)}
.own-lines li>div{display:flex;flex-direction:column;gap:6px}
.own-tag{font-family:var(--font-mono);font-size:var(--fs-11);font-weight:600;color:#4a515c;padding-top:2px}
.own-problem{font-size:var(--fs-13);color:var(--attention-text)}
.own-suggest{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#fafbfc}
.own-suggest pre{margin:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);font:400 13px/20px var(--font-mono);white-space:pre-wrap}

/* Home: weekly goal, Needs attention, My queue, suggested video (redesign Home artboard) */
.home{position:relative;display:flex;flex-direction:column;gap:24px;padding-bottom:200px}
.home-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.home-head h1{margin:4px 0 0}
.home-eyebrow{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.06em;color:var(--muted)}
.home-eyebrow.is-accent{font-size:var(--fs-11);font-weight:600;letter-spacing:.08em;color:var(--done)}
.home a.button,.lib-tabs a{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--r-control);border:1px solid var(--control);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none}
.home a.button:hover{background:var(--bg);color:var(--text)}
.home a.button.primary{background:var(--done);border-color:var(--done);color:#fff}
.home a.button.primary:hover{background:var(--done-strong);border-color:var(--done-strong);color:#fff}
.home-week{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:16px}
.home-week.is-empty{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.home-week.is-empty p{margin:4px 0 0}
.home-week-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px}
.home-week-count{font-size:var(--fs-28);line-height:36px;font-weight:700}
.home-bar{display:flex;height:12px;border-radius:var(--r-pill);overflow:hidden;background:var(--line)}
.home-bar i{display:block;height:100%;width:0}
.home-bar .is-done{background:var(--done)}.home-bar .is-prod{background:var(--working)}
.home-legend{display:flex;flex-wrap:wrap;gap:24px;font-size:var(--fs-13);color:var(--muted)}
.home-legend span{display:inline-flex;align-items:center;gap:8px}
.dot{display:inline-block;width:10px;height:10px;border-radius:var(--r-pill);flex:0 0 auto;background:var(--idle)}
.dot.is-done{background:var(--done)}.dot.is-prod{background:var(--working)}.dot.is-idle{background:var(--line);border:1px solid #b4bac6}
.dot.is-attention{background:var(--attention)}.dot.is-review{background:var(--review)}
.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:24px;align-items:start}
.home-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:8px 0}
.home-card h2{margin:0;padding:12px 24px;font-size:var(--fs-15);line-height:20px;font-weight:600}
.home-row{display:flex;align-items:center;gap:16px;padding:12px 24px;border-top:1px solid var(--line-soft);color:var(--text);text-decoration:none}
.home-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.home-row-main .muted{font-size:var(--fs-13);overflow-wrap:anywhere}
.home-row button,.home-row a.button{min-height:32px;padding:0 12px;font-size:var(--fs-13);flex:0 0 auto}
a.home-queue:hover{background:var(--bg);color:var(--text)}
.home-steps{display:flex;gap:4px;flex:0 0 auto}
.home-steps i{width:24px;height:6px;border-radius:var(--r-pill);background:var(--line)}
.home-steps i.is-done{background:var(--done)}.home-steps i.is-now{background:var(--working)}
.home-link{font-weight:600;text-decoration:none}
.home-empty{margin:0;padding:12px 24px;border-top:1px solid var(--line-soft)}
.home-suggest{position:fixed;right:40px;bottom:104px;z-index:20;width:min(380px,calc(100vw - 80px));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgb(16 24 40 / 12%);padding:16px;display:flex;flex-direction:column;gap:10px}
.home-suggest-top{display:flex;align-items:center;gap:8px}.home-suggest-top span{flex:1 1 auto}
.home-suggest-body{display:flex;flex-direction:column;gap:2px}.home-suggest-body b{font-size:16px}.home-suggest-body .muted{font-size:var(--fs-13)}
button.icon{min-height:28px;width:28px;padding:0;font-size:16px}

/* Cast & assets tabs */
.lib-tabs{display:flex;gap:8px;margin:0 0 20px}
.lib-tabs a{min-height:32px;padding:0 14px;font-size:var(--fs-13)}
.lib-tabs a.active{background:var(--done-soft);border-color:var(--done-soft);color:var(--done-strong)}

/* Suggested videos (owner) */
.sg-today{padding:0;overflow:hidden;margin-bottom:24px}
.sg-today h2{margin:0;padding:14px 20px;border-bottom:1px solid var(--line);font-size:17px;line-height:24px}
.sg-scroll{overflow-x:auto}.sg-table{min-width:760px}
.sg-row{display:grid;grid-template-columns:120px 2fr 1.3fr 1fr minmax(96px,auto);gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line-soft)}
.sg-row:last-child{border-bottom:0}
.sg-colhead{height:36px;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--line);font-size:var(--fs-12);font-weight:600;color:var(--muted)}
.sg-script,.sg-list-main{display:flex;flex-direction:column;min-width:0}
.sg-title{font-weight:600}
.sg-why{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:600}
.sg-why .dot{width:8px;height:8px}
.sg-change,.sg-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;grid-column:2 / -1}
.sg-change select,.sg-add select{flex:1 1 220px;min-width:0;height:32px;margin:0}
.sg-pad{margin:0;padding:14px 16px;font-size:var(--fs-13)}
.sg-lists-wrap{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.sg-lists-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.sg-lists-title h2{font-size:17px;line-height:24px}.sg-lists-title .muted{font-size:var(--fs-13)}
.sg-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;align-items:start}
.sg-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column}
.sg-list-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.sg-list-head b{flex:1 1 auto;font-size:var(--fs-15)}.sg-list-head .muted{font-size:var(--fs-12)}
.sg-list ol{margin:0;padding:0;list-style:none}
.sg-list li{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid var(--line-soft)}
.sg-list li .sg-list-main{flex:1 1 auto}.sg-list li small{font-size:var(--fs-12)}
.sg-add{padding:12px 16px}
.sg-add-btn{margin:12px 16px;align-self:flex-start;border-style:dashed;background:transparent}
.sg-rules{display:flex;flex-direction:column;gap:12px}.sg-rules h2{font-size:17px;line-height:24px}
.sg-rules .sg-check,.sg-rules .sg-subject{margin:0}
.sg-check{display:flex;align-items:flex-start;gap:10px;color:var(--text);font-size:14px}
.sg-check input{width:18px;height:18px;margin:1px 0 0;padding:0;flex:0 0 auto}
.sg-check span{display:flex;flex-direction:column}.sg-check small{font-size:var(--fs-13)}
.sg-subject{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:var(--fs-13);color:var(--muted)}
.sg-subject select{width:auto;height:32px;margin:0;padding:0 6px}
/* Leave room under the last content so the fixed task tray never covers it. */
body:has(.background-task-tray) #main{padding-bottom:160px}