@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-size:var(--ui-font-size,16px);font-family:var(--site-font,'Inter'),system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent:#087f72;--accent-soft:color-mix(in srgb,var(--accent) 8%,white);--canvas:#f6f7f9;--surface:#fff;--surface-soft:#fafbfc;--ink:#19232e;--muted:#687480;--line:#e4e8ec;--red:#b94a48;--green:#237a61;--side-width:232px;--sidebar:#151d26;--sidebar-ink:#bdc7d0;--blue:var(--accent);--navy:var(--ink);color:var(--ink);background:var(--canvas)}
:root[data-theme=dark]{color-scheme:dark;--canvas:#11161c;--surface:#1a2129;--surface-soft:#202832;--ink:#e6ebf0;--muted:#9da9b5;--line:#303b47;--sidebar:#0e141a;--sidebar-ink:#afbac6;--accent-soft:color-mix(in srgb,var(--accent) 17%,var(--surface))}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}a{color:var(--accent);text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-family:inherit;font-weight:600}h1{font-size:1.75rem;line-height:1.28;letter-spacing:-.055rem}h2{font-size:1.0625rem;line-height:1.4;letter-spacing:-.018rem}h3{font-size:.9375rem}p{line-height:1.65}small,.small{font-size:.8125rem}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:.75rem;line-height:1.6}.body-copy{font-size:.9375rem;line-height:1.7;color:var(--ink)}.body-copy+.body-copy{margin-top:12px}.eyebrow{font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:6px}
#app{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side-width);display:flex;flex-direction:column;padding:26px 16px 16px;background:var(--sidebar);color:var(--sidebar-ink);z-index:40;transition:width .18s}.sidebar-brand{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 4px 30px}.brand{display:flex;align-items:center;gap:10px;min-width:0;color:white;font-size:1rem;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:white;font-size:1.125rem;font-weight:600;flex-shrink:0;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:contain}.sidebar-brand>button{border:0;background:none;color:#80909e;padding:4px;font-size:1.2rem;line-height:1}.sidebar-create{margin-bottom:24px}.workspace-label{font-size:.625rem;font-weight:600;letter-spacing:.12em;margin:20px 12px 10px;color:#72818e}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;font-size:.875rem;color:var(--sidebar-ink);font-weight:450;white-space:nowrap}.sidebar nav a:hover{background:#ffffff07;color:#fff}.sidebar nav a.active{color:#fff;background:#ffffff10}.sidebar nav a.active .nav-icon{color:#50c0ad}.nav-icon{display:grid;place-items:center;color:#7f919f;width:18px;flex-shrink:0}.nav-icon svg,.mobile-nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-left:auto;border-radius:5px;background:#ffffff0b;color:#9aadb9;font-size:.6875rem;padding:0 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.owner{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:12px 8px 0;border:0;border-top:1px solid #ffffff0e;background:none;color:#d6dee5}.owner>span,.avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#263744;color:#d2e6e5;font-size:.8125rem;font-weight:500}.owner div>span{font-size:.8125rem}.owner small{display:block;color:#778b98;font-size:.6875rem;margin-top:1px}.avatar{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
main{margin-left:var(--side-width);width:calc(100% - var(--side-width));transition:margin-left .18s,width .18s}.topbar{height:64px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;background:var(--surface);color:var(--muted)}.top-actions{display:flex;align-items:center;gap:16px}.worker-state{font-size:.6875rem;color:var(--muted)}.worker-state:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#97a4ae;margin-right:7px}.worker-state.online:before{background:var(--accent)}#page{max-width:1640px;margin:0 auto;padding:30px 32px 52px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{font-size:.875rem;color:var(--muted);margin-top:7px}.page-heading .badge{align-self:center}.panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 2px #18263502}.panel-body{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-title p{margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-weight:500;font-size:.8125rem;line-height:1.45;white-space:normal}.button:hover{background:var(--surface-soft);border-color:#bcc6ce}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #0001}.button.primary:hover{filter:brightness(.95)}.button.small{padding:6px 10px;min-height:31px;font-size:.75rem}.button.danger{color:var(--red)}.text-button{border:0;background:none;padding:4px;color:var(--accent);font-size:.8125rem;font-weight:500}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:16px}.actions:empty{display:none}.download-list{display:flex;flex-wrap:wrap;gap:9px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:500;line-height:1.4;padding:4px 8px;border-radius:5px;white-space:nowrap;background:var(--surface-soft);color:var(--muted);text-transform:none;border:1px solid var(--line)}.badge.complete{color:#217257;background:#eef8f3;border-color:#d8ecdf}.badge.review{color:#936826;background:#fdf6e9;border-color:#f2e5ca}.badge.running,.badge.queued{color:#3f6694;background:#eef4fb;border-color:#dde8f6}.badge.failed,.badge.stopped{color:#a24a49;background:#fcf0ef;border-color:#f1d9d8}:root[data-theme=dark] .badge{background:var(--surface-soft);border-color:var(--line)}:root[data-theme=dark] .badge.complete{color:#8cc8ad}:root[data-theme=dark] .badge.review{color:#e5bb75}:root[data-theme=dark] .badge.failed{color:#eca19e}.banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.8125rem;line-height:1.6;margin-bottom:20px}.banner .actions{margin:0;flex-shrink:0}.banner.warn{border-color:#ecdcb9;background:color-mix(in srgb,#c79948 5%,var(--surface))}.banner.error{border-color:color-mix(in srgb,var(--red) 28%,var(--line));color:var(--red)}
.field{display:block;margin-bottom:18px}.field>span,.field>label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:7px;color:var(--ink)}.field input,.field textarea,.field select,.search{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:.875rem;min-width:0;line-height:1.45}.field input,.field select{min-height:41px}.field textarea{resize:vertical;line-height:1.65;min-height:78px}.field .script-input{min-height:250px}.field input::placeholder,.field textarea::placeholder,.search::placeholder{color:#909ba6;font-weight:400}.field input:focus,.field textarea:focus,.field select:focus,.search:focus{outline:2px solid color-mix(in srgb,var(--accent) 16%,transparent);outline-offset:0;border-color:var(--accent)}.field small{display:block;font-size:.75rem;color:var(--muted);line-height:1.55;margin-top:7px}.field:last-child{margin-bottom:0}.field input[type=checkbox],.field input[type=radio]{width:16px;min-height:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.optional{font-size:.75rem;color:var(--muted);font-weight:400}.field>span .optional{margin-left:5px}.color-control{display:flex;align-items:center;gap:9px}.color-control input[type=color]{width:40px;height:41px;padding:5px;flex-shrink:0}.color-control input:not([type=color]){font-variant-numeric:tabular-nums}.script-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.6875rem;margin-top:-8px;margin-bottom:20px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.875rem}.switch-row small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:4px}.switch-row:last-child{border-bottom:0}.switch-row input{margin:0}.mode-option{display:grid;grid-template-columns:17px 1fr;gap:4px 9px;border:1px solid var(--line);border-radius:7px;padding:12px;cursor:pointer;margin-top:10px}.mode-option input{margin:2px 0 0}.mode-option strong{font-size:.8125rem;font-weight:500}.mode-option small{grid-column:2;color:var(--muted);font-size:.75rem;line-height:1.55}.mode-option:has(:checked){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.section-heading{display:flex;gap:11px;margin-bottom:20px;align-items:flex-start}.section-heading p{font-size:.8125rem;color:var(--muted);margin-top:4px}.step-number{display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:6px;width:25px;height:25px;flex-shrink:0;font-size:.6875rem;font-weight:500}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.create-submit{width:100%}.create-submit+p{margin-top:10px}.process-note{font-size:.75rem;color:var(--muted);line-height:1.65;padding:0 3px 16px}.process-note strong{font-weight:500;color:var(--ink)}.process-line{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.process-line span{font-size:.6875rem}details>summary{cursor:pointer;list-style:none;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:2px 0;color:var(--ink)}details>summary::-webkit-details-marker{display:none}details>summary:after{content:'';width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;color:var(--muted);margin:0 5px 4px auto;flex-shrink:0;transform:rotate(45deg);transition:transform .18s ease}details[open]>summary:after{transform:rotate(225deg);margin-bottom:-3px}details[open]>summary{margin-bottom:16px}details>summary+*{margin-top:12px}.segment{display:flex;gap:4px;padding:4px;border-radius:7px;background:var(--surface-soft)}.segment label{flex:1;text-align:center;padding:8px;font-size:.8125rem}.segment label:has(:checked){background:var(--surface);border-radius:5px}.segment input{position:absolute;opacity:0}
.overview-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:28px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:17px 18px;min-height:100px;color:var(--ink)}.stat-card>span{font-size:.75rem;color:var(--muted);font-weight:450;display:flex;gap:7px;align-items:center}.stat-card strong{font-size:1.75rem;font-weight:550;letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1;margin-top:16px}.stat-card i{width:5px;height:5px;border-radius:50%;background:#aab4bd}.stat-card.review i{background:#c89443}.stat-card.ready i,.stat-card.published i{background:var(--accent)}.stat-card.attention i{background:var(--red)}.stat-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:22px;align-items:start}.overview-primary{min-width:0}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.section-bar .eyebrow{display:none}.section-bar a{font-size:.75rem}.overview-columns>.panel .panel-body{padding:18px}.overview-primary>.panel:last-child{margin-top:22px}.quiet-state{display:flex;align-items:center;gap:10px;padding:20px 0 3px;font-size:.8125rem;color:var(--muted)}.quiet-state>span{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.quiet-state small{display:none}.review-item{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line);font-size:.8125rem}.review-item:first-of-type{margin-top:16px}.review-item>div:nth-child(2){min-width:0;flex:1}.review-item strong{font-weight:500;line-height:1.5}.review-item small{display:block;color:var(--muted);margin-top:3px;font-size:.6875rem}.format-mark{display:grid;place-items:center;width:35px;height:42px;border-radius:5px;background:var(--surface-soft);border:1px solid var(--line);font-size:.625rem;color:var(--muted);flex-shrink:0}.activity-feed{margin-top:18px}.activity-item{display:flex;gap:10px;margin-bottom:17px;color:var(--ink)}.activity-item:last-child{margin-bottom:0}.activity-item i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px}.activity-item strong{font-size:.75rem;font-weight:450;line-height:1.55;display:block}.activity-item small{display:block;font-size:.625rem;line-height:1.6;margin-top:4px;color:var(--muted)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--surface-soft);font-size:.625rem;font-weight:500;letter-spacing:.06em;color:var(--muted);padding:12px 16px;white-space:nowrap}td{padding:16px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.5}td strong{display:block;font-size:.8125rem;font-weight:500;min-width:130px}td small{display:block;margin-top:4px;color:var(--muted);font-size:.6875rem}td:last-child{width:1%;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.toolbar .search{width:240px;font-size:.8125rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.filter-tabs button{border:0;background:none;padding:7px 10px;border-radius:6px;color:var(--muted);font-size:.75rem}.filter-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.empty{text-align:center;padding:35px 20px}.empty h2{font-size:1.125rem}.empty p{margin:10px auto 18px;color:var(--muted);font-size:.8125rem;max-width:390px}.empty-symbol{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 18px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.project-layout>section,.project-layout>aside{min-width:0}.project-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.project-tabs button{position:relative;border:0;background:none;color:var(--muted);font-size:.8125rem;padding:0 0 13px;font-weight:500}.project-tabs button.active{color:var(--ink)}.project-tabs button.active:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:-1px;left:0;right:0}.player{background:#111820;border-radius:7px;display:flex;justify-content:center;overflow:hidden}.player video{display:block;width:100%;max-height:min(56vh,560px);min-height:200px}.audio-player{width:100%;height:42px;display:block;margin-top:16px}.stage-list{list-style:none;margin:16px 0 0;padding:0}.stage-list li{display:flex;gap:10px;align-items:center;padding:11px 0}.stage-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);font-size:.6875rem;color:var(--muted)}.stage-list .done .stage-icon{background:var(--accent-soft);color:var(--accent);border-color:transparent}.stage-list .current .stage-icon{border-color:var(--accent);color:var(--accent)}.stage-list strong{display:block;font-size:.8125rem;font-weight:500}.stage-list small{display:block;color:var(--muted);font-size:.6875rem;margin-top:2px}.quality-panel>summary{padding:17px 20px;gap:16px}.quality-panel[open]>summary{margin:0;border-bottom:1px solid var(--line)}.quality-panel>.panel-body{margin:0;padding:18px 20px}.quality-title{display:flex;align-items:center;gap:16px;font-size:.8125rem}.quality-title strong{font-size:1.125rem;font-weight:600;letter-spacing:-.04em}.quality-title small{font-size:.75rem;margin-left:2px;font-weight:400;color:var(--muted)}.quality-state{display:flex;gap:12px;align-items:center;margin-left:auto}.disclosure-label{font-size:.6875rem;color:var(--muted)}.quality-panel summary:after{margin-left:0}.review-summary{font-size:.8125rem;color:var(--muted);margin:14px 0 20px;line-height:1.65}.scores{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.score-row{display:grid;grid-template-columns:85px minmax(35px,1fr) 23px;align-items:center;gap:10px;text-transform:capitalize;font-size:.75rem}.score-row strong{font-weight:500;font-variant-numeric:tabular-nums}.meter{height:3px;background:var(--line);border-radius:3px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent)}.review-findings{margin:18px 0}.issue{padding:12px 0;border-top:1px solid var(--line)}.issue summary{font-size:.8125rem;font-weight:450;align-items:flex-start;line-height:1.6}.timestamp{color:var(--accent);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.issue p{font-size:.8125rem;color:var(--muted);line-height:1.65;margin:0 0 12px 38px}.issue .button{margin-left:38px}.activity-panel>details{padding:18px}.history{list-style:none;padding:0;margin:0;color:var(--muted);font-size:.75rem}.history li{padding:0 0 15px 12px;border-left:1px solid var(--line);line-height:1.6}.history li:last-child{padding-bottom:0}.history time{display:block;font-size:.625rem;color:var(--muted);margin-top:3px}.version-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:15px 0;font-size:.8125rem}.version-row:first-of-type{margin-top:16px}.version-row small{display:block;color:var(--muted);margin-top:4px}.version-row .actions{margin:0}.script-panel details p{font-size:.875rem;margin:14px 0}.publication-line{display:flex;gap:20px;justify-content:space-between;align-items:center}.publication-line p{margin-top:4px}.published-toggle{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:.8125rem;font-weight:500}.published-toggle:has(:checked){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.publishing-kit .panel-title{flex-wrap:wrap}.publishing-items{display:grid;gap:16px;margin:16px 0}.publishing-item{padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.publishing-item .panel-title{margin-bottom:12px}.publishing-item ol{padding-left:20px;margin:0 0 16px;font-size:.875rem;line-height:1.65}.publishing-item li{padding:4px 0}.publishing-item .body-copy{margin-bottom:15px;font-size:.875rem}.thumbnail-pair{display:grid;grid-template-columns:2fr 1fr;gap:16px}.thumbnail-pair img{display:block;max-height:290px;width:100%;object-fit:contain;background:#111820;border-radius:6px}.thumbnail-pair span{display:block;font-size:.75rem;margin-top:9px}.publishing-options{margin-bottom:18px}
.asset-grid,.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.asset-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.asset-preview{display:grid;place-items:center;height:150px;background:var(--surface-soft);padding:16px;color:var(--muted);font-size:1.75rem}.asset-preview img{max-width:100%;height:118px;object-fit:contain}.asset-preview audio{width:100%;height:36px}.asset-info{padding:16px}.asset-info strong{display:block;font-size:.875rem;font-weight:500;overflow-wrap:anywhere}.asset-info small{display:block;font-size:.6875rem;color:var(--muted);margin-top:7px}.asset-info p{font-size:.8125rem;margin:8px 0}.channel-grid .panel{margin:0}.channel-grid .panel-title{margin-bottom:10px}.channel-grid p{font-size:.8125rem;color:var(--muted);margin:10px 0 14px}.swatches{display:flex;gap:6px;margin-bottom:16px}.swatches span{width:18px;height:18px;border-radius:50%;border:1px solid #0001}.asset-checks{display:flex;flex-wrap:wrap;gap:10px}.asset-checks label{display:flex;align-items:center;gap:7px;font-size:.8125rem}.reference-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.reference-actions small{font-size:.6875rem;color:var(--muted)}.reference-list{display:grid;gap:10px;margin-bottom:14px}.reference-row{border:1px solid var(--line);border-radius:7px;padding:13px}.reference-choice{display:flex;gap:10px;align-items:center;cursor:pointer}.reference-choice img{width:44px;height:44px;object-fit:contain;background:var(--surface-soft);border-radius:4px}.reference-choice span{min-width:0;overflow-wrap:anywhere}.reference-choice strong{font-size:.8125rem;font-weight:500}.reference-choice small{display:block;color:var(--muted);font-size:.6875rem;margin-top:3px}.reference-details{padding-top:16px}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:22px}.settings-tabs button{border:0;background:none;color:var(--muted);padding:7px 12px;border-radius:6px;font-size:.8125rem}.settings-tabs button.active{background:var(--accent-soft);color:var(--accent)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;max-width:1100px}.settings-layout h2+p{margin:6px 0 20px}.site-icon-preview{width:52px;height:52px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:1.5rem;overflow:hidden;margin:18px 0}.site-icon-preview img{width:100%;height:100%;object-fit:contain}.connection{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);font-size:.875rem}.connection:last-child{border:0}.connection strong{font-weight:500}.connection p{font-size:.8125rem;color:var(--muted);margin-top:6px}.setup-list{font-size:.8125rem;color:var(--muted);line-height:1.8;padding-left:20px}.watermark-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.watermark-preview{position:relative;aspect-ratio:16/7;max-height:170px;background:linear-gradient(130deg,#1e293b,#334b61);border-radius:7px;overflow:hidden;margin:14px 0 18px}.watermark-preview span{position:absolute;color:white;font-weight:600;line-height:1}.channel-section{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.channel-section>summary{font-size:.875rem}
dialog{width:calc(100% - 32px);max-width:650px;max-height:88dvh;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#11182070;backdrop-filter:blur(3px)}dialog h2{font-size:1.25rem;margin-bottom:14px}dialog h2+p{font-size:.8125rem;color:var(--muted);margin-bottom:20px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.more-menu{display:grid;gap:10px}.profile-menu{display:grid;gap:10px}.profile-menu p{font-size:.8125rem;color:var(--muted)}#toast{position:fixed;bottom:24px;right:24px;z-index:100;max-width:430px;background:var(--ink);color:var(--surface);padding:12px 17px;border-radius:8px;box-shadow:0 5px 30px #0002;font-size:.8125rem}.status-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.3}}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);padding:14px;border-radius:6px;color:var(--ink);font-size:.8125rem}
.auth-locked .sidebar,.auth-locked .topbar,.auth-locked .mobile-nav{display:none!important}.auth-locked main{width:100%;margin:0;min-height:100dvh;display:grid;place-items:center}.auth-locked #page{width:100%;max-width:none;padding:24px}.login-shell{width:100%;max-width:390px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 8px 40px #19232e04}.login-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9375rem;color:var(--ink);margin-bottom:32px}.login-shell h1{font-size:1.375rem;margin-bottom:23px;letter-spacing:-.025em}.login-shell .field{margin-bottom:18px}.login-shell input{font-size:.9375rem}.login-shell button[type=submit]{width:100%;min-height:42px}.login-shell #login-error{color:var(--red);font-size:.8125rem;margin-top:14px}.login-shell #login-error:empty{display:none}.startup{display:grid;place-items:center;min-height:50vh;opacity:0;animation:show-loader .01s .35s forwards}.loading-ring{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:loader-spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes show-loader{to{opacity:1}}@keyframes loader-spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}
body.sidebar-collapsed{--side-width:72px}.sidebar-collapsed .sidebar{padding:26px 10px 16px}.sidebar-collapsed .sidebar-brand{margin:0 0 23px;justify-content:center;flex-wrap:wrap;gap:8px}.sidebar-collapsed .brand>[data-site-name],.sidebar-collapsed .workspace-label,.sidebar-collapsed .sidebar nav a>span:not(.nav-icon),.sidebar-collapsed .owner>div,.sidebar-collapsed .sidebar-create{display:none}.sidebar-collapsed .sidebar nav{margin-bottom:14px}.sidebar-collapsed .sidebar nav a{justify-content:center;padding:12px}.sidebar-collapsed .owner{justify-content:center;padding:12px 0 0}.sidebar-collapsed #collapse-sidebar{transform:rotate(180deg)}
@media(min-width:1600px){#page{padding:34px 40px 60px}.overview-columns{grid-template-columns:minmax(0,1fr) 290px}.project-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1250px){.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-columns{grid-template-columns:minmax(0,1fr) 240px}.project-layout{grid-template-columns:minmax(0,1fr) 235px}.project-layout .banner{align-items:flex-start;flex-direction:column}.scores{grid-template-columns:1fr}.create-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:1050px){:root{--side-width:210px}#page{padding:25px 24px 45px}.topbar{padding:0 24px}.overview-columns,.settings-layout{grid-template-columns:1fr}.create-layout{grid-template-columns:1fr}.create-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}.create-layout .process-note,.create-submit,.create-submit+p{grid-column:1/-1}.project-layout{grid-template-columns:minmax(0,1fr) 210px}.project-layout>.section{min-width:0}.quality-state .disclosure-label{display:none}.quality-title{gap:10px}.panel-body{padding:18px}.project-tabs{gap:18px}}
@media(max-width:780px){:root,body.sidebar-collapsed{--side-width:0px}.sidebar{display:none}main{width:100%;margin:0}.topbar{height:56px;padding:0 20px}.worker-state{font-size:.625rem}.top-actions{gap:10px}#page{padding:24px 18px 96px}.page-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:1.5rem}.page-heading p{font-size:.8125rem}.overview-columns,.project-layout,.settings-layout,.create-layout{grid-template-columns:1fr}.project-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.project-layout>aside .panel{margin:0}.create-layout>aside{display:block}.overview-stats{gap:10px;margin-bottom:22px}.stat-card{padding:15px;min-height:92px}.stat-card strong{font-size:1.625rem}.stat-card>span{font-size:.6875rem}.toolbar .search{width:100%}.table-wrap{overflow:auto}th,td{padding:13px}.project-table th:nth-child(4),.project-table td:nth-child(4){display:none}.project-layout .banner{flex-direction:row;align-items:center;flex-wrap:wrap}.player video{max-height:52vh}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:50}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;background:none;color:var(--muted);font-size:.625rem;min-height:43px;padding:0}.mobile-nav a>span,.mobile-nav button>span{height:20px;display:grid;place-items:center;font-size:1rem}.mobile-nav a.active{color:var(--accent);font-weight:600}.mobile-nav .mobile-create{color:var(--accent)}#toast{bottom:90px;left:16px;right:16px;max-width:none}.auth-locked #page{padding:20px}.login-shell{max-width:390px}.scores{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.form-row{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-body{padding:18px}.project-layout>aside{display:block}.project-layout>aside .panel{margin-bottom:16px}.project-tabs{justify-content:space-between;gap:10px}.project-tabs button{font-size:.75rem}.quality-panel>summary{padding:15px;gap:8px}.quality-title{gap:9px}.quality-state{gap:4px}.quality-state .badge{font-size:.625rem;white-space:normal;text-align:center}.quality-panel>.panel-body{padding:16px}.scores{grid-template-columns:1fr}.review-item{gap:9px}.format-mark{display:none}.review-item .button{flex-shrink:0}.stat-card>span{font-size:.75rem}.stat-card strong{margin-top:13px}.page-heading .button{min-height:34px;font-size:.75rem}.top-actions .worker-state{max-width:145px}.top-actions .avatar{width:28px;height:28px;font-size:.6875rem}.topbar{font-size:.75rem;padding:0 18px}td strong{min-width:110px;font-size:.8125rem}.publication-line{gap:12px}.published-toggle{padding:9px 10px}.thumbnail-pair{gap:10px}.thumbnail-pair span{font-size:.6875rem}.login-shell{padding:26px;box-shadow:none}.login-brand{margin-bottom:28px}dialog{padding:20px}.reference-actions{gap:9px}.reference-choice strong{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.startup{opacity:1}}

.nav-icon svg,.mobile-nav svg{width:18px;height:18px;display:block}.channel-watermark{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.channel-watermark summary{display:flex;gap:12px;align-items:center;cursor:pointer;font-weight:600}.watermark-preview{position:relative;height:130px;background:#263344;border-radius:8px;margin-top:12px}
/* Project controls and transparent custom identity */
.brand-icon:has(img),.site-icon-preview:has(img){background:transparent!important;border-radius:0;box-shadow:none}
[data-site-mark] img{object-fit:contain;width:100%;height:100%;background:transparent}
.issue summary{justify-content:flex-start;align-items:flex-start;text-align:left;gap:12px}
.issue summary>span:last-child{flex:1;text-align:left}
.settings-facts{margin:18px 0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.settings-facts>div{padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.settings-facts dt{font-size:.8rem;color:var(--muted);margin-bottom:5px}
.settings-facts dd{margin:0;font-weight:500;overflow-wrap:anywhere;font-size:.92rem;white-space:pre-wrap}
.preserve-lines{white-space:pre-wrap}.project-settings-panel h3{margin-top:26px}
.usage-total{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:20px 0;margin:20px 0}
.usage-total strong{font-size:1.5rem}.usage-table{font-size:.82rem}.usage-table td{vertical-align:top}.usage-table td:first-child{min-width:200px}.usage-table small{white-space:normal;overflow-wrap:anywhere}.technical-panel .table-wrap{margin:24px 0}
.platform-checks{display:flex;gap:24px;flex-wrap:wrap}.publish-label{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:500;white-space:nowrap}.publish-label i{width:14px;height:14px;border-radius:50%;background:#cbd5db}.publish-label.youtube i{background:linear-gradient(90deg,#ef4444 50%,#e2e8ec 50%)}.publish-label.instagram i{background:linear-gradient(90deg,#e2e8ec 50%,#b83295 50%)}.publish-label.both i{background:linear-gradient(90deg,#ef4444 50%,#b83295 50%)}
.text-button.danger{color:#bd3848}.badge.scheduled{background:#f0ebfc;color:#6540ac}.project-tabs{flex-wrap:wrap}#project-sort{max-width:200px}
@media(max-width:700px){.settings-facts{grid-template-columns:1fr}.publication-line{align-items:flex-start;flex-direction:column}.platform-checks{margin-top:18px}.usage-total{align-items:flex-start;flex-direction:column}.project-tabs{gap:0}.project-tabs button{font-size:.79rem;padding:13px 9px}.usage-table td:first-child{min-width:150px}.toolbar select{max-width:100%}}

.banner .actions{flex-wrap:wrap;max-width:100%;min-width:0}.settings-danger{margin-top:32px;padding-top:12px;border-top:1px solid var(--line)}

/* Comfortable production controls and a compact two-platform publication box. */
.mode-option{display:grid!important;grid-template-columns:18px minmax(0,1fr);column-gap:11px;row-gap:7px;align-items:center;padding:16px!important}
.mode-option input[type=radio]{grid-column:1;grid-row:1;width:17px;height:17px;margin:0;min-height:0;align-self:center}
.mode-option strong{grid-column:2;line-height:1.45}.mode-option small{grid-column:2;margin:0!important;line-height:1.6}
.sound-controls{display:flex;flex-direction:column;gap:22px;margin-top:18px}.sound-controls>.field,.sound-controls>.switch-row{margin:0!important}.sound-controls>.switch-row{padding:0 0 18px;border-bottom:1px solid var(--line)}
.sound-controls .voice-options{border-bottom:1px solid var(--line);padding:0 0 18px}.voice-options summary{cursor:pointer;min-height:24px}.voice-options[open]>summary{margin-bottom:20px}.voice-options .field:last-child{margin-bottom:3px}
#project-sort,#project-channel-filter{appearance:none;font:inherit;font-size:.8125rem;line-height:1.45;min-height:41px;min-width:192px;max-width:230px;padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2371818f' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
#project-sort:focus-visible,#project-channel-filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar .filter-tabs{flex:1 1 600px}.toolbar .search{flex:0 1 240px}
.publication-box{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:6px;vertical-align:middle;font-size:.6875rem;font-weight:600;white-space:nowrap;line-height:1.4}
.publication-box>span{padding:3px 5px;background:var(--surface-soft);color:var(--muted);min-width:32px;text-align:center}.publication-box>span+span{border-left:1px solid var(--line)}
.publication-box .youtube.is-published{background:color-mix(in srgb,#ef4444 13%,var(--surface));color:color-mix(in srgb,#ef4444 75%,var(--ink))}.publication-box .instagram.is-published{background:color-mix(in srgb,#b83295 13%,var(--surface));color:color-mix(in srgb,#b83295 75%,var(--ink))}
.version-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.version-dialog-header h2{margin:0}.version-dialog-header .button{flex-shrink:0}.version-dialog-player{display:flex;justify-content:center;min-width:0}.version-dialog-player video{display:block;max-width:100%;max-height:calc(88dvh - 125px);width:auto;height:auto;background:#090e14;border-radius:6px}.cost-model{padding:14px 0;border-bottom:1px solid var(--line)}.cost-model[open]>summary{margin-bottom:14px}.cost-model .fine-print{margin-bottom:16px}.cost-breakdown{margin-top:12px}.cost-breakdown p{margin:10px 0}.client-estimate{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.client-estimate h2+p{margin:10px 0 18px}.client-estimate>.button{margin:6px 6px 0 0}
.repair-options{margin:20px 0}.repair-options .switch-row{gap:24px;padding:16px 0}.repair-options small{max-width:400px}.repair-assessment{margin:20px 0}.version-row{gap:16px}.version-row .actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){#project-sort{max-width:none;width:100%;flex:1 1 100%}.toolbar .search{flex:1 1 100%}.version-row{align-items:flex-start;flex-direction:column}.version-row .actions{justify-content:flex-start}}

#modal .form-row{margin-bottom:18px}#modal .form-row>.field{margin-bottom:0}.version-alternatives{margin:0 0 18px;padding-left:12px;border-left:2px solid var(--line)}.version-alternatives>summary{font-size:.8rem;color:var(--muted);padding:9px 0}
.production-preferences{max-width:880px}.production-preferences h2+p{margin:8px 0 22px}.production-preferences .defaults-heading{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.model-preferences{margin-top:20px}.model-preferences[open]>summary{margin-bottom:18px}.research-choice{gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.production-timing{margin-top:18px}.research-notes{margin:20px 0}.research-notes[open]>summary{margin-bottom:16px}.research-notes li{margin:10px 0}.project-tabs{max-width:100%}.project-tabs button{min-height:44px}.project-layout [role=tabpanel]{min-width:0}
@media(max-width:540px){.project-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;justify-content:normal;background:var(--canvas);position:sticky;top:0;z-index:5;padding-top:4px}.project-tabs button{grid-column:span 2;font-size:.78rem;min-width:0;white-space:normal;padding:12px 5px}.project-tabs button:nth-child(n+4){grid-column:span 3}.project-tabs button.active{background:var(--surface)}.production-preferences .panel-body{padding:18px}}

.script-panel summary{font-weight:650}.creative-notes{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.creative-notes h3{font-size:.875rem;font-weight:650}.script-panel .creative-notes p{margin:8px 0 0;color:var(--muted)}

/* Keep actions and costs inside the phone viewport, without horizontal scrolling. */
.banner>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .project-table,.project-table tbody,.usage-table,.usage-table tbody{display:block;width:100%;min-width:0}
 .project-table thead,.usage-table thead{display:none}
 .project-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:16px;border-top:1px solid var(--line)}
 .project-table tr:first-child{border-top:0}
 .project-table td{display:block;min-width:0;width:auto;border:0;padding:0;white-space:normal}
 .project-table td:first-child{grid-column:1 / -1}
 .project-table td:nth-child(2){grid-column:1;grid-row:2}
 .project-table td:nth-child(3){grid-column:1;grid-row:3}
 .project-table td:nth-child(4){display:none}
 .project-table td:last-child{grid-column:2;grid-row:2 / 4;align-self:center;white-space:nowrap}
 .project-table td strong{min-width:0;overflow-wrap:anywhere;font-weight:600}
 .project-table .button{min-height:40px}
 .usage-table tr{display:block;padding:18px 0;border-top:1px solid var(--line)}
 .usage-table tr:first-child{border-top:0}
 .usage-table td,.usage-table td:first-child,.usage-table td:last-child{display:block;min-width:0;width:100%;border:0;padding:0;margin-top:16px;white-space:normal;overflow-wrap:anywhere}
 .usage-table td:first-child{margin-top:0}
 .usage-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.7rem;font-weight:600;margin-bottom:6px}
 .usage-table td:last-child{background:var(--surface-soft);border-radius:7px;padding:12px;font-weight:600}
 .usage-table td strong{min-width:0;overflow-wrap:anywhere}
 .usage-table td small{font-weight:400}
 .technical-panel .table-wrap{overflow:visible}
 .technical-panel .button{max-width:100%;white-space:normal}
}

/* Brand cards show identity; production details stay in the channel editor. */
.channel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),350px));align-items:start;gap:22px}
.channel-card{overflow:hidden}
.channel-logo-stage{height:142px;display:flex;align-items:center;justify-content:center;padding:28px;background:#fff;border-bottom:1px solid var(--line)}
.channel-logo-stage img{display:block;max-width:100%;max-height:86px;width:auto;height:auto;object-fit:contain}
.channel-monogram{display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:#f2f4f6;color:#71808c;font-size:1.5rem;font-weight:650;letter-spacing:-.04em}
.channel-card .panel-body{padding:22px}
.channel-card .panel-title{margin:0;gap:12px;align-items:center}
.channel-card h2{font-size:1rem;overflow-wrap:anywhere}
.channel-card .badge{flex-shrink:0}
.channel-palette{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.channel-color{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}
.channel-color i{width:19px;height:19px;border:1px solid #00000014;border-radius:50%;flex-shrink:0}
.channel-card .button{min-height:38px}
@media(max-width:540px){.channel-grid{grid-template-columns:minmax(0,1fr)}.channel-logo-stage{height:124px}.channel-card .panel-body{padding:20px}}

.project-assets-section{margin:28px 0}
.project-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin-top:16px}
.project-asset{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.project-asset-preview{height:116px;background:#f8fafb;display:flex;align-items:center;justify-content:center;padding:18px;border-bottom:1px solid var(--line)}
.project-asset-preview a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.project-asset-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.project-asset-preview>span{font-size:36px;color:#607080}
.project-asset-info{padding:16px;overflow-wrap:anywhere}
.project-asset-info strong{display:block}
.project-asset-info p{margin:8px 0}

#automatic-assets:empty{display:none}
#automatic-assets h3,.reference-library-heading{margin:22px 0 12px}
.automatic-assets-list{display:grid;gap:10px;margin-bottom:20px}
.automatic-asset{display:flex;align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px}
.automatic-asset img{width:72px;height:48px;object-fit:contain;background:#f8fafb;border-radius:5px}
.automatic-asset>div{min-width:0;overflow-wrap:anywhere}
.automatic-asset strong,.automatic-asset small{display:block}
.automatic-asset small{margin-top:5px;color:var(--muted)}
.automatic-font{width:72px;flex-shrink:0;text-align:center;font-size:26px;color:var(--muted)}

.project-production-controls{display:grid;gap:20px;margin:20px 0}.project-production-controls .field{margin:0}.project-production-card .fine-print{margin-bottom:0}

.project-production-summary{border:1px solid var(--line);border-radius:12px;padding:24px;margin:24px 0 28px;background:var(--surface)}.project-production-summary h3{margin:4px 0 14px}.project-production-summary .fine-print:last-child{margin-bottom:0}.recorded-production{margin-top:18px}.recorded-production-stage{margin-top:18px}.recorded-production-stage+.recorded-production-stage{border-top:1px solid var(--line);padding-top:18px}@media(max-width:600px){.project-production-summary{padding:18px}}

/* Channel identity and compact publishing destinations. */
.channel-filter-bar{display:flex;margin:0 0 22px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.channel-filter-bar .field{margin:0;width:280px;max-width:100%}
.channel-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px 3px 3px;border-radius:7px;background:var(--channel-color,#64748b);color:var(--channel-ink,#fff);font-size:.75rem;font-weight:650;line-height:1.35;vertical-align:middle;border:1px solid color-mix(in srgb,var(--channel-color,#64748b) 70%,var(--ink));box-sizing:border-box}
.channel-pill-mark{display:inline-grid;place-items:center;position:relative;flex:0 0 22px;width:22px;height:22px;overflow:hidden;border-radius:4px;background:#fff;color:#17212b;font-size:12px;font-weight:700}
.channel-pill-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.channel-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-pill-with-logo{background:transparent;color:var(--ink);border:0;border-radius:0;padding:1px 0;gap:5px;font-weight:550}
.channel-pill-with-logo .channel-pill-mark{flex-basis:18px;width:18px;height:18px;border-radius:3px}
.publication-box .meta.is-published,.published-toggle.meta{background:color-mix(in srgb,#0866ff 12%,var(--surface));color:var(--ink)}
.publication-box .buffer.is-published,.published-toggle.buffer{background:color-mix(in srgb,#7958db 13%,var(--surface));color:var(--ink)}
.project-table .publication-box{display:inline-flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;font-size:.56rem;font-weight:450;line-height:1.3;border:0;border-radius:0;background:transparent}
.project-table .publication-box>span{padding:1px 5px;min-width:0;border:1px solid var(--line);border-radius:3px}
.project-table .publication-box .meta.is-published{background:color-mix(in srgb,#0866ff 15%,var(--surface));color:var(--muted)}
.project-table .publication-box .buffer.is-published{background:color-mix(in srgb,#7958db 16%,var(--surface));color:var(--muted)}
.project-table .publication-box>span+span{border:1px solid var(--line)}
.publication-panel .platform-checks{gap:8px}
.published-toggle{gap:6px;padding:3px 6px;margin-bottom:0;border-radius:6px;border:1px solid var(--line);font-size:.78rem;font-weight:600;letter-spacing:.035em}
.published-toggle input{margin:0}
.saved-voice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.saved-voice small{display:block;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.saved-voice>div{min-width:0}
@media(max-width:600px){.channel-filter-bar .field{width:100%}.channel-filter-bar{padding:14px 16px}.saved-voice{flex-wrap:wrap}}

/* Compact project controls and a balanced ten-project overview. */
.project-list-toolbar{display:block}
.project-list-toolbar .filter-tabs{margin-bottom:16px}
.project-list-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.project-channel-filter{display:flex;align-items:center;gap:10px;margin:0 auto 0 0;font-size:.75rem;color:var(--muted);min-width:0}
.project-channel-filter select{width:200px;max-width:100%;font-size:.8125rem}
.project-list-controls #project-sort{width:200px;flex:0 1 200px}
.project-list-controls .search{width:240px;flex:0 1 240px}
.overview-primary>.panel:last-child{margin-top:0;margin-bottom:0}
.overview-columns{row-gap:16px}
.overview-columns>.section-bar{grid-column:1;grid-row:1;margin:0}
.overview-columns>.overview-primary{grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column}
.overview-primary>.panel{flex:1}
.overview-primary .project-table{height:auto}

.overview-activity{grid-column:2;grid-row:2;align-self:stretch;margin:0}
.overview-columns>.overview-activity .panel-body{position:static;overflow:visible;max-height:none}
@media(max-width:1050px){.overview-activity{grid-column:1;grid-row:3}.overview-columns>.overview-primary{display:block}.overview-primary .project-table{height:auto}}
@media(max-width:600px){.project-list-controls{gap:10px}.project-channel-filter{width:100%}.project-channel-filter select{flex:1;width:auto;min-width:0}.project-list-controls #project-sort,.project-list-controls .search{width:100%;flex:1 1 100%}}

/* Show 8 script lines on desktop; retain the current mobile editor. */
@media(min-width:1051px){.field .script-input{min-height:calc(13.2em + 22px)}}

/* Compact create-page guidance, expanded only when requested. */
.create-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.create-help-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:1rem;border-radius:50%}
.create-help-button:hover,.create-help-button[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}
.create-help-copy{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);font-size:.75rem;color:var(--muted)}
.create-help-copy p+p{margin-top:8px}

/* Table rows determine desktop height; activity never stretches them. */
.overview-columns>.overview-primary{display:block;align-self:start}
.overview-activity .activity-item>div{min-width:0}
.overview-activity .activity-item strong,.overview-activity .activity-item small{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.overview-activity .activity-item strong{-webkit-line-clamp:1}
.overview-activity .activity-item small{-webkit-line-clamp:2}
@media(min-width:1051px){.overview-activity{position:relative;contain:size;min-height:0}.overview-columns>.overview-activity .panel-body{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.overview-activity .activity-feed{flex:1;min-height:0;overflow:hidden}}

.banner-copy{flex:1;min-width:0;overflow-wrap:anywhere}.repair-notes{margin-top:8px;font-size:.8125rem}.repair-notes summary{color:var(--muted);cursor:pointer}.repair-notes p{white-space:pre-wrap;line-height:1.6;margin:12px 0 0}

.follow-animation-control{margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}
.follow-animation-control:has(:disabled){color:var(--muted)}

/* Team views and consistent paging. */
[hidden]{display:none!important}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}
.pagination nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination .button{min-width:34px;padding:6px 10px}
.audit-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.audit-filters .field{margin:0}.audit-table td{max-width:300px;overflow-wrap:anywhere}
.member-player{display:block;width:100%;max-height:65vh;background:#111;border-radius:8px;margin:18px 0;object-fit:contain}
.member-view .project-table td,.member-view .project-table th{padding:14px 12px}
.limit-card{margin-bottom:20px}.badge.paused_limit{background:#fff2d8;color:#815410}
#member-draft{max-width:900px}#member-draft textarea{min-height:14em}
@media(max-width:700px){.audit-filters{grid-template-columns:1fr}.pagination{align-items:flex-start;gap:10px}.pagination nav{gap:4px}.pagination .button{padding:6px 8px}.member-view .mobile-nav{justify-content:space-evenly}.member-view .page-heading h1{font-size:26px}.member-view .project-table th:nth-child(4),.member-view .project-table td:nth-child(4){display:none}.member-view .project-table{min-width:0}.member-view .project-table td:nth-child(2){font-size:12px}.member-view .project-table td:first-child{min-width:150px}.member-view .panel-body{padding:18px}.member-view .publishing-item .panel-title{flex-wrap:wrap}}
@media(max-width:700px){.member-view .mobile-nav{display:flex;justify-content:center;gap:28px}.member-view .mobile-nav a{min-width:64px}.member-view .project-table tr{padding:16px;gap:10px 12px}.member-view .project-table td{padding:0}.member-view .project-table td:nth-child(2){grid-row:2}.member-view .project-table td:nth-child(3){grid-row:3}.member-view .project-table td:last-child{grid-row:2 / 4}.member-view .publishing-item [data-copy-value]{min-height:40px;padding:8px 10px}.member-view .publishing-kit .panel-title{gap:12px;align-items:flex-start;flex-direction:column}.member-view .publication-panel .platform-checks{gap:12px}.member-view .published-toggle{min-height:40px}.member-view .project-list-controls #project-sort{font-size:14px}}

.member-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:700px){.member-style-options{grid-template-columns:1fr;gap:0}}

.individual-tags{margin:12px 0 18px}.tag-copy-list{display:flex;flex-wrap:wrap;gap:8px}.tag-copy-list button{white-space:normal;text-align:left;overflow-wrap:anywhere}.audit-table small{display:block;margin-top:4px;color:var(--muted)}.audit-detail{overflow-wrap:anywhere}

/* Manual comment conversations and private invoice calculator. */
.comment-thread-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:24px 0}.comment-thread{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal}.comment-thread small{display:block;font-weight:400;overflow-wrap:anywhere}.comment-history{max-height:480px;overflow:auto;margin:20px 0}.comment-message{max-width:90%;padding:14px 18px;background:var(--bg,#f3f6f7);border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.comment-message p{white-space:pre-wrap;margin:8px 0}.comment-message.from-channel{margin-left:auto;border:1px solid #008577}.invoice-editor-line{display:grid;grid-template-columns:minmax(145px,1fr) minmax(180px,2fr) 80px minmax(120px,1fr) auto;align-items:center;gap:12px}.invoice-saved{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--border,#dde3e8)}.invoice-saved>div{flex:1;min-width:180px}.invoice-saved small{display:block}.project-tabs{overflow-x:auto}@media(max-width:600px){.invoice-editor-line{grid-template-columns:1fr 1fr}.invoice-editor-line>.field:first-child{grid-column:1/-1}.comment-message{max-width:100%}}

.project-tabs{overflow:visible;row-gap:8px;flex-wrap:wrap}.project-tabs button{flex-shrink:0}

/* Project conversations and visual depth */
.depth-control{margin-bottom:24px}.depth-control>span{display:block;font-size:.8125rem;font-weight:500;margin-bottom:10px}.depth-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,440px);gap:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;padding:3px}.depth-segments button{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:8px 10px;font-size:.8125rem;font-weight:500}.depth-segments button span{font-size:1.2em;margin-right:6px}.depth-segments button[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px #1826350a;font-weight:600}.depth-segments button:hover{color:var(--ink)}.depth-control p{margin-top:10px}.partnership-fields{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.comment-composer{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:22px}.comment-composer .filter-tabs{margin-bottom:18px}.comment-controls{display:flex;gap:12px;margin:20px 0}.comment-controls input,.comment-controls select,.comment-followup textarea{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}.comment-controls input{flex:1}.comment-workspace{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.4fr);gap:24px;align-items:start}.comments-inbox .comment-thread-list{display:grid;grid-template-columns:1fr;gap:9px;margin:0}.comments-inbox .comment-thread{display:grid;gap:9px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px;color:var(--ink);width:100%;white-space:normal;overflow-wrap:anywhere;font-size:.8125rem}.comments-inbox .comment-thread.selected{border-color:var(--accent);background:var(--accent-soft)}.comment-thread small{color:var(--muted);font-size:.6875rem}.comment-thread-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.comment-detail{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.comment-detail h3{margin-bottom:20px}.comment-empty{padding:36px 8px;text-align:center;color:var(--muted);font-size:.875rem}.comment-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted);margin-top:16px}.comment-message p{white-space:pre-wrap;overflow-wrap:anywhere}.comment-history{max-height:420px;overflow:auto;margin-bottom:24px}.comment-message{padding:14px;background:var(--surface-soft);border-radius:10px;margin-bottom:12px}.comment-message.from-channel{margin-left:24px;background:var(--accent-soft)}.comment-followup{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.comment-followup h4{margin:0 0 12px}.comment-followup textarea{display:block;width:100%;margin-bottom:10px;resize:vertical}.comment-import{padding:15px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.permission-groups section{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.permission-groups h3{margin-bottom:6px}.permission-groups .switch-row{font-size:.8125rem}.member-view #member-draft h3{margin:22px 0 14px}
@media(max-width:800px){.comment-workspace{grid-template-columns:1fr}.comments-inbox .panel-title{align-items:flex-start;flex-wrap:wrap}.comment-detail{padding:16px}.comment-controls{flex-wrap:wrap}.comment-controls input{flex-basis:100%}.depth-segments button{padding:12px 3px;font-size:.8125rem}.depth-segments button span{margin-right:2px}}

/* Consistent, keyboard-friendly disclosure rows and conversation states. */
details>summary{min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);line-height:1.5;transition:background .15s,border-color .15s}details>summary:hover{border-color:var(--accent);background:var(--accent-soft)}details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}details[open]>summary{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}details+details{margin-top:12px}
.depth-segments button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.depth-segments button .depth-icon{width:17px;height:17px;flex-shrink:0}.depth-segments button span{font-size:inherit;margin:0}.depth-segments button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.comment-status{border:0;font-weight:600}.comment-status.replied{color:#147650;background:#e5f5eb}.comment-status.ready{color:#4855a0;background:#eef0ff}.comment-status.pending{color:#996219;background:#fff3d9}.comment-status.working{color:#167185;background:#e4f5fa}.comment-complete{padding:14px 16px;border-radius:10px;background:#e5f5eb;color:#175f43;font-size:.8125rem}.comment-complete p{margin:5px 0 0;line-height:1.6}.comment-followup [data-followup-form]{margin-top:16px}.comment-followup [hidden]{display:none}.comment-detail .actions{margin-bottom:20px}.comment-history small{color:var(--muted)}
@media(prefers-reduced-motion:reduce){details>summary,details>summary:after{transition:none}}@media(max-width:500px){.depth-segments button{gap:6px}.depth-segments button .depth-icon{width:17px;height:17px}}

.project-layout.workspace-wide{grid-template-columns:minmax(0,1fr)}.project-layout.workspace-wide>aside{display:none}.project-tabs{gap:8px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.project-tabs button{padding:10px 12px;border-radius:7px;min-height:42px}.project-tabs button.active{color:var(--accent);background:var(--accent-soft)}.project-tabs button.active:after{display:none}.project-tabs button:hover{background:var(--surface-soft)}.project-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Shared Studio palette: one accent system, including sign-in and mobile. */
:root{--accent-2:var(--accent);--accent-fill:var(--accent);--accent-ink:#fff}
.button.primary,.sidebar-create,.brand-icon,.site-icon-preview{background:var(--accent-fill);color:var(--accent-ink);border-color:transparent}
.sidebar nav a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 34%,transparent),color-mix(in srgb,var(--accent-2) 14%,transparent))}
.sidebar nav a.active .nav-icon{color:inherit}.sidebar nav a.active{color:#fff}
:root[data-gradient=true] .sidebar{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%),var(--sidebar)}
:root[data-gradient=true] body{background:radial-gradient(ellipse 900px 400px at 85% 0,color-mix(in srgb,var(--accent-2) 6%,transparent),transparent),var(--canvas)}
:root[data-theme=dark] a:not(.button):not(.brand):not(.sidebar nav a),:root[data-theme=dark] .project-tabs button.active{color:color-mix(in srgb,var(--accent) 55%,white)}
.color-presets{border:0;padding:0;margin:24px 0}.color-presets legend{font-size:.875rem;font-weight:600;margin-bottom:6px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:14px}.palette-preset{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);color:var(--ink);font-size:.8125rem;font-weight:550}.palette-preset[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.palette-preset small{color:var(--muted);font-size:.6875rem;font-weight:400}.palette-swatch{display:block;height:24px;width:100%;border-radius:5px;margin-bottom:4px}.custom-palette-fields{padding:18px 0 0}.palette-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;color:var(--muted);margin:16px 0 24px}.palette-preview [data-palette-preview]{padding:10px 18px;border-radius:8px;font-size:.8125rem;font-weight:600}.appearance-account-note{align-self:center;font-size:.8125rem;margin-bottom:18px}.appearance-account-note p{margin-top:5px}.owner div{min-width:0}.owner div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu h2,.more-menu h2{overflow-wrap:anywhere}.publication-line{flex-wrap:wrap}.comment-detail .actions{gap:8px;flex-wrap:wrap}.comment-detail .actions .button{font-size:.8125rem;padding:10px 13px;min-height:42px}.comment-followup .fine-print{margin-top:8px}
@media(max-width:500px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-detail .actions .button{flex:1 1 auto}.palette-preview{flex-wrap:wrap}}
.user-settings-form>h2{margin-bottom:22px}.user-settings-section+.user-settings-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.user-settings-section>h3{margin-bottom:12px}.user-settings-section>.fine-print{margin-bottom:10px}.user-settings-section>.actions{margin:0 0 10px}.user-settings-section>.field:last-child{margin-bottom:0}.user-settings-section>.switch-row:last-child{border-bottom:0}.user-settings-section .permission-groups section{margin:18px 0 0}.user-settings-section .permission-groups+p{margin-top:16px}.comment-posting-note{margin:-8px 0 18px}.reply-guidance{padding:12px 0}.comment-message.from-channel{border-color:var(--accent)}.project-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:14px;font-size:.8125rem}.project-bulk>span{font-weight:600;margin-right:auto}.project-bulk>small{flex-basis:100%;color:var(--muted);font-size:.6875rem}.project-bulk select{max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.project-table .project-select{width:42px;padding:12px}.project-table tr.bulk-selected{background:var(--accent-soft)}.bulk-review-list{max-height:220px;overflow:auto;margin:18px 0;padding-left:22px;font-size:.875rem}.bulk-review-list li+li{margin-top:8px}.bulk-result{margin-bottom:16px;padding:16px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;font-size:.8125rem}.bulk-result ul{margin-bottom:0}.bulk-result li+li{margin-top:8px}@media(max-width:600px){.project-bulk>span{flex-basis:100%}.project-bulk select{flex:1;min-width:145px}}

.comments-inbox{container-type:inline-size}.bulk-result ul{max-height:240px;overflow:auto;padding-left:22px}@container(max-width:700px){.comment-workspace{grid-template-columns:1fr}.comment-detail{padding:16px}}

@media(max-width:780px){.project-table.bulk-enabled th:nth-child(4),.project-table.bulk-enabled td:nth-child(4){display:table-cell}.project-table.bulk-enabled th:nth-child(5),.project-table.bulk-enabled td:nth-child(5){display:none}}
@media(max-width:700px){.project-table.bulk-enabled td.project-select{grid-column:2;grid-row:1;width:auto;padding:0;align-self:start}.project-table.bulk-enabled td:nth-child(2){grid-column:1;grid-row:1}.project-table.bulk-enabled td:nth-child(3){grid-column:1;grid-row:2}.project-table.bulk-enabled td:nth-child(4){display:block;grid-column:1;grid-row:3}.project-table.bulk-enabled td:last-child{grid-column:2;grid-row:2 / 4}}

.usage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.usage-summary small{display:block;color:var(--muted);font-size:.76rem;margin-top:6px}.usage-summary .usage-total{margin-bottom:8px}.usage-versions{margin:16px 0}

/* Mobile conversations retain list position and use one scrollable dialog body. */
.comment-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.comment-detail-heading h3{margin:0;overflow-wrap:anywhere}.comment-options{margin-top:22px;padding-top:12px;border-top:1px solid var(--line)}.comment-options>summary{font-size:.8125rem;color:var(--muted)}.comment-options>.button{margin-top:12px}.comment-options [hidden]{display:none}.comment-complete .button{margin-top:12px}.comment-dialog{padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);width:min(94vw,640px);max-width:calc(100vw - 16px);height:min(90dvh,850px);max-height:calc(100dvh - 16px);overflow:hidden;box-shadow:0 24px 80px #0004}.comment-dialog[open]{display:flex;flex-direction:column}.comment-dialog::backdrop{background:#14212a99}.comment-dialog-header,.comment-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);flex-shrink:0}.comment-dialog-header{border-bottom:1px solid var(--line)}.comment-dialog-header h2{font-size:1rem;margin:0}.comment-dialog-footer{border-top:1px solid var(--line);padding-bottom:max(12px,env(safe-area-inset-bottom))}.comment-dialog-footer span{font-size:.75rem;color:var(--muted)}.comment-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}.comment-dialog .comment-detail{border:0;border-radius:0;padding:16px}.comment-dialog .comment-history{max-height:none;overflow:visible;margin:12px 0 20px}.comment-dialog .button{min-height:44px}.comment-dialog textarea,.comment-dialog input{font-size:1rem}.comment-dialog .comment-detail .actions{display:flex;gap:8px}.comment-dialog .comment-detail .actions [data-copy-mark]{flex:1 0 100%;order:-1}.comment-dialog .comment-posting-note{line-height:1.5}.comment-dialog .comment-message{max-width:100%;margin-left:0}.comment-dialog .comment-message.from-channel{margin-left:12px}body:has(.comment-dialog[open]){overflow:hidden}@media(max-width:800px){.comment-workspace>[data-detail]{display:none}.comment-controls select{width:100%;min-height:44px}.comments-inbox .comment-pages .button{min-width:44px;min-height:44px}.comments-inbox .comment-controls input,.comments-inbox .comment-controls select,.comment-composer input,.comment-composer textarea{font-size:1rem}}

.comment-dialog-notice{padding:10px 16px;margin:0;background:var(--accent-soft);font-size:.8125rem;flex-shrink:0}.comment-dialog-notice[hidden]{display:none}
.comment-library-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:20px;padding:22px}.comment-library-controls .field{margin:0}.comment-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comment-video-card{display:flex;gap:20px;padding:22px;margin:0;color:var(--ink);text-decoration:none;align-items:flex-start}.comment-video-card:hover{border-color:var(--accent)}.comment-video-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.comment-video-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 112px;width:112px;aspect-ratio:3/4;background:var(--canvas);border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--muted);font-size:.75rem;text-align:center}.comment-video-thumb img{width:100%;height:100%;object-fit:contain}.comment-video-thumb img[hidden]{display:none}.comment-video-copy{min-width:0;flex:1}.comment-video-copy h2{font-size:1.1rem;line-height:1.4;margin:6px 0 12px;overflow-wrap:anywhere}.comment-video-titles{padding-left:20px;margin:10px 0 18px;color:var(--muted);font-size:.875rem;line-height:1.55}.comment-video-titles li{padding-left:3px;margin:7px 0;overflow-wrap:anywhere}.comment-video-footer{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8125rem;color:var(--muted)}.comment-video-footer strong{color:var(--accent)}.comment-video-summary{display:flex;align-items:center;gap:24px;padding:22px}.comment-video-summary h2{font-size:1rem}.comment-back{display:inline-block;margin-bottom:16px;font-size:.875rem}.comment-library .page-heading h1{overflow-wrap:anywhere}.comment-library .pagination nav{display:flex;gap:10px}
@media(max-width:1100px){.comment-video-grid{grid-template-columns:1fr}}
@media(max-width:600px){.comment-library-controls{grid-template-columns:1fr;padding:18px;gap:14px}.comment-video-card{padding:16px;gap:14px}.comment-video-thumb{flex-basis:76px;width:76px}.comment-video-copy h2{font-size:1rem}.comment-video-titles{font-size:.8125rem;padding-left:17px}.comment-video-summary{padding:16px;gap:14px;align-items:flex-start}.comment-video-summary>div{min-width:0}.member-view .mobile-nav{gap:8px;justify-content:space-around}.member-view .mobile-nav a{min-width:48px}}
/* Comments: compact, touch-friendly navigation and screenshot workflow. */
.comment-tabs{display:flex;gap:6px;padding:6px;margin-bottom:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%}.comment-tabs a{padding:11px 22px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:650;white-space:nowrap}.comment-tabs a[aria-current]{background:var(--accent-soft);color:var(--accent)}.screenshot-intro,.upload-review,.upload-progress,.upload-saved,.upload-recent{padding:24px;margin-bottom:20px}.upload-steps{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:20px}.upload-steps span{padding:6px 10px;border-radius:20px;background:var(--canvas)}.screenshot-picker{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px dashed var(--accent);border-radius:14px;background:var(--accent-soft);margin-bottom:18px}.screenshot-picker>span{font-size:.9rem;color:var(--muted);max-width:44em}.screenshot-picker input{max-width:100%;min-width:0}.screenshot-picker input::file-selector-button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:var(--surface);color:var(--ink);margin-right:12px;cursor:pointer}.upload-match{display:flex;gap:14px;align-items:center;margin:14px 0;min-width:0}.upload-match img{object-fit:cover;border-radius:8px;flex-shrink:0}.upload-match>div{display:flex;flex-direction:column;gap:5px;min-width:0}.upload-match strong{overflow-wrap:anywhere}.upload-match small{color:var(--muted)}.match-option,.upload-history-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px;margin:10px 0;color:var(--ink);cursor:pointer}.match-option:hover,.upload-history-item:hover{border-color:var(--accent);background:var(--accent-soft)}.match-option .upload-match{margin:0}.match-option>span{font-size:.8rem;color:var(--accent);flex-shrink:0}.upload-history-item small{color:var(--muted)}.upload-notice{padding:12px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:8px}.upload-add{position:static;margin-top:6px}.upload-review .comment-import>.switch-row{margin-bottom:16px}.upload-review .comment-import>.field:last-child{margin-bottom:0}.comment-tabs a:focus-visible,.match-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.upload-progress{text-align:center}.upload-progress .loading-ring{display:inline-block;margin:10px}.upload-review details{margin:16px 0}.upload-review summary{cursor:pointer;color:var(--accent)}
@media(max-width:800px){.comment-tabs{width:100%;margin-bottom:20px}.comment-tabs a{flex:1;text-align:center;padding:11px 8px;font-size:.9rem}.screenshot-intro,.upload-review,.upload-progress,.upload-saved,.upload-recent{padding:18px}.screenshot-picker{padding:18px}.screenshot-intro form>.button{width:100%;min-height:48px}.upload-steps{gap:6px;font-size:.72rem}.upload-steps span{padding:5px 8px}.upload-add{width:100%;min-height:48px}.match-option{flex-direction:column;align-items:stretch;gap:8px}.match-option>span{text-align:right}.comments-inbox .panel-title{align-items:flex-start;gap:16px}.comments-inbox .panel-title h2{font-size:1.25rem}.comments-inbox .panel-title p{font-size:.85rem}.comments-inbox [data-new]{font-size:.85rem;min-height:44px;white-space:nowrap}.comment-thread{border-radius:14px;padding:16px!important;box-shadow:0 2px 5px #00000005}.comment-thread-heading{gap:10px}.comment-thread>span:not(.comment-thread-heading){line-height:1.55}.comment-thread small{font-size:.75rem}.comment-dialog .comment-detail .actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.comment-dialog .actions .button{min-height:46px;font-size:.85rem;padding:10px}.comment-dialog [data-copy-mark]{grid-column:1/-1;grid-row:1;font-weight:650;min-height:50px!important}.comment-dialog [data-generate]{grid-column:1/-1;grid-row:3;background:transparent;border-color:transparent;color:var(--muted)}.comment-dialog textarea[data-draft]{min-height:136px;font-size:1rem;line-height:1.65}.comment-message{border-radius:12px}.comment-dialog-header,.comment-dialog-footer{padding:14px 18px}.comment-dialog .comment-posting-note{font-size:.75rem;line-height:1.6}.comment-library .comment-video-card{border-radius:16px}.comment-video-footer strong{display:inline-flex;align-items:center;border-radius:8px;padding:7px 10px;background:var(--accent-soft);margin-top:3px}.comment-controls input,.comment-controls select{min-height:46px}}

/* Replies expand with their text; only the page/dialog body needs scrolling. */
.upload-review textarea[data-text],.upload-review textarea[data-reply],.comment-detail textarea[data-draft],.comment-detail textarea[data-text],.comment-detail textarea[data-reply]{overflow-y:hidden;resize:none;max-height:none}
.comment-dialog-body{scroll-padding-block:16px}.comment-dialog .comment-detail{padding-bottom:24px}.comment-dialog .comment-detail .actions .button{white-space:normal;overflow-wrap:anywhere}

/* Bulk draft import shares the Studio theme and wraps naturally on phones. */
.import-input-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.import-source{min-height:320px}.import-example,.import-script{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.import-example{font:inherit;padding:16px;background:var(--surface-soft);border-radius:12px}
.import-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.import-card{margin:0;min-width:0}.import-card strong{overflow-wrap:anywhere}.import-card details{margin-top:16px}
.import-settings{margin:18px 0}.import-settings>div{display:flex;justify-content:space-between;gap:20px;margin:9px 0}
.import-settings dt{flex:1}.import-settings dd{margin:0;text-align:right;flex:1;overflow-wrap:anywhere}
.import-warning{margin-top:16px;padding:14px;border:1px solid #c79539;border-radius:12px;background:color-mix(in srgb,#c79539 10%,transparent)}
.import-warning p{margin:8px 0}.import-error{color:var(--red);overflow-wrap:anywhere}
.import-save{margin-top:20px}.import-created{display:grid;gap:14px;padding-left:20px}.import-script{margin-top:12px}
@media(max-width:640px){.import-save .button{width:100%;min-height:48px}.import-input-actions{align-items:stretch}.import-input-actions input{max-width:100%}.import-source{min-height:260px}}
/* Import advice remains readable as stacked before/after cards on phones. */
.import-suggestion{margin:18px 0 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.import-suggestion.is-accepted{border-color:var(--accent);background:var(--accent-soft)}
.suggestion-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.suggestion-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.suggestion-comparison>div{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);min-width:0}
.suggestion-comparison p,.import-suggestion blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}
.import-suggestion blockquote{border-left:3px solid var(--accent);padding-left:12px}
.suggestion-reason{margin:12px 0;line-height:1.6}
.import-suggestion .button{min-height:44px}
.suggestion-kept{border-color:var(--accent)}
.import-advice-tools{margin-bottom:18px}
@media(max-width:700px){.suggestion-comparison{grid-template-columns:1fr}.import-suggestion .actions{display:grid;grid-template-columns:1fr}.suggestion-heading{align-items:flex-start}}

/* Import controls: clear groups and comfortable mobile actions. */
.draft-import-page [data-import-form]>.panel-body{display:grid;gap:22px}
.draft-import-page [data-import-form] .field{margin:0}
.draft-import-page [data-import-form] button[type=submit]{justify-self:start;margin-top:2px}
.draft-import-page [data-read-status]:empty,.draft-import-page [data-advice-status]:empty{display:none}
.draft-import-page [data-read-status]{margin:0;line-height:1.6}
.draft-import-page [data-import-preview]{margin-top:28px}
.draft-import-page .import-advice-tools .panel-body{display:grid;gap:14px}
.draft-import-page .import-advice-tools p,.draft-import-page .import-advice-tools h3{margin:0;line-height:1.6}
.draft-import-page .import-advice-tools .button{justify-self:start}
.draft-import-page .import-save{margin-top:20px;display:grid;gap:14px}
.draft-import-page .import-save p{margin:0;line-height:1.6}
.draft-import-page .import-save .button{justify-self:start}
.import-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sheet-import-page [data-upload]>.panel-body{display:grid;gap:20px}
.sheet-import-page [data-upload] .field,.sheet-import-page [data-upload] p{margin:0}
.sheet-import-page [data-preview]{margin-top:28px}
.sheet-import-page .import-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));align-items:start}
.sheet-import-page .sheet-wide{grid-column:1/-1}
.sheet-import-page [data-row]{display:grid;gap:20px}
.sheet-import-page details .import-edit-grid{margin-top:20px}
.sheet-import-page [aria-invalid=true]{border-color:#bf3345}
.sheet-import-page [data-upload] .import-settings-actions{margin:0;flex-wrap:wrap}
.import-settings-form{display:grid;gap:20px;margin:22px 0}
.import-settings-form .field{margin:0;min-width:0}
.import-settings-form select,.import-settings-form textarea{width:100%;min-width:0}
.import-settings-form select{min-height:46px}
.import-settings-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.import-settings-actions .button,.import-settings-actions .text-button{min-height:46px}
.import-settings-actions small{flex-basis:100%;line-height:1.5}
.import-settings-form[inert]{opacity:.65}
.import-logo small{display:block;margin-top:6px;font-weight:400;line-height:1.5}
.import-match-note{padding:12px 16px;background:var(--accent-soft);border-radius:10px;margin-top:16px;line-height:1.6}
.import-match-note p{margin:0}
.import-choice-hint{line-height:1.6;margin-top:6px}
.import-voice{margin-top:18px;line-height:1.7}
@media(max-width:640px){.import-edit-grid{grid-template-columns:1fr}.draft-import-page [data-import-form] button[type=submit],.draft-import-page .import-advice-tools .button,.draft-import-page .import-save .button{width:100%;min-height:48px}.import-settings-actions{display:grid;grid-template-columns:1fr}.import-settings-actions .button{width:100%}}
.production-preferences .production-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.production-preferences .production-section>h2{margin-top:0}
.production-preferences .production-section>.field{margin-top:18px}
.production-preferences .production-section>.model-preferences{margin-bottom:20px}
.production-preferences .production-advanced>summary{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;cursor:pointer}
.production-preferences .advanced-fields{padding-top:20px}
.production-preferences .advanced-fields>.field{margin-top:20px}
.stat-card.delivered i{background:var(--accent)}
@media(min-width:1101px){.overview-stats{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:540px){.production-preferences .actions .button{width:100%}}

/* Owner-only provider reconnect controls. */
.provider-connection{padding:24px 0;border-bottom:1px solid var(--line)}
.provider-connection:last-of-type{margin-bottom:20px}
.provider-connection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.provider-connection>p{margin:10px 0 16px}
.connection-login{display:grid;gap:16px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);max-width:620px}
.connection-login p{margin:0}.connection-login .button{justify-self:start}
.connection-code{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.connection-code strong{font-size:1.4rem;letter-spacing:.09em}
.connection-message{overflow-wrap:anywhere}.connection-login form{display:grid;gap:12px}
@media(max-width:640px){.connection-login{padding:16px}.connection-login .button{width:100%}.provider-connection-heading{flex-wrap:wrap}}
#instagram-settings h3{margin:28px 0 12px}
#instagram-settings p{margin-bottom:14px}
#instagram-settings form{max-width:740px;margin-bottom:24px}
#instagram-settings .panel .panel{margin-top:24px}
#instagram-settings article{border-top:1px solid var(--line);padding:12px 0}
#instagram-settings article h3{margin-top:8px}

/* Instagram review inbox and post-level insights. */
.ig-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px;margin-bottom:20px}
.ig-controls .field{min-width:180px;flex:1;margin:0}.ig-controls select{width:100%}
.ig-comment{padding:28px;margin:0 0 24px;border-top:3px solid var(--accent)}
.ig-comment-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}
.ig-comment-heading h2{font-size:1.1rem;margin:12px 0 6px;overflow-wrap:anywhere}
.ig-account{display:inline-block;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:650;padding:6px 10px;overflow-wrap:anywhere}
.ig-viewer{border-left:3px solid #7b91cf;background:color-mix(in srgb,#7b91cf 8%,var(--surface));padding:18px 20px;border-radius:0 10px 10px 0;margin:12px 0 20px}
.ig-comment-text,.ig-reply{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:6px 0 0}
.ig-context{background:var(--surface-soft);border:1px solid var(--line);padding:18px 20px;margin:0 0 24px;border-radius:10px}
.ig-context .eyebrow{display:block}.ig-context strong{font-size:.9375rem}.ig-context p{margin:8px 0;font-size:.875rem;color:var(--muted)}.ig-context a{display:inline-block;font-size:.8125rem;margin-top:6px}
.ig-comment .field{display:block;margin:0 0 10px}.ig-comment .field>span{display:block;font-weight:600;font-size:.875rem;margin-bottom:10px}
.ig-comment textarea,.ig-automation textarea{display:block;width:100%;font:inherit;font-size:.9375rem;line-height:1.65;padding:14px 16px;resize:vertical;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface)}
.ig-comment textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.ig-comment .actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ig-comment [data-ignore]{margin-left:auto}
.ig-guidance{margin-top:20px;border:1px solid var(--line);border-radius:10px}.ig-guidance summary{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:.8125rem;cursor:pointer}.ig-guidance .field{padding:0 16px 16px;margin:0}
.ig-reply{border-left:3px solid var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface));padding:18px;border-radius:8px}
.ig-notice{padding:18px 20px;margin:0 0 20px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:10px;font-size:.875rem;line-height:1.6}.ig-notice p{margin:8px 0}.ig-notice a{font-weight:600}
.ig-automation{margin:0 0 20px}.ig-automation>summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;font-weight:600;cursor:pointer}.ig-automation-body{padding:0 20px 20px;line-height:1.65;font-size:.875rem}.ig-automation form{border-top:1px solid var(--line);margin:20px 0;padding-top:20px}.ig-automation h3{margin-bottom:16px}.ig-automation .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.ig-automation .field{min-width:0}.ig-automation select{max-width:100%}
.ig-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.ig-metrics .panel{padding:20px;margin:0;border-top:3px solid var(--accent)}.ig-metrics .panel>span{font-size:.8125rem;color:var(--muted)}.ig-metrics strong{display:block;font-size:1.75rem;line-height:1.25;margin-top:12px;overflow-wrap:anywhere}
.ig-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.ig-analytics-table{width:100%;border-collapse:collapse;min-width:1000px}.ig-analytics-table td,.ig-analytics-table th{padding:18px;text-align:right;border-bottom:1px solid var(--line);font-size:.8125rem}.ig-analytics-table td:first-child,.ig-analytics-table th:first-child{text-align:left;min-width:250px;max-width:380px}.ig-analytics-table small{display:block;margin-top:8px;color:var(--muted)}.ig-analytics-table tbody tr:hover{background:var(--surface-soft)}
@media(max-width:700px){.ig-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ig-metrics .panel{padding:16px}.ig-metrics strong{font-size:1.375rem}.ig-comment{padding:18px}.ig-comment-heading{flex-direction:column;gap:12px}.ig-viewer,.ig-context{padding:14px}.ig-controls .field{min-width:100%}.ig-controls{padding:16px;gap:14px}.ig-controls>.button{flex:1;white-space:normal}.ig-comment .actions>.button{flex:1;min-width:120px}.ig-comment [data-ignore]{margin-left:0}.comment-tabs{flex-wrap:wrap}.ig-automation>summary{align-items:start;gap:6px;flex-direction:column}.ig-automation .form-row{grid-template-columns:1fr}.ig-analytics-table{min-width:0}.ig-analytics-table thead{display:none}.ig-analytics-table tr{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:0 18px;border-bottom:1px solid var(--line)}.ig-analytics-table td{display:block;text-align:left;padding:12px 0;min-width:0;font-size:.875rem}.ig-analytics-table td:first-child{grid-column:1/-1;min-width:0;max-width:none;padding-top:0}.ig-analytics-table td[data-label]:before{content:attr(data-label);display:block;font-size:.6875rem;font-weight:600;color:var(--muted);margin-bottom:6px}.ig-analytics-table td:last-child{grid-column:1/-1;border-bottom:0}}

/* Analytics shares Overview's compact cards, with a quieter report toolbar. */
.ig-inbox{max-width:1400px;margin-inline:auto}.ig-inbox .page-heading{margin-bottom:20px}.ig-inbox .page-heading p{font-size:.875rem}.ig-inbox .ig-controls{padding:16px 20px;gap:14px;margin-bottom:14px}.ig-inbox .ig-controls .field{max-width:380px}.ig-inbox .ig-controls .field>span{font-size:.75rem}.ig-inbox .ig-controls select{font-size:.8125rem;min-height:40px;padding:10px 12px}.ig-inbox .ig-controls>.button{font-size:.8125rem;min-height:40px;padding:10px 14px}
.ig-inbox-count{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted);margin:0 2px 12px}.ig-inbox-count p{margin:0}.ig-conversation{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;box-shadow:0 2px 6px #152c4210;overflow:hidden}.ig-conversation>summary{display:flex;gap:14px;align-items:start;padding:20px;cursor:pointer;list-style:none}.ig-conversation>summary::-webkit-details-marker{display:none}.ig-conversation>summary:hover{background:var(--surface-soft)}.ig-conversation>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.ig-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;font-size:.875rem;font-weight:700;color:var(--accent);background:var(--accent-soft)}.ig-summary-copy{display:grid;gap:7px;flex:1;min-width:0}.ig-person{font-size:.875rem;font-weight:650;display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}.ig-excerpt{font-size:.875rem;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-video-line{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-video-line>span{opacity:.85}.ig-state{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;font-size:.625rem;font-weight:650;line-height:1.5;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.ig-state-sent{background:#e5f4ed;color:#236044}.ig-state-ignored{background:var(--surface-soft);color:var(--muted)}.ig-state-flagged,.ig-state-uncertain,.ig-state-sending{background:#fff0ee;color:#ad352e}.ig-comment-time{text-align:right;flex:none;display:grid;gap:5px;padding-top:2px;color:var(--muted);font-size:.6875rem;line-height:1.5}.ig-comment-time small{font-size:.6875rem}.ig-chevron{color:var(--muted);font-size:1rem;transition:transform .15s}.ig-conversation[open] .ig-chevron{transform:rotate(180deg)}
.ig-conversation-body{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:28px;padding:22px;border-top:1px solid var(--line)}.ig-video-context{display:flex;flex-direction:column;align-items:start;gap:10px;border-right:1px solid var(--line);padding-right:22px;min-width:0}.ig-section-label{font-size:.6875rem;font-weight:650;color:var(--muted);line-height:1.5}.ig-video-context>strong{font-size:.875rem;line-height:1.55;font-weight:600;overflow-wrap:anywhere}.ig-context-links{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:6px;font-size:.75rem}.ig-video-context select{width:100%;max-width:200px}.ig-conversation-thread{min-width:0}.ig-message{padding:14px 16px;border-radius:10px;max-width:100%;margin:0 0 16px;overflow-wrap:anywhere}.ig-message p{font-size:.875rem;line-height:1.65;white-space:pre-wrap;margin:6px 0 0}.ig-message-viewer{background:color-mix(in srgb,#7388bb 9%,var(--surface));border-left:3px solid #899cca;margin-right:20px}.ig-message-channel{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-left:3px solid var(--accent);margin-left:24px}.ig-compose{margin-left:24px;border-left:2px solid var(--line);padding-left:18px}.ig-compose .field{margin:0}.ig-compose .field>span{font-size:.75rem;font-weight:600;display:block;margin-bottom:9px}.ig-compose textarea{width:100%;display:block;min-height:90px;resize:vertical;padding:12px 14px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:.875rem;line-height:1.6;background:var(--surface);color:var(--ink)}.ig-compose textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.ig-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.ig-secondary-actions{display:flex;gap:12px;margin-left:auto}.ig-text-button{padding:6px 2px;border:0;background:none;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}.ig-text-button:hover{text-decoration:underline}.ig-flag-action{color:#ae453e}.ig-compose-note{display:block;font-size:.6875rem;color:var(--muted);margin-top:10px}.ig-conversation .button.small{font-size:.75rem;padding:9px 12px;min-height:36px}.ig-flag-notice{border:1px solid #edc7c3;border-radius:9px;padding:14px 16px;background:#fff5f3;color:#913b35;font-size:.8125rem}.ig-flag-notice p{font-size:.8125rem;margin:8px 0 12px}.ig-inbox-empty{text-align:center;padding:40px}.ig-inbox-empty h3{font-size:1rem}.ig-inbox-empty p{font-size:.875rem;color:var(--muted)}.ig-inbox .ig-pagination{margin:20px 0 30px;gap:16px;flex-wrap:wrap}.ig-inbox .ig-pagination>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ig-inbox .ig-pagination .small{font-size:.75rem;padding:8px 12px;min-height:36px}.ig-page-number[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent)}.ig-page-gap{color:var(--muted);padding:0 2px}.ig-automation [hidden]{display:none!important}.ig-inbox [aria-busy=true]{cursor:progress}
@media(max-width:700px){.ig-conversation>summary{padding:15px;gap:10px;flex-wrap:wrap}.ig-avatar{flex-basis:30px;height:30px;font-size:.75rem}.ig-summary-copy{flex-basis:calc(100% - 64px)}.ig-person{font-size:.8125rem}.ig-excerpt{font-size:.8125rem}.ig-comment-time{margin-left:40px;text-align:left;display:flex;gap:10px;flex-wrap:wrap;font-size:.625rem}.ig-comment-time small{font-size:.625rem}.ig-chevron{position:absolute;right:15px}.ig-conversation>summary{position:relative}.ig-conversation-body{grid-template-columns:1fr;padding:16px;gap:18px}.ig-video-context{border:0;border-bottom:1px solid var(--line);padding:0 0 16px;gap:6px}.ig-context-links{flex-direction:row;gap:14px;flex-wrap:wrap;margin-top:4px}.ig-message-viewer{margin-right:8px}.ig-compose{margin-left:8px;padding-left:12px}.ig-compose-actions .button{flex:1}.ig-secondary-actions{width:100%;justify-content:flex-end}.ig-message-channel{margin-left:12px}.ig-inbox .ig-controls{padding:14px;gap:10px}.ig-inbox .ig-controls .field{max-width:none}.ig-inbox .ig-pagination>div{gap:4px}.ig-inbox .ig-pagination .small{padding:8px 10px}.ig-inbox .ig-pagination>span{width:100%}}

.ig-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ig-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 24px}
.ig-summary .stat-card{min-width:0}.ig-summary .stat-card strong{font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.045em;overflow-wrap:anywhere}
.ig-stat-views i{background:var(--accent)}.ig-stat-likes i{background:#ba7e91}.ig-stat-comments i{background:#808ec0}.ig-stat-saved i{background:#c39b62}.ig-stat-shares i{background:#699b94}
.ig-unavailable{color:var(--muted)}
.ig-analytics-filters{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:18px;padding:20px;margin:0 0 26px}
.ig-analytics-filters .field{margin:0;min-width:0}.ig-analytics-filters select,.ig-analytics-filters input{width:100%;min-width:0}
.ig-date-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:18px}
.ig-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;scroll-margin-top:24px}
.ig-results-heading h2{font-size:1rem;margin:0;display:flex;align-items:center;gap:9px}.ig-results-heading h2 span{font-size:.6875rem;font-weight:500;background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;padding:3px 9px;color:var(--muted)}
.ig-results-heading p{margin:0;color:var(--muted);font-size:.75rem}
.ig-analytics .ig-analytics-table{min-width:900px}.ig-analytics .ig-analytics-table th{background:var(--surface-soft);font-weight:550;font-size:.6875rem;white-space:nowrap}.ig-analytics .ig-analytics-table td{font-variant-numeric:tabular-nums}.ig-analytics .ig-analytics-table td:last-child{font-size:.6875rem;color:var(--muted);min-width:120px}.ig-analytics .ig-analytics-table tbody tr:last-child td{border-bottom:0}
.ig-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 28px;color:var(--muted);font-size:.75rem}.ig-pagination>div{display:flex;align-items:center;gap:14px}.ig-pagination button{min-width:78px}
.ig-export-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin:0}.ig-export-panel h2{font-size:.9375rem;margin:0 0 6px}.ig-export-panel p{font-size:.8125rem;color:var(--muted);margin:0;line-height:1.6}.ig-export-panel .button{flex-shrink:0}
@media(max-width:900px){.ig-summary{gap:10px}.ig-summary .stat-card{padding:15px 12px}.ig-heading-actions .button{font-size:.75rem}}
@media(max-width:700px){.ig-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.ig-summary .stat-card{padding:16px}.ig-summary .stat-card strong{font-size:1.5rem}.ig-analytics-filters{grid-template-columns:1fr;padding:16px;gap:14px}.ig-date-fields{gap:12px}.ig-results-heading{align-items:flex-start}.ig-results-heading p{max-width:145px;text-align:right;line-height:1.5}.ig-analytics .ig-analytics-table{min-width:0}.ig-analytics .ig-analytics-table td:last-child{min-width:0}.ig-heading-actions{width:100%}.ig-heading-actions .button{flex:1}.ig-pagination{flex-wrap:wrap;gap:12px}.ig-pagination>div{width:100%;justify-content:space-between}.ig-export-panel{align-items:flex-start;flex-direction:column;padding:18px;gap:16px}.ig-export-panel .button{width:100%}}

.ig-conversation>summary:after{display:none}.ig-conversation>summary{border:0;border-radius:0;margin-bottom:0;background:var(--surface)}.ig-conversation[open]>summary{margin-bottom:0;background:var(--accent-soft)}.ig-conversation>summary+.ig-conversation-body{margin-top:0}.ig-conversation .ig-excerpt{font-weight:400}

@media(max-width:700px){.ig-inbox .ig-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ig-inbox .ig-controls .field{min-width:0}.ig-inbox .ig-automation>summary{flex-direction:row;align-items:center;min-height:52px;padding:14px}.ig-inbox .ig-automation>summary .small{display:none}.ig-inbox .ig-automation>summary:after{margin-left:auto}.ig-inbox .ig-controls>.button{width:100%}}

.ig-compose .ig-draft-error{margin:10px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,#b7632e 25%,var(--line));border-radius:8px;background:color-mix(in srgb,#b7632e 6%,var(--surface));color:var(--ink);font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}

/* Comment status and disclosure controls. */
.ig-state-pending{background:#fff3cd;color:#805b08}.ig-state-ready{background:#ddf5e7;color:#17643d}.ig-state-preparing{background:#e8effd;color:#3c5f9a}
.ig-conversation[open] .ig-excerpt,.ig-conversation[open] .ig-video-line{display:none}
.ig-chevron{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);box-shadow:0 1px 2px #152c4208;transition:background .15s,border-color .15s;transform:none!important}
.ig-chevron svg{width:16px;height:16px;transition:transform .18s ease}.ig-conversation[open] .ig-chevron svg{transform:rotate(180deg)}
.ig-conversation>summary:hover .ig-chevron{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
@media(max-width:700px){.ig-summary-copy{padding-right:28px}.ig-chevron{top:15px;width:28px;height:28px}.ig-inbox .ig-controls .field:has(>[data-order]){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ig-chevron,.ig-chevron svg{transition:none}}
.ig-automation .form-row{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.ig-automation .form-row:has([data-interval]:not([hidden])){grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
.ig-automation .form-row .field{min-width:0;margin-bottom:0}
@media(max-width:1000px){.ig-automation .form-row:has([data-interval]:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ig-automation .form-row,.ig-automation .form-row:has([data-interval]:not([hidden])){grid-template-columns:minmax(0,1fr);gap:14px}}
/* Supplied narration: compact source picker and readable recording review. */
.voiceover-choice{margin:16px 0 20px;padding-bottom:18px;border-bottom:1px solid var(--border,#e4e4eb)}
.voiceover-file{display:grid;gap:10px;padding:18px;border:1px dashed #a4bdc8;border-radius:14px;background:#f5f9fa;font-size:14px}
.voiceover-file>span{font-weight:650}.voiceover-file input{min-width:0;max-width:100%;font:inherit}
.voiceover-file input::file-selector-button{border:1px solid #cfdbdf;border-radius:9px;padding:9px 14px;margin-right:12px;background:white;color:#16353d;font:inherit;cursor:pointer}
.voiceover-choice audio{width:100%;margin:8px 0}.voiceover-choice [hidden], [data-generated-voice][hidden]{display:none!important}
.voiceover-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.voiceover-review-heading h2{margin:5px 0;font-size:21px}.voiceover-status{flex-shrink:0;border-radius:999px;background:#e5f4ef;color:#176450;padding:7px 12px;font-size:12px;font-weight:650}
.voiceover-status.warning{background:#fff1d7;color:#89590b}.voiceover-transcript{white-space:pre-wrap;font-size:15px;line-height:1.7;max-height:340px;overflow:auto;padding:16px;background:#f7f8fb;border-radius:12px}
.voiceover-differences{margin:18px 0}.voiceover-diff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:14px;margin-top:12px;border:1px solid #e1e5eb;border-radius:12px;overflow:hidden}
.voiceover-diff-grid>*{padding:12px 14px;overflow-wrap:anywhere;border-bottom:1px solid #e8ebef}.voiceover-diff-grid>strong{background:#f3f5f8;font-size:12px}.voiceover-diff-grid>div:nth-child(odd){background:#fff9ee}.voiceover-diff-grid>div:nth-child(even){background:#f0f8f5}
.voiceover-audio-note{font-size:13px;padding:12px 16px;border-radius:10px;background:#fff6e6;color:#765114}
@media(max-width:650px){.voiceover-review-heading{flex-direction:column;gap:8px}.voiceover-review .actions{display:flex;flex-wrap:wrap}.voiceover-review .actions .button{flex:1}.voiceover-diff-grid>*{padding:10px}.voiceover-transcript{font-size:14px}}
@media(max-width:650px){.review-actions{flex-direction:column;align-items:stretch}.review-actions .banner-copy,.review-actions .actions{width:100%;min-width:0}.review-actions .actions .button{white-space:normal;text-align:center;flex:1}}
:root[data-theme=dark] .voiceover-file,:root[data-theme=dark] .voiceover-transcript,:root[data-theme=dark] .voiceover-diff-grid>strong{background:var(--surface-soft);color:var(--ink)}
:root[data-theme=dark] .voiceover-diff-grid>div:nth-child(odd){background:#322b21}:root[data-theme=dark] .voiceover-diff-grid>div:nth-child(even){background:#1c302b}

/* Owner draft windows: compact desktop cards, comfortable mobile controls. */
.ig-workflow-heading,.ig-window-toolbar,.ig-window-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ig-workflow-heading h3{margin:0}.ig-timezone{font-size:.75rem;color:var(--muted)}
.ig-automation .form-row{grid-template-columns:minmax(0,2fr) minmax(150px,1fr)}
.ig-automation .form-row:has([data-interval]:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}
.ig-window-toolbar{margin:24px 0 14px}.ig-window-toolbar strong{font-size:.875rem}.ig-window-toolbar p{margin:5px 0 0}
.ig-window-preset{display:flex;align-items:end;gap:10px}.ig-window-preset .field{margin:0;max-width:150px}.ig-window-preset .field>span{font-size:.75rem}
.ig-window-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ig-window-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px;min-width:0;box-shadow:0 2px 8px #12202c04}
.ig-window-card.is-current{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}
.ig-window-card header{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:.8125rem}
.ig-window-current{font-size:.625rem;background:#e4f5ef;color:#066c54;padding:4px 7px;border-radius:20px;font-weight:600}
.ig-window-remove{margin-left:auto;border:0;background:transparent;color:var(--muted);border-radius:8px;width:32px;height:32px;font-size:22px;cursor:pointer}.ig-window-remove:hover{background:#ae453e12;color:#ae453e}.ig-window-remove:disabled{opacity:.3;cursor:default}
.ig-window-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ig-window-card .field{margin:0 0 14px}.ig-window-card .field>span{font-size:.6875rem}
.ig-window-card input{width:100%;min-width:0;padding:10px 8px;font-size:.8125rem;min-height:42px}
.ig-window-used{display:block;font-size:.6875rem;color:var(--muted);line-height:1.6}.ig-window-footer{justify-content:flex-start;margin:14px 0 20px}
.ig-window-error{color:#a3352f;background:#fff0ef;padding:12px 14px;border-radius:8px;font-size:.8125rem}
.ig-draft-usage{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}.ig-budget-summary{display:flex;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:.75rem;color:var(--muted)}.ig-budget-summary strong{color:var(--ink)}.ig-budget-summary.is-limited{background:#fff8e8;color:#805a12;border-color:#e9d9b2}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-grid>*{min-width:0}.archive-connection{display:flex;align-items:center;gap:20px;margin-bottom:22px}.archive-icon{width:52px;height:52px;display:grid;place-items:center;background:#00857712;color:#008577;border-radius:14px;flex-shrink:0}.archive-icon svg{width:28px;height:28px}.archive-connection-copy{flex:1;min-width:0}.archive-connection h2,.archive-jobs h2{font-size:1rem;margin:0 0 6px}.archive-connection p{margin:0 0 5px;font-size:.8125rem}.archive-connection small{color:var(--muted);font-size:.7rem}.archive-policy-grid h2{font-size:1.25rem;margin:10px 0}.archive-policy-grid p{font-size:.8125rem;line-height:1.6;min-height:42px;color:var(--muted);margin-bottom:20px}.archive-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#008577}.archive-toggle{display:flex;align-items:center;gap:10px;font-size:.8125rem;margin-bottom:22px}.archive-toggle input{width:17px;height:17px;accent-color:#008577}.archive-video-rules{margin-top:0}.archive-save{display:flex;align-items:center;gap:16px;margin:20px 0 28px}.archive-advanced>summary,.archive-login>summary{padding:18px 24px;font-size:.8125rem;font-weight:600;cursor:pointer}.archive-advanced .field{max-width:270px}.archive-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.archive-job{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.archive-job>div:first-child{flex:1;min-width:0}.archive-job strong{font-size:.8125rem}.archive-job small{display:block;line-height:1.6;margin-top:5px;font-size:.7rem;color:var(--muted);overflow-wrap:anywhere}.archive-status{border-radius:20px;background:#e8f3ee;color:#29684d;padding:5px 10px;font-size:.6875rem;white-space:nowrap}.archive-status.is-failed{background:#fff1df;color:#8c5a12}.archive-job-actions{display:flex;align-items:center;gap:10px}.archive-login [role=status]{font-size:.8125rem;margin-left:14px}.archive-policy-grid small{font-size:.7rem;color:var(--muted);line-height:1.6;display:block}.archive-path{word-break:break-word}.archive-advanced{margin-bottom:18px}
.audit-full-detail{font-size:.75rem;margin-top:6px}.audit-full-detail summary{cursor:pointer;color:var(--muted)}.audit-full-detail p{max-width:500px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.75rem}.audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.archive-grid{grid-template-columns:1fr 1fr}.archive-policy-grid>section:last-child{grid-column:1/-1}}
@media(max-width:700px){.archive-grid{grid-template-columns:1fr;gap:12px}.archive-policy-grid>section:last-child{grid-column:auto}.archive-connection{flex-wrap:wrap;gap:14px}.archive-connection>.button{width:100%}.archive-save{align-items:flex-start;flex-direction:column}.archive-job{gap:10px;flex-wrap:wrap}.archive-job>div:first-child{flex-basis:70%}.archive-job-actions{width:100%}.archive-policy-grid p{min-height:0}.archive-login input{font-size:16px}}
@media(max-width:1200px){.ig-window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ig-window-grid{grid-template-columns:1fr}.ig-automation .form-row,.ig-automation .form-row:has([data-interval]:not([hidden])){grid-template-columns:1fr}.ig-window-toolbar{align-items:start}.ig-window-preset{width:100%}.ig-window-preset .field{flex:1;max-width:none}.ig-window-card{padding:16px}.ig-window-card input{font-size:16px}.ig-budget-summary{gap:4px}.ig-budget-summary strong{width:100%}}

/* Quick triage stays beside the timestamp without opening the conversation. */
.ig-ignore-button{padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);min-height:30px}.ig-ignore-button:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.ig-ignore-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ig-quick-ignore{justify-self:end;margin-top:4px}.ig-conversation[open] .ig-quick-ignore{display:none}
@media(max-width:700px){.ig-comment-time:has(.ig-quick-ignore){flex:1;align-items:center}.ig-quick-ignore{margin:0 0 0 auto}}

.ig-review-reason{font-size:.6875rem;font-weight:400;color:var(--muted)}.ig-state-unneeded{background:#edf0f4;color:#586878}.ig-state-reviewing{background:#edf0fa;color:#536a97}.ig-automation [data-defaults] .form-row{grid-template-columns:2fr 1fr 1fr}.ig-automation [data-defaults] .check{display:flex;gap:10px;align-items:center;margin:16px 0}.ig-automation [data-defaults] .check input{width:18px;height:18px;accent-color:var(--accent)}@media(max-width:700px){.ig-automation [data-defaults] .form-row{grid-template-columns:1fr}}

.ig-filter-help{margin:12px 4px 0;color:var(--muted);font-size:13px;line-height:1.6;max-width:900px}.ig-controls optgroup{font-weight:600}.ig-controls option{font-weight:400}

/* Distinct owner controls; color belongs to the summary in either state. */
.ig-owner-section{--ig-section-accent:#087f72}.ig-owner-section.ig-selection-settings{--ig-section-accent:#7661b4}
.ig-automation.ig-owner-section>summary{background:color-mix(in srgb,var(--ig-section-accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--ig-section-accent) 24%,var(--line));box-shadow:inset 3px 0 var(--ig-section-accent)}
.ig-automation.ig-owner-section>summary:hover{background:color-mix(in srgb,var(--ig-section-accent) 15%,var(--surface));border-color:color-mix(in srgb,var(--ig-section-accent) 45%,var(--line))}
.ig-automation.ig-owner-section>summary:focus-visible{outline-color:var(--ig-section-accent)}

/* Analytics refresh scope stays separate from the cached view filters. */
.ig-refresh-panel{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px;margin:0 0 24px;border-top:3px solid var(--accent)}
.ig-refresh-panel>div{flex:1;min-width:240px;align-self:center}.ig-refresh-panel h2{font-size:1rem;margin:0 0 6px}.ig-refresh-panel p{margin:0;color:var(--muted);font-size:.85rem}.ig-refresh-panel .field{margin:0;min-width:210px}.ig-refresh-panel select{width:100%}.ig-refresh-panel .ig-refresh-status{flex-basis:100%;font-size:.8rem}
@media(max-width:700px){.ig-refresh-panel{padding:16px;gap:14px}.ig-refresh-panel>div{min-width:0;flex-basis:100%}.ig-refresh-panel .field{min-width:0;flex:1}.ig-refresh-panel>button{width:100%}}

.backup-intro{border-top:3px solid var(--accent);margin-bottom:24px}.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.backup-card{display:flex;flex-direction:column}.backup-card h2,.backup-intro h2{margin:10px 0}.backup-card p,.backup-intro p{color:var(--muted);line-height:1.7}.backup-note{background:var(--surface-soft);border:1px solid var(--line);padding:16px;border-radius:12px;color:var(--muted);font-size:.85rem;margin:12px 0 24px}.backup-card>button{align-self:flex-start;margin-top:auto}.backup-form{margin-bottom:24px}.backup-form details{padding:16px 0}.backup-form .archive-toggle{align-items:flex-start;line-height:1.6;margin:24px 0}.backup-form details .archive-grid{margin-top:18px}@media(max-width:700px){.backup-grid{grid-template-columns:1fr;gap:16px}.backup-card>button{width:100%}}

.ig-reply-time{margin-top:10px;text-align:right;font-size:.6875rem;line-height:1.5;color:var(--muted)}

.ig-draft-note{display:grid;gap:6px;margin:12px 0;padding:14px 16px;border:1px solid #e7d3a8;border-radius:10px;background:#fff9ec;color:#6a4b1a;font-size:.8rem;line-height:1.5}.ig-draft-note[hidden]{display:none}.ig-draft-note small{color:var(--muted)}.ig-tone-example{margin-top:12px}.ig-tone-example[aria-pressed=true]{background:var(--surface);border-color:var(--accent);color:var(--accent)}.ig-reference>summary{background:color-mix(in srgb,#8c79bb 10%,var(--surface))}.ig-reference .field{margin-bottom:16px}.ig-reference textarea{width:100%;resize:vertical}