:root{font:13px 'Segoe UI',Arial,sans-serif;color:#e2e8f2;background:#0b111b;color-scheme:dark;--line:#2d394d;--muted:#93a5bd;--mint:#b4ecc7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:6px 9px;border:1px solid #3a4b63;background:#1d2b3e;color:inherit;border-radius:6px}button:hover{background:#2d425b}button.active,button.primary{background:var(--mint);color:#173426;border-color:var(--mint)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #9bd6ff;outline-offset:2px}input,select,textarea{width:100%;padding:7px 9px;border:1px solid #3b4c65;border-radius:5px;background:#0d1726;color:inherit;min-width:0}textarea{min-height:80px;resize:vertical}label{display:block;font-size:11px;color:#a9bed7;margin:0 0 4px}h1{font-size:19px;letter-spacing:-.5px;margin:0}h2{font-size:14px;margin:0}p{line-height:1.5;margin:6px 0}small,.muted{color:var(--muted)}small{font-size:11px}header{display:flex;align-items:center;gap:16px;padding:9px 14px;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:750;letter-spacing:-.5px;white-space:nowrap}.brand span{color:var(--mint)}.spacer{flex:1}.identity{display:flex;align-items:center;gap:7px}.shell{padding:10px 14px;max-width:1800px;margin:auto}.tabs,.actions,.toolbar,.heading,.inline,.pills{display:flex;gap:6px;align-items:center;min-width:0}.heading{justify-content:space-between;margin-bottom:10px}.tabs{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.tabs button{background:transparent;border:0;color:var(--muted);white-space:nowrap}.tabs button.active{background:#223a30;color:var(--mint)}.menu{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:9px}.menu .tabs{flex:1}.card{background:#141e2d;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stack{display:grid;align-content:start;gap:10px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.full{grid-column:1/-1}.actions{flex-wrap:wrap;margin-top:10px}.pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border:1px solid #3e5d4e;border-radius:15px;padding:3px 7px;font-size:10px;color:#b6edc9;background:#1c352d}.role-server-admin{background:#173d68;color:#c5e4ff;border-color:#5397d6}.role-owner{background:#493a17;color:#ffe6a5;border-color:#a18a46}.role-editor{background:#153c32;color:#b6f2d7;border-color:#498a70}.role-viewer{background:#30394a;color:#e0e7f4;border-color:#7a899e}.account{background:#163c50;color:#a6e8ff;border-color:#377590}.platform-icon{font-weight:800;font-size:13px;line-height:14px}.danger,.error{color:#ffc2c2}.danger{border-color:#8a4a51}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}tr:last-child td{border:0}td .actions{margin:0}.empty{padding:22px;text-align:center;color:var(--muted)}.login{max-width:360px;margin:12vh auto;padding:22px}.login .fields{grid-template-columns:1fr;margin-top:22px}.login button{width:100%}#notice{background:#263f34;color:#c5efd3;padding:8px 15px;position:sticky;top:0;z-index:10;border-bottom:1px solid #4d765e}#notice.error{background:#49272e;color:#ffd1d6;border-color:#89505a}dialog{color:inherit;background:#141e2d;border:1px solid #516781;border-radius:9px;width:min(600px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:16px}dialog::backdrop{background:#000b}.toolbar{padding:6px 8px;background:#152132;border:1px solid var(--line);border-radius:7px 7px 0 0;flex-wrap:wrap}.toolbar select{width:auto;max-width:200px;padding:5px 7px}.workspace{height:calc(100dvh - 141px);min-height:390px;display:flex;border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.browser{flex:1;min-width:0;display:flex;flex-direction:column;background:#101924}.browser iframe{border:0;width:100%;height:100%;flex:1;background:#101924}.browser .empty{margin:auto;max-width:480px}.side{width:320px;flex:none;border-left:1px solid var(--line);overflow:auto;padding:10px}.side.collapsed{display:none}.side .fields{grid-template-columns:1fr}.post{border-bottom:1px solid var(--line);padding:9px 0;display:flex;gap:9px;align-items:flex-start}.post:last-child{border:0}.post .grow{flex:1;min-width:0}.thumb{width:70px;height:60px;object-fit:cover;border-radius:5px;background:#0b111b;flex:none}.preview{max-width:100%;max-height:160px;border-radius:6px;margin-top:6px}.stat{padding:10px;border:1px solid var(--line);border-radius:7px;background:#141e2d}.stat strong{font-size:23px;display:block;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.error:empty{display:none}.policy-note{padding:9px 12px;border:1px solid #354f6c;background:#1c2d43;border-radius:6px;color:#b9cce6;font-size:12px;margin-bottom:10px}details summary{cursor:pointer;color:var(--muted)}.nowrap{white-space:nowrap}@media(max-width:800px){header{flex-wrap:wrap;gap:7px}.brand{font-size:15px}.shell{padding:8px}.side{width:280px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{height:calc(100dvh - 180px)}}@media(max-width:580px){header .identity{font-size:11px}header .spacer{display:none}header .tabs{order:3;width:100%}.fields{grid-template-columns:1fr}.full{grid-column:auto}.workspace{display:block;height:auto;min-height:0}.browser{height:65dvh;min-height:320px}.side{width:100%;border-left:0;border-top:1px solid var(--line)}.heading{align-items:flex-start}.toolbar select{max-width:160px}.pills{flex-wrap:wrap}.menu{gap:3px}.menu>button{white-space:nowrap}th,td{padding:7px 5px}}

.brand{display:flex;align-items:center;gap:9px}.brand img{flex:none}.brand span{font-size:10px;letter-spacing:1.2px;margin-left:2px}.login .brand{font-size:22px;gap:11px}.login .brand img{width:43px;height:43px}.login .brand span{font-size:11px}.profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.platform-icon{width:16px;height:16px;vertical-align:middle;flex:none}.toolbar-divider{height:22px;width:1px;background:var(--line);margin:0 3px}.toolbar #social-select{max-width:225px}.login-status{padding:8px 12px;background:#163b43;color:#bceff2;border-bottom:1px solid #32616c;line-height:1.4;flex:none}.login-status[data-state="error"]{background:#49272e;color:#ffd1d6}.login-status[data-state="signed_in"],.login-status[data-state="already_signed_in"]{background:#1c352d;color:#b6edc9}.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}@media(max-width:580px){.brand img{width:27px;height:27px}.toolbar #social-select{max-width:calc(100vw - 75px)}.toolbar .toolbar-divider{display:none}.shell{min-width:0}.login{margin:10vh 12px;max-width:360px}}

@media(min-width:581px){body:has(.workspace){height:100dvh;display:flex;flex-direction:column}body:has(.workspace)>#notice{flex:none}#app:has(.workspace){flex:1;min-height:0;display:flex;flex-direction:column}#app:has(.workspace)>header{flex:none}.shell:has(.workspace){width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.shell:has(.workspace)>.menu,.shell:has(.workspace)>.toolbar{flex:none}.shell:has(.workspace)>.workspace{height:auto;flex:1;min-height:240px}}

.credential-help{flex-basis:100%;margin:0;overflow-wrap:anywhere}.toolbar button{max-width:100%;white-space:normal}

.login-status[data-state="form_unavailable"],.login-status[data-state="fill_failed"],.login-status[data-state="submit_failed"]{background:#49272e;color:#ffd1d6}.login-status[data-state="filled"]{background:#163b43;color:#bceff2}

/* The side panel can grow without reducing the live browser to a sliver. */
.side{width:320px;min-width:0;border-left:0;padding:9px;overflow-wrap:anywhere}
.panel-resizer{width:7px;flex:none;cursor:col-resize;touch-action:none;background:#152132;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative}
.panel-resizer:hover,.panel-resizer.dragging,.panel-resizer:focus-visible{background:#3b6072;outline:0}
.panel-resizer:after{content:"";position:absolute;left:2px;top:calc(50% - 15px);width:1px;height:30px;background:#73879f}
.browser-surface{position:relative;display:flex;flex:1;min-height:0;min-width:0}
.browser-pause{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:#101924;color:#bceff2}
.job-card{padding:8px 0;border-bottom:1px solid var(--line);min-width:0}
.job-card:last-child{border-bottom:0}.job-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:12px}.job-top strong{min-width:0;overflow-wrap:anywhere}
.job-status{font-size:10px;flex:none;max-width:48%;padding:2px 5px;border-radius:4px;background:#28394d;color:#c7d8ee;text-align:right}
.status-running{background:#234d3a;color:#b6edc9}.status-failed,.status-needs_manual,.status-unknown_outcome{background:#49272e;color:#ffd1d6}
.job-context{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:5px}.context-pill,.job-context .pill{font-size:10px;padding:2px 6px;border-radius:4px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.context-pill{color:#c5d4e6;background:#233247}.client-pill{color:#adbfce;background:#1d2937}.job-context .platform-icon{width:12px;height:12px}
.job-note{font-size:11px;line-height:1.35;color:var(--muted);margin:5px 0}.queue-heading{display:flex;gap:6px;align-items:center;font-weight:600;font-size:11px;color:#b7c7dc}.queue-heading span{font-size:10px;background:#28394d;padding:1px 5px;border-radius:8px}.queue-empty{color:var(--muted);font-size:11px;padding:7px 0;margin:0}.queue-history{border-top:1px solid var(--line);padding-top:9px;margin-top:10px}.queue-history summary{font-size:11px}.side>.heading{margin-bottom:8px}
@media(min-width:581px){.shell:has(.workspace)>#client-menu{flex:none}.shell:has(.workspace)>#view-content{flex:1;min-height:0;display:flex;flex-direction:column}#view-content>.toolbar{flex:none}#view-content>.workspace{height:auto;flex:1;min-height:240px}}
@media(max-width:580px){.panel-resizer{display:none}.side{width:100%!important;border-top:1px solid var(--line);max-height:none}.browser-surface{min-height:0}.job-top{gap:6px}}

.attention-queue{border:1px solid #805c29;background:#30291d;border-radius:6px;padding:8px;margin-bottom:10px}.attention-queue>.queue-heading{color:#ffda93}.status-needs_attention{background:#61451f;color:#ffe0a2}.attention-tab{border-color:#bd8c3d;color:#ffda93}.attention-reason{color:#ffe0a2}.screenshot-link{font-size:11px;align-self:center}.profile-tools{position:relative;font-size:11px}.profile-tools>summary{cursor:pointer;padding:5px 7px}.profile-tools-body{position:absolute;z-index:4;left:0;top:27px;width:280px;max-width:calc(100vw - 40px);background:#182536;border:1px solid var(--line);border-radius:5px;padding:8px;box-shadow:0 4px 16px #0008}.profile-tools-body>small{display:block;margin-top:6px;color:var(--muted)}.profile-tools .actions{margin:0;gap:5px}.attention-queue small{display:block;font-size:10px;color:#d5c29f;line-height:1.35;margin-top:4px}@media(max-width:580px){.profile-tools-body{position:static;width:auto}}
.activity-help{font-size:11px;margin:9px 0;max-width:1000px}.activity-days{border:1px solid var(--line);border-radius:5px;padding:7px 9px;display:flex;gap:12px;flex-wrap:wrap;margin:0;min-width:0}.activity-days legend{font-size:11px;color:#a9bed7;padding:0 3px}.activity-days label{display:flex;align-items:center;gap:4px;margin:0}.activity-days input{width:auto;margin:0}.activity-log{font-size:11px;margin-top:6px}.activity-log ol{padding-left:18px;margin:6px 0}.activity-log li{padding:3px 0;overflow-wrap:anywhere}.activity-log small,.activity-log a{display:block}.activity-log a{color:#a6e8ff}.activity-log summary{font-size:11px}@media(max-width:580px){.activity-days{gap:8px}}