:root{--bench-ink:#161616;--bench-paper:#f4f3ee;--bench-card:#fbfaf7;--bench-line:#d4d2ca;--bench-muted:#77766e;--bench-accent:#ff6548;--bench-green:#365a4b;--bench-blue:#dcebf0}*{box-sizing:border-box}.bench-shell{width:min(1500px,calc(100% - 52px));margin:auto;color:var(--bench-ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.bench-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--bench-line)}.bench-brand{color:inherit;text-decoration:none;font-size:1.05rem;font-weight:900;letter-spacing:-.06em}.bench-brand small{margin-left:8px;color:var(--bench-muted);font-size:.68rem;font-weight:500;letter-spacing:0}.bench-actions{display:flex;align-items:center;gap:16px}.bench-button{border:1px solid var(--bench-line);background:transparent;color:var(--bench-ink);padding:8px 11px;font:800 .68rem/1 Inter,ui-sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.bench-button:hover{border-color:var(--bench-ink);background:var(--bench-ink);color:#fff}.bench-button.dark{background:var(--bench-ink);border-color:var(--bench-ink);color:#fff}.bench-button.dark:hover{background:var(--bench-accent);border-color:var(--bench-accent)}.bench-button.full{display:flex;justify-content:space-between;width:100%;margin-top:15px}.bench-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:52px 0 35px}.bench-heading h1{margin:0;font-size:clamp(3.5rem,7vw,7.4rem);line-height:.83;letter-spacing:-.1em}.bench-heading .eyebrow,.card-kicker{margin:0 0 10px;color:var(--bench-accent);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bench-subtitle{max-width:530px;margin:25px 0 0;color:var(--bench-muted);font-size:.9rem}.bench-state{min-width:190px;padding-bottom:4px;color:var(--bench-muted);text-align:right}.bench-state span{display:block;color:var(--bench-ink);font-size:.9rem;font-weight:900}.bench-state small{font-size:.68rem}.bench-grid{display:grid;grid-template-columns:260px minmax(430px,1fr) 330px;gap:16px;align-items:start}.bench-column{display:grid;gap:16px}.bench-card{border:1px solid var(--bench-line);background:var(--bench-card);padding:19px}.company-card{min-height:230px}.company-mark{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin:15px 0;border:1px solid var(--bench-ink);font-size:1.4rem}.company-card h2,.tasks-card h2,.documents-card h2,.chat-card h2{margin:0;font-size:1.45rem;line-height:1;letter-spacing:-.07em}.company-card p{min-height:24px;margin:7px 0 20px;color:var(--bench-muted);font-size:.76rem}.mode-buttons{display:grid;gap:7px}.context-card label{display:block;margin-top:13px;color:var(--bench-muted);font-size:.65rem;font-weight:800}.context-card input,.context-card textarea,.answer-form textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--bench-line);background:#fff;padding:8px;font:inherit;font-size:.74rem;resize:vertical}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--bench-ink);margin-bottom:7px}.card-heading h3{margin:0;font-size:1rem;letter-spacing:-.04em}.card-heading>span,.card-heading .card-kicker+ h2+span{color:var(--bench-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.metric-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card .card-kicker{grid-column:1/-1}.metric strong{display:block;font-size:2rem;line-height:1;letter-spacing:-.08em}.metric span{color:var(--bench-muted);font-size:.64rem}.task-list,.document-list{display:grid}.task-item{padding:14px 0;border-bottom:1px solid var(--bench-line)}.task-item:last-child{border-bottom:0}.task-item h3{margin:0;font-size:.9rem;letter-spacing:-.035em}.task-item p{margin:5px 0 0;color:var(--bench-muted);font-size:.72rem}.task-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--bench-muted);font-size:.61rem;font-weight:800;text-transform:uppercase}.task-status{color:var(--bench-accent)}.task-status.completed{color:var(--bench-green)}.document-item{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--bench-line)}.document-item:last-child{border-bottom:0}.document-item strong{font-size:.78rem}.document-item span{color:var(--bench-muted);font-size:.66rem}.chat-card{min-height:570px}.online-dot{color:var(--bench-green);font-size:.7rem}.conversation{display:grid;gap:10px;max-height:540px;overflow:auto;padding:8px 0}.message{padding:11px 12px;border-left:3px solid var(--bench-accent);background:#fff;font-size:.76rem}.message.user{border-color:var(--bench-green);background:#f1f6f3}.message small{display:block;margin-bottom:5px;color:var(--bench-muted);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.answer-form{border-top:1px solid var(--bench-line);padding-top:15px}.answer-form label{display:block;margin-top:10px;color:var(--bench-muted);font-size:.65rem;font-weight:800}.answer-form .primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:11px 13px;background:var(--bench-ink);color:#fff;border:0;font:800 .7rem/1 Inter,ui-sans-serif;cursor:pointer}.answer-form .primary:hover{background:var(--bench-accent)}.empty-state{padding:24px 0;color:var(--bench-muted);font-size:.76rem}.notice{margin:-15px 0 20px;padding:10px 12px;background:var(--bench-blue);font-size:.72rem}.notice.error{background:#fce8e3;color:#8b3329}.notice.success{background:#e5f0eb;color:var(--bench-green)}.hidden{display:none!important}@media(max-width:1120px){.bench-grid{grid-template-columns:230px minmax(360px,1fr)}.right-column{grid-column:1/-1}.chat-card{min-height:0}.conversation{max-height:300px}}@media(max-width:760px){.bench-shell{width:min(100% - 28px,650px)}.bench-heading{display:block;padding:38px 0 28px}.bench-state{text-align:left;margin-top:25px}.bench-grid{display:block}.bench-column{margin-bottom:16px}.center-column{margin-top:16px}.bench-topbar{align-items:start}.bench-actions .identity{display:none}} .raw-data-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(22,22,22,.62)}.raw-data-dialog{width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--bench-card);border:1px solid var(--bench-ink);padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.raw-data-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:18px;border-bottom:1px solid var(--bench-ink);padding-bottom:15px}.raw-data-dialog h2{margin:0;font-size:2rem;letter-spacing:-.07em}.raw-data-dialog textarea{display:block;width:100%;min-height:55vh;margin-top:12px;border:1px solid var(--bench-line);background:#fff;padding:14px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.raw-data-actions{display:flex;justify-content:flex-end;margin-top:14px} .raw-data-top-button{position:fixed;top:16px;right:145px;z-index:20} .notice.success{display:none!important} .raw-data-top-button{display:none!important}.raw-input-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.raw-data-inline-button{border:0;background:transparent;color:var(--bench-accent);padding:0;font:800 .62rem/1 Inter,ui-sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.raw-data-inline-button:hover{color:var(--bench-ink)} .raw-data-top-button{display:block!important;position:fixed;top:16px;right:145px;z-index:20}.context-card label:has(#raw-input){position:relative}.context-card label:has(#raw-input)::before{content:'↗ Expand';position:absolute;right:0;top:0;color:var(--bench-accent);font:800 .62rem/1 Inter,ui-sans-serif;letter-spacing:.04em;text-transform:uppercase;pointer-events:none} .bench-grid{grid-template-columns:260px minmax(520px,1fr) 280px}.bench-grid>*,.bench-column,.bench-card,.tasks-card,.task-list,.task-item{min-width:0}.tasks-card{overflow:hidden}.task-item p,.company-card p,.document-item,.message{overflow-wrap:anywhere;word-break:break-word;max-width:100%} .task-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.task-cycle,.task-evidence{color:var(--bench-muted);font-size:.61rem;font-weight:800;text-transform:uppercase}.task-summary p{margin:7px 0;color:var(--bench-muted);font-size:.74rem;line-height:1.55}.task-evidence{margin-top:8px;color:var(--bench-green)} .structured-context textarea{min-height:120px;line-height:1.45}.structured-context label{margin-top:18px} .document-item>div{min-width:0}.document-open{color:var(--bench-accent);font-size:.66rem;font-weight:800;text-decoration:none;white-space:nowrap}.document-open:hover{color:var(--bench-ink);text-decoration:underline} .bench-shell{font-size:14px}.bench-shell button,.bench-shell input,.bench-shell textarea,.bench-shell select{font-size:14px}.bench-subtitle{font-size:1.025rem}.company-card p,.task-item p,.task-summary p,.message,.structured-readonly-grid article>div{font-size:.86rem}.context-card label,.answer-form label{font-size:.775rem}.context-card input,.context-card textarea,.answer-form textarea{font-size:.865rem}.task-meta,.task-cycle,.task-evidence,.document-item span,.document-open{font-size:.735rem}.empty-state{font-size:.885rem} .card-intro{margin:0 0 14px;color:var(--bench-muted);font-size:.86rem;line-height:1.5}.client-result-card{min-height:290px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-grid article{min-width:0;border-top:1px solid var(--bench-line);padding-top:12px}.result-grid article h3{margin:0 0 7px;font-size:.9rem;letter-spacing:-.03em}.result-grid article p{margin:0;color:var(--bench-muted);font-size:.86rem;line-height:1.55;overflow-wrap:anywhere}.result-grid .result-lead{grid-column:1/-1;background:#fff;border:1px solid var(--bench-line);padding:16px}.result-grid .result-lead h3{font-size:1.35rem;line-height:1.1}@media(max-width:700px){.result-grid{grid-template-columns:1fr}.result-grid .result-lead{grid-column:auto}} .document-feature{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:20px;background:#fff;border:1px solid var(--bench-ink);margin:10px 0 20px}.document-feature h3{margin:0 0 8px;font-size:1.2rem;letter-spacing:-.04em}.document-feature p{max-width:620px;margin:0;color:var(--bench-muted);font-size:.86rem;line-height:1.5}.document-feature .document-open{flex:0 0 auto;border:1px solid var(--bench-accent);background:var(--bench-accent);color:#fff;padding:10px 12px;font:800 .735rem/1 Inter,ui-sans-serif;cursor:pointer;text-transform:uppercase}.document-feature .document-open:hover{background:var(--bench-ink);border-color:var(--bench-ink)}.document-supporting-label{margin:4px 0 0;color:var(--bench-muted);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}@media(max-width:700px){.document-feature{display:block}.document-feature .document-open{display:block;margin-top:16px}} .result-section ul{margin:8px 0 0;padding-left:20px;color:var(--bench-muted);font-size:16px;line-height:1.5}.result-section li{margin:5px 0}.result-section li strong{color:var(--bench-ink)}.result-section>p{margin:7px 0;color:var(--bench-muted)} /* Bench type guide: display 42px, section 34px, card 17px, body 16px, meta 12px, controls 13px. One family, one ink color, one muted body color. */ :root{--bench-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--bench-display:42px;--bench-section:34px;--bench-card-title:17px;--bench-body:16px;--bench-meta:12px;--bench-control:13px;--bench-ink:#102033;--bench-muted:#647386;--bench-accent:#f26b55;--bench-teal:#2fa3a1;--bench-gold:#f7bb42}.bench-shell,.bench-shell *{font-family:var(--bench-font)}.bench-shell{color:var(--bench-ink)}.bench-shell h1{font-size:clamp(42px,6vw,82px)!important;line-height:.92!important;color:var(--bench-ink)!important}.bench-shell .bench-card h2{font-size:26px!important;line-height:1.05!important;color:var(--bench-ink)!important}.bench-shell .bench-card h3{font-size:var(--bench-card-title)!important;line-height:1.3!important;color:var(--bench-ink)!important}.bench-shell p,.bench-shell li,.bench-shell input,.bench-shell textarea{font-size:var(--bench-body)!important;line-height:1.5!important}.bench-shell .card-kicker,.bench-shell .eyebrow,.bench-shell .question-gaps>span,.bench-shell .question-progress span{font-size:var(--bench-meta)!important;line-height:1.25!important;letter-spacing:.12em!important;font-weight:800!important;color:var(--bench-accent)!important}.bench-shell .bench-button,.bench-shell .primary,.bench-shell .document-open{font-size:var(--bench-control)!important;line-height:1.25!important}.bench-shell .card-heading>span,.bench-shell .bench-state,.bench-shell .bench-state small,.bench-shell .document-item span{font-size:var(--bench-meta)!important;line-height:1.3!important;color:var(--bench-muted)!important} .question-help{margin:0 0 18px!important;color:var(--bench-muted)!important}.question-progress{border-top:1px solid var(--bench-line);margin-top:18px;padding-top:16px}.question-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.question-progress>div:first-child span{color:var(--bench-muted)!important;letter-spacing:.08em!important}.question-progress strong{font-size:13px;color:var(--bench-ink)}.question-gaps{margin-top:16px}.question-gaps>span{display:block;margin-bottom:7px}.question-gaps ul{margin:0;padding-left:18px;color:var(--bench-muted)}.question-gaps li{margin:4px 0;font-size:14px!important;line-height:1.4!important} .captured-state{display:none}.raw-capture-button{display:none!important}.context-card.is-captured .raw-capture-button{display:flex!important}.context-card.is-captured .captured-state{display:block;margin:14px 0;color:var(--bench-muted);font-size:14px!important}.context-card.is-captured .context-help,.context-card.is-captured>label,.context-card.is-captured>.structured-context,.context-card.is-captured>#save-context{display:none!important}.context-card.is-captured{min-height:0} .bench-state span{display:none!important}.bench-state small{display:none!important}.bench-button:disabled{opacity:.55;cursor:wait}.client-result-card[data-working="true"]{border-color:var(--bench-accent)} .work-indicator{margin:18px 0;padding:14px;background:#f0f4f1;border:1px solid var(--bench-line)}.work-indicator>div:first-child{display:block}.work-indicator span{display:block;font-size:12px!important;color:var(--bench-muted)!important;text-transform:uppercase;letter-spacing:.08em}.work-indicator strong{display:block;margin-top:6px;font-size:16px!important;line-height:1.3!important;color:var(--bench-ink);text-align:left}.work-track{height:6px;margin:12px 0 7px;background:#d7dfda;overflow:hidden}.work-track i{display:block;height:100%;width:12%;background:var(--bench-accent);transition:width .3s ease}.work-indicator small{font-size:13px;color:var(--bench-muted)} .company-card .mode-buttons{display:none}.client-action-card{padding-bottom:14px}.client-action-bar{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:6px}.client-action-bar .bench-button{margin:0;white-space:nowrap}.client-action-bar .bench-button.dark{background:var(--bench-accent);border-color:var(--bench-accent)}.client-action-bar .bench-button.dark:hover{background:var(--bench-ink);border-color:var(--bench-ink)}@media(max-width:700px){.client-action-bar{flex-wrap:wrap}.client-action-bar .bench-button{flex:1 1 auto}} .bench-grid{grid-template-columns:minmax(0,1fr) 280px}.raw-data-dialog input,.raw-data-dialog textarea{font:16px/1.5 var(--bench-font);color:var(--bench-ink)}.raw-data-dialog input{display:block;width:100%;margin-top:5px;border:1px solid var(--bench-line);background:#fff;padding:10px}.raw-data-dialog label{display:block;margin-top:14px;color:var(--bench-muted);font-size:12px;font-weight:800}.raw-data-dialog textarea{min-height:110px}@media(max-width:1120px){.bench-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-column:auto}} .report-cover{position:relative;min-height:250px;margin:10px 0 26px;padding:28px;background:#102033;color:#f8f7f2;overflow:hidden}.report-cover-kicker{color:#f7bb42;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.report-cover h3{position:relative;z-index:1;max-width:700px;margin:55px 0 14px;color:#fff!important;font-size:42px!important;line-height:1!important;letter-spacing:-.06em!important}.report-cover p{position:relative;z-index:1;max-width:650px;margin:0;color:#d6dde5!important;font-size:18px!important;line-height:1.4!important}.report-cover-dot{position:absolute;border-radius:50%;display:block}.report-cover-dot-coral{width:130px;height:130px;right:-32px;top:-35px;background:#f26b55}.report-cover-dot-teal{width:86px;height:86px;right:24px;bottom:-28px;background:#2fa3a1}.result-section{background:#fff;border:1px solid var(--bench-line);padding:20px;margin-bottom:16px}.result-section.result-lead{border-top:8px solid var(--bench-accent)}.result-section h3{margin-top:0!important}.result-section p{margin-bottom:0}.result-section strong{font-weight:800} .report-cover{display:none!important} .presentation-section{padding:30px 0;border-bottom:1px solid var(--bench-line)}.presentation-section:last-child{border-bottom:0}.presentation-pill{display:inline-block;padding:7px 18px;border-radius:20px;background:var(--bench-accent);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.presentation-section>h2{margin:24px 0 18px;font-size:34px!important;line-height:1!important}.presentation-lead{max-width:680px;margin:0 0 24px!important;font-size:24px!important;line-height:1.35!important;color:var(--bench-ink)!important}.presentation-grid,.presentation-job-grid,.presentation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.presentation-card,.presentation-wide{background:#fff;border:1px solid var(--bench-line);border-radius:0;padding:20px;min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere}.presentation-card h3,.presentation-wide h3{margin:0 0 10px!important;font-size:17px!important;overflow-wrap:anywhere}.presentation-card p,.presentation-wide p{margin:0!important;color:var(--bench-muted)!important;font-size:16px!important;line-height:1.5!important;overflow-wrap:anywhere;word-break:break-word}.presentation-card a,.presentation-wide a{overflow-wrap:anywhere;word-break:break-word}.presentation-card.teal{border-top:7px solid #2fa3a1}.presentation-card.gold{border-top:7px solid #f7bb42}.presentation-wide.coral{margin-top:16px;border-top:7px solid var(--bench-accent)}.presentation-shift{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.presentation-shift>div{padding:16px;background:#fff;border:1px solid var(--bench-line);min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere}.presentation-shift span{font-size:12px;font-weight:800;color:var(--bench-muted);letter-spacing:.1em}.presentation-shift p{margin:8px 0 0;font-size:16px;color:var(--bench-ink);overflow-wrap:anywhere;word-break:break-word}.presentation-note{margin:18px 0 0!important;color:var(--bench-muted)!important;font-size:16px!important;overflow-wrap:anywhere}@media(max-width:700px){.presentation-grid,.presentation-job-grid,.presentation-steps,.presentation-shift{grid-template-columns:1fr}.presentation-section>h2{font-size:28px!important}.presentation-lead{font-size:20px!important}} .agent-work-card{background:#f0f4f1}.agent-work-card .task-list{max-height:620px;overflow:auto;padding-right:4px} .chat-card .work-indicator{display:none!important} .bench-shell,.bench-shell *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.bench-shell{font-size:14px;line-height:1.5}.bench-shell p,.bench-shell span,.bench-shell label,.bench-shell input,.bench-shell textarea,.bench-shell button,.bench-shell a{line-height:1.5}.bench-shell h1,.bench-shell h2,.bench-shell h3,.bench-shell p{font-synthesis:none}.bench-shell h2,.bench-shell h3{font-weight:800}.bench-shell input,.bench-shell textarea,.bench-shell button{letter-spacing:normal} .bench-shell .card-kicker,.bench-shell .eyebrow{font-size:12px!important;line-height:1.25!important;letter-spacing:.12em!important;font-weight:800!important;color:var(--bench-accent)!important}.bench-shell .bench-card h2{font-size:26px!important;line-height:1.05!important;letter-spacing:-.045em!important;color:var(--bench-ink)!important}.bench-shell .bench-card h3{font-size:16px!important;line-height:1.25!important;letter-spacing:-.02em!important;color:var(--bench-ink)!important}.bench-shell .bench-card p,.bench-shell .bench-card input,.bench-shell .bench-card textarea{font-size:14px!important;line-height:1.5!important}.bench-shell .card-heading>span,.bench-shell .bench-state,.bench-shell .bench-state small,.bench-shell .task-meta,.bench-shell .task-cycle,.bench-shell .task-evidence,.bench-shell .document-item span,.bench-shell .document-supporting-label{font-size:12px!important;line-height:1.3!important;color:var(--bench-muted)!important;letter-spacing:.02em!important}.bench-shell .bench-button,.bench-shell .document-open,.bench-shell .answer-form .primary{font-size:13px!important;line-height:1.25!important;font-weight:800!important}.bench-shell .empty-state{font-size:14px!important;line-height:1.5!important;color:var(--bench-muted)!important}.bench-shell .metric strong{font-size:32px!important}.bench-shell .metric span{font-size:12px!important;color:var(--bench-muted)!important} .chat-card .message{font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:var(--bench-ink)!important}.chat-card .message.question{border-left-color:var(--bench-accent);background:#fff8f5}.chat-card .message small{font-size:12px!important;line-height:1.25!important;font-weight:800!important;color:var(--bench-muted)!important}.chat-card .answer-form label{font-size:14px!important;line-height:1.4!important;font-weight:400!important;color:var(--bench-ink)!important}.chat-card .answer-form textarea{font-weight:400!important;color:var(--bench-ink)!important}.chat-card .answer-form .primary{font-weight:800!important} .cycle-status-card{background:#eef4f1}.cycle-status-head{display:flex;justify-content:space-between;align-items:start;gap:16px;border-bottom:1px solid var(--bench-ink);padding-bottom:14px}.cycle-status-head h2{margin:0}.cycle-status-head>span{padding:5px 8px;background:var(--bench-green);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}.cycle-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.cycle-status-grid>div{min-width:0}.cycle-status-grid span{display:block;margin-bottom:5px;color:var(--bench-muted);font-size:12px;font-weight:800;text-transform:uppercase}.cycle-status-grid strong{display:block;overflow-wrap:anywhere;color:var(--bench-ink);font-size:16px;line-height:1.25;font-weight:700}@media(max-width:700px){.cycle-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-status-head{display:block}.cycle-status-head>span{display:inline-block;margin-top:10px}} .structured-readonly-card{overflow:hidden}.structured-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.structured-readonly-grid article{min-width:0;border-top:1px solid var(--bench-line);padding-top:10px}.structured-readonly-grid h3{margin:0 0 5px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.structured-readonly-grid article>div{color:var(--bench-muted);font-size:.76rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}@media(max-width:700px){.structured-readonly-grid{grid-template-columns:1fr}} .client-action-bar #next-step-top{order:4;margin-left:auto}@media(max-width:700px){.client-action-bar #next-step-top{order:4;margin-left:0}} .client-action-bar .guide-button{color:var(--bench-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.client-action-bar .guide-button:hover{color:#fff} .bench-heading{padding:24px 0 28px}@media(max-width:760px){.bench-heading{padding:26px 0 24px}} .agent-status-strip{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 15px;border:1px solid var(--bench-line);background:#eef4f1;color:var(--bench-ink)}.agent-status-dot{width:9px;height:9px;border-radius:50%;background:var(--bench-green);flex:0 0 auto}.agent-status-strip.is-working .agent-status-dot{background:var(--bench-accent);box-shadow:0 0 0 5px rgba(242,107,85,.14);animation:bench-pulse 1.5s ease-in-out infinite}.agent-status-strip strong{display:block;font-size:15px;line-height:1.3}.agent-status-strip small{display:block;margin-top:2px;color:var(--bench-muted);font-size:13px;line-height:1.35}.agent-status-strip.is-working strong{animation:bench-working-label 1.5s ease-in-out infinite}.task-status.running,.task-status.queued{animation:bench-working-label 1.5s ease-in-out infinite;color:var(--bench-accent)}@keyframes bench-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes bench-working-label{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.agent-status-strip.is-working .agent-status-dot,.agent-status-strip.is-working strong,.task-status.running,.task-status.queued{animation:none}} .agent-status-strip>div{min-width:0;flex:1}.raw-review-links{margin:12px 0;padding:12px;background:#eef4f1;border:1px solid var(--bench-line);font-size:13px;line-height:1.4}.raw-review-links strong{display:block;margin-bottom:6px;color:var(--bench-ink)}.raw-review-links a{display:block;color:#176b73;overflow-wrap:anywhere}.raw-review-links a:hover{color:var(--bench-accent)} .agent-status-strip .bench-button{flex:0 0 auto;text-decoration:none;white-space:nowrap} .agent-status-strip #agent-status-guide{margin-left:auto;border-color:var(--bench-accent);color:var(--bench-accent);background:transparent}.agent-status-strip #agent-status-guide:hover{background:var(--bench-accent);color:#fff}.agent-status-strip #agent-status-source{background:var(--bench-accent);border-color:var(--bench-accent);color:#fff}.agent-status-strip #agent-status-source:hover{background:var(--bench-ink);border-color:var(--bench-ink)} .workflow-progress{margin:0 0 16px;padding:16px 18px;border:1px solid var(--bench-line);background:var(--bench-card)}.workflow-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;border-bottom:1px solid var(--bench-ink);padding-bottom:12px}.workflow-heading h2{margin:0;font-size:1.25rem;letter-spacing:-.06em}.workflow-heading>span{color:var(--bench-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.workflow-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.workflow-step{min-width:0;padding:10px;background:#fff;border-top:3px solid var(--bench-line)}.workflow-step.running{border-color:var(--bench-accent);background:#fff8f5}.workflow-step.completed{border-color:var(--bench-green);background:#f1f6f3}.workflow-step.needs{border-color:#d79b2e;background:#fff8e8}.workflow-step strong{display:block;font-size:.72rem;line-height:1.2}.workflow-step small{display:block;margin-top:6px;color:var(--bench-muted);font-size:.62rem;line-height:1.25}.workflow-step em{display:block;margin-top:8px;color:var(--bench-muted);font-size:.58rem;font-style:normal;font-weight:800;text-transform:uppercase}@media(max-width:900px){.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} .question-info{margin:0 0 12px;padding:7px 10px;border:1px solid var(--bench-line);background:transparent;color:var(--bench-muted);font:800 .68rem/1 Inter,ui-sans-serif;text-transform:uppercase;cursor:pointer}.question-info:hover{border-color:var(--bench-accent);color:var(--bench-accent)}.question-info-panel{margin:0 0 14px;padding:12px;background:#eef4f1;border:1px solid var(--bench-line);font-size:.74rem;line-height:1.45}.question-info-panel strong{display:block;margin-top:8px;color:var(--bench-ink);font-size:.64rem;text-transform:uppercase}.question-info-panel strong:first-child{margin-top:0}.question-info-panel p{margin:4px 0 0;color:var(--bench-muted)} .question-upload-label{display:block;margin-top:10px;color:var(--bench-muted);font-size:.65rem;font-weight:800}.question-upload-label input{display:block;width:100%;margin-top:6px;border:1px solid var(--bench-line);background:#fff;padding:8px;font:inherit;font-size:.74rem}.question-upload-label small{display:block;margin-top:5px;color:var(--bench-muted);font-size:.62rem;font-weight:400} .additional-info{margin-top:20px;padding-top:17px;border-top:1px solid var(--bench-line)}.additional-info-heading{display:grid;gap:3px;margin-bottom:10px}.additional-info-heading strong{font-size:.82rem;color:var(--bench-ink)}.additional-info-heading span,.additional-info label,.additional-info-status{color:var(--bench-muted);font-size:.72rem;line-height:1.4}.additional-info label{display:block}.additional-info textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--bench-line);background:#fff;padding:9px;font:inherit;font-size:.78rem;resize:vertical}.additional-info .primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:11px 13px;background:var(--bench-ink);color:#fff;border:0;font:800 .7rem/1 Inter,ui-sans-serif;cursor:pointer}.additional-info .primary:hover{background:var(--bench-accent)}.additional-info-status{display:block;margin-top:8px}.accountability-button{border-color:var(--bench-accent);color:var(--bench-accent)}.accountability-button:hover{background:var(--bench-accent);color:#fff}.accountability-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;padding:12px 14px;background:#eef4f1;border:1px solid var(--bench-line)}.accountability-status strong{text-transform:capitalize;color:var(--bench-green)}.accountability-status span{color:var(--bench-muted);font-size:13px}.accountability-list{display:grid;gap:12px}.accountability-item{padding:16px;background:#fff;border:1px solid var(--bench-line)}.accountability-item-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.accountability-item-head strong{font-size:16px}.accountability-item-head span{color:var(--bench-muted);font-size:12px;text-transform:capitalize;white-space:nowrap}.accountability-item p{margin:8px 0 0!important} .additional-info{margin-top:20px;padding-top:17px;border-top:1px solid var(--bench-line)}.additional-info-heading{display:grid;gap:3px;margin-bottom:10px}.additional-info-heading strong{font-size:.82rem;color:var(--bench-ink)}.additional-info-heading span,.additional-info label,.additional-info-status{color:var(--bench-muted);font-size:.72rem;line-height:1.4}.additional-info label{display:block}.additional-info textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--bench-line);background:#fff;padding:9px;font:inherit;font-size:.78rem;resize:vertical}.additional-info .primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:11px 13px;background:var(--bench-ink);color:#fff;border:0;font:800 .7rem/1 Inter,ui-sans-serif;cursor:pointer}.additional-info .primary:hover{background:var(--bench-accent)}.additional-info-status{display:block;margin-top:8px} .uploaded-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.uploaded-file{display:flex;align-items:center;gap:7px;max-width:100%;padding:6px 8px;border:1px solid var(--bench-line);background:#f7f8f5;color:var(--bench-ink);font-size:.65rem;text-decoration:none;overflow-wrap:anywhere}.uploaded-file:hover{border-color:var(--bench-accent);color:var(--bench-accent)}.uploaded-file-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:var(--bench-green);color:#fff;font-size:14px}.uploaded-image{display:block;width:100%;padding:4px}.uploaded-image img{display:block;width:100%;max-width:100%;height:auto;max-height:220px;object-fit:contain}.uploaded-image span{display:block;max-width:100%;margin-top:5px} .presentation-grid:has(> :only-child),.presentation-job-grid:has(> :only-child),.presentation-steps:has(> :only-child){grid-template-columns:1fr} .demo-help-trigger{position:relative;outline:0}.demo-help-tooltip{position:fixed;z-index:9999;display:none;padding:11px 13px;border:1px solid var(--bench-ink);background:var(--bench-ink);color:#fff;box-shadow:0 10px 24px rgba(16,32,51,.18);font:500 13px/1.45 var(--bench-font);pointer-events:none}.demo-help-tooltip.is-visible{display:block} .reset-password{display:block;margin:14px 0 0;padding:0;border:0;background:transparent;color:var(--bench-muted);font:700 .72rem/1.3 Inter,ui-sans-serif,system-ui;cursor:pointer;text-decoration:underline}.reset-password:hover{color:var(--bench-ink)}.reset-success{color:var(--bench-green)!important} .login-register{margin:20px 0 0;color:var(--bench-muted);font:400 .74rem/1.45 Inter,ui-sans-serif,system-ui}.login-register a{color:var(--bench-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}.login-register a:hover{color:var(--bench-accent)} .consistency-status{display:inline-block;padding:5px 8px;font-size:.42em;line-height:1;letter-spacing:.02em;vertical-align:middle;text-transform:uppercase}.consistency-aligned{background:#e5f0eb;color:var(--bench-green)}.consistency-mixed{background:#fff1d6;color:#8a5a16}.consistency-needs_attention{background:#fce8e3;color:#8b3329}.consistency-needs_review{background:#fff1d6;color:#8a5a16} .consistency-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.consistency-heading h2{margin:0}.consistency-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.consistency-card-heading h3{margin:0}.consistency-card-heading .consistency-status{flex:0 0 auto} .brand-consistency-section .presentation-pill{margin-bottom:40px} .menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:8px;background:transparent;border:1px solid var(--bench-line);color:var(--bench-ink);cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor}.menu-toggle:hover{background:var(--bench-ink);color:#fff}.workbench-drawer-shell{position:fixed;inset:0;z-index:100}.workbench-drawer-backdrop{position:absolute;inset:0;background:rgba(16,32,51,.34)}.workbench-drawer{position:absolute;top:0;right:0;width:min(420px,calc(100vw - 28px));height:100%;padding:28px 24px;background:#f8f7f2;color:var(--bench-ink);box-shadow:-18px 0 48px rgba(16,32,51,.18);overflow:auto}.workbench-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--bench-line);padding-bottom:20px}.workbench-drawer h2{margin:0;font-size:32px;line-height:1;letter-spacing:-.05em}.drawer-close{width:34px;height:34px;border:1px solid var(--bench-line);background:transparent;color:var(--bench-ink);font-size:24px;line-height:1;cursor:pointer}.drawer-close:hover{background:var(--bench-ink);color:#fff}.drawer-intro{margin:20px 0 22px;font-size:16px;line-height:1.45}.drawer-options{display:grid;gap:10px}.drawer-option{display:grid;grid-template-columns:42px 1fr;gap:12px;width:100%;padding:16px;text-align:left;border:1px solid var(--bench-line);background:#fff;color:var(--bench-ink);cursor:pointer}.drawer-option:hover,.drawer-option.is-selected{border-color:var(--bench-accent);box-shadow:inset 4px 0 0 var(--bench-accent)}.drawer-option-number{color:var(--bench-accent);font-weight:800;font-size:12px;letter-spacing:.1em}.drawer-option strong,.drawer-option small{display:block}.drawer-option strong{font-size:16px;margin-bottom:5px}.drawer-option small{font-size:13px;line-height:1.4;color:#52616d}.drawer-current{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;border-top:1px solid var(--bench-line);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.drawer-current strong{color:var(--bench-accent)}body.drawer-open{overflow:hidden}@media(max-width:900px){#workspace-nav{display:none}.bench-actions .bench-button{display:none}.menu-toggle{display:inline-flex}.workbench-drawer{padding:24px 18px}} .brand-dashboard{max-width:1080px;margin:0 auto 48px}.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:34px 0 22px}.dashboard-welcome h2{margin:0 0 10px;font-size:42px;line-height:.98;letter-spacing:-.06em}.dashboard-welcome p:not(.eyebrow){max-width:620px;margin:0;color:#52616d;font-size:17px;line-height:1.45}.dashboard-status{min-width:170px;padding:14px 16px;border:1px solid var(--bench-line);background:#fff}.dashboard-status span,.dashboard-status small{display:block}.dashboard-status span{font-weight:800}.dashboard-status small{margin-top:4px;color:#52616d}.dashboard-feature{display:flex;align-items:flex-start;gap:18px;padding:24px;border:1px solid #b9cbc5;border-radius:16px;background:#edf3f0}.dashboard-feature-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#d6e4de;color:#174d3c;font-size:23px}.dashboard-feature-copy h3{margin:0 0 8px;font-size:22px}.dashboard-feature-copy p:not(.card-kicker){max-width:760px;margin:0 0 18px;color:#52616d;line-height:1.45}.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 12px}.dashboard-section-heading h3{margin:0;font-size:18px}.dashboard-section-heading span{color:#71808a;font-size:13px}.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-quick-card{min-height:170px;padding:22px;text-align:left;border:1px solid var(--bench-line);border-radius:14px;background:#fff;color:var(--bench-ink);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dashboard-quick-card:hover{transform:translateY(-2px);border-color:#9db8ad;box-shadow:0 10px 24px rgba(16,32,51,.08)}.dashboard-quick-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:28px;border-radius:10px;background:#e8f0ec;color:#174d3c;font-size:21px}.dashboard-quick-client .dashboard-quick-icon{background:#fff0dd;color:#9a5c11}.dashboard-quick-context .dashboard-quick-icon{background:#e9edfb;color:#4566b2}.dashboard-quick-card strong,.dashboard-quick-card small{display:block}.dashboard-quick-card strong{font-size:17px;margin-bottom:7px}.dashboard-quick-card small{color:#62717b;font-size:13px;line-height:1.4}.dashboard-current-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:150px;border:1px solid var(--bench-line);border-radius:14px;background:#fff;overflow:hidden}.dashboard-current-main{display:flex;gap:16px;padding:22px}.dashboard-current-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f0f1ef;color:#56636a}.dashboard-current-main h3{margin:0 0 8px;font-size:18px}.dashboard-current-main p{margin:0 0 18px;color:#62717b}.dashboard-recent{padding:22px;border-left:1px solid var(--bench-line);background:#fbfbfa}.dashboard-recent-heading{margin:0 0 12px;color:#52616d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-recent p:last-child{margin:0;color:#71808a;font-size:14px;line-height:1.45}.bench-grid.dashboard-hidden{display:none!important}.dashboard-hidden~.right-column{display:none}@media(max-width:760px){.dashboard-welcome{display:block}.dashboard-status{margin-top:18px}.dashboard-quick-grid{grid-template-columns:1fr}.dashboard-current-card{grid-template-columns:1fr}.dashboard-recent{border-top:1px solid var(--bench-line);border-left:0}.dashboard-welcome h2{font-size:35px}} .brand-dashboard:not(.hidden)~.agent-status-strip,.brand-dashboard:not(.hidden)~.workflow-progress{display:none!important} .dashboard-clean .dashboard-feature, .dashboard-clean .dashboard-section-heading, .dashboard-clean .dashboard-current-card, .dashboard-clean .dashboard-quick-grid { display: none !important; } .dashboard-clean .dashboard-welcome { width: 100%; margin: 0; padding-bottom: 28px; border-bottom: 1px solid var(--bench-line); align-items: start; justify-content: flex-start; text-align: left; } .dashboard-clean .dashboard-welcome > div:first-child { width: 100%; text-align: left; } .dashboard-clean .dashboard-welcome .eyebrow { margin-left: 0; text-align: left; } .dashboard-clean .dashboard-welcome h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .dashboard-clean .dashboard-welcome p:not(.eyebrow) { margin: 14px 0 0; color: var(--bench-muted); } .dashboard-clean .dashboard-status, .dashboard-clean #dashboard-intro { display: none !important; } .dashboard-brand-empty { display:flex; align-items:flex-start; gap:18px; margin-top:30px; padding:24px; border:1px solid #b9cbc5; background:#edf3f0; } .dashboard-brand-empty.hidden { display:none; } .dashboard-brand-empty-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; background:#d6e4de; color:#174d3c; font-size:22px; } .dashboard-brand-empty-copy h3 { margin:0 0 8px; font-size:22px; } .dashboard-brand-empty-copy p:not(.card-kicker) { max-width:760px; margin:0 0 18px; color:#52616d; line-height:1.5; } @media(max-width:760px){.dashboard-brand-empty{display:block}.dashboard-brand-empty-icon{margin-bottom:16px}} .workspace-canvas-page { grid-column: 2; min-width: 0; min-height: 70vh; background: var(--bench-paper); color: var(--bench-ink); } .workspace-canvas-page h2 { color: var(--bench-ink); font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .workspace-canvas-page .eyebrow { color: var(--bench-accent); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .workspace-canvas-page input, .workspace-canvas-page textarea, .workspace-canvas-page select { border-color: var(--bench-line); border-radius: 0; background: #fff; color: var(--bench-ink); } .workspace-canvas-page .bench-button { border-radius: 0; } .workspace-context { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--bench-muted); font-size: 12px; font-weight: 800; } .discovery-embed-page { grid-column: 2; min-width: 0; padding-bottom: 48px; } .discovery-embed-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 24px 0 28px; border-bottom: 1px solid var(--bench-line); } .discovery-embed-head h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .discovery-embed-head p:not(.eyebrow) { max-width: 560px; margin: 18px 0 0; color: var(--bench-muted); } .discovery-embed-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; } .discovery-embed-card { overflow: hidden; border: 1px solid var(--bench-line); background: #fff; } .discovery-embed-card > a:first-child { display: block; aspect-ratio: 16 / 9; background: #e9efeb; } .discovery-embed-card img { display: block; width: 100%; height: 100%; object-fit: cover; } .discovery-embed-placeholder { display: grid; place-items: center; height: 100%; color: var(--bench-green); font-size: 30px; } .discovery-embed-card > div { padding: 14px; }.discovery-embed-card small { color: var(--bench-muted); font-size: 11px; }.discovery-embed-card h3 { margin: 8px 0 5px; font-size: 16px; }.discovery-embed-card p { display: -webkit-box; min-height: 38px; margin: 0; overflow: hidden; color: var(--bench-muted); font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.discovery-embed-card footer { display: flex; gap: 10px; margin-top: 13px; color: var(--bench-muted); font-size: 11px; }.discovery-embed-card footer a { margin-left: auto; color: var(--bench-green); font-weight: 800; text-decoration: none; }.discovery-embed-empty { grid-column: 1 / -1; padding: 60px; border: 1px dashed var(--bench-line); color: var(--bench-muted); text-align: center; } .discovery-hidden-shell { display: none !important; } .discovery-embed-page { grid-column: 2; min-width: 0; min-height: calc(100vh - 100px); overflow: hidden; } .discovery-embed-page.hidden { display: none !important; } .discovery-embed-page iframe { display: block; width: 100%; height: calc(100vh - 100px); min-height: 760px; border: 0; background: #f8f8f6; } .discovery-open > .bench-heading, .discovery-open > .brand-dashboard, .discovery-open > .agent-status-strip, .discovery-open > .workflow-progress, .discovery-open > .bench-grid, .discovery-open > .notice { display: none !important; } .dashboard-clean .dashboard-quick-grid { display: grid; grid-template-columns: minmax(220px, 360px); justify-content: start; margin-top: 32px; } .dashboard-clean .dashboard-quick-card { min-height: 160px; } .workspace-nav{grid-column:1;grid-row:1 / span 20;align-self:stretch;padding:26px 14px 18px 0;border-right:1px solid var(--bench-line);min-height:calc(100vh - 90px);display:flex;flex-direction:column;gap:26px}.workspace-command{display:none}.workspace-command:hover{border-color:var(--bench-ink);background:#f8f7f2}.workspace-command span{font-size:21px;line-height:1}.workspace-command strong{font-size:12px;flex:1}.workspace-command kbd{color:var(--bench-muted);font:10px/1 Inter,ui-sans-serif}.workspace-nav-list{display:grid;gap:4px}.workspace-nav-list p{margin:14px 10px 5px;color:var(--bench-muted);font-size:10px;font-weight:900;letter-spacing:.12em}.workspace-nav-list p:first-child{margin-top:0}.workspace-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#53616b;font:400 12px/1.25 Inter,ui-sans-serif;text-align:left;cursor:pointer}.workspace-nav-item span{display:grid;place-items:center;width:18px;color:#7c8a90;font-size:15px}.workspace-nav-item:hover{color:var(--bench-ink)}.workspace-nav-item[aria-current="page"]{background:#eaf0ed;color:var(--bench-ink)}.workspace-nav-item[aria-current="page"] span{color:var(--bench-green)}.workspace-nav-item:focus{outline:none}.workspace-nav-item:focus-visible{outline:2px solid var(--bench-green);outline-offset:1px}.workspace-nav-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 9px;border-top:1px solid var(--bench-line)}.workspace-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bench-ink);color:#fff;font-size:12px;font-weight:800}.workspace-nav-footer strong,.workspace-nav-footer small{display:block}.workspace-nav-footer strong{font-size:11px}.workspace-nav-footer small{margin-top:2px;color:var(--bench-muted);font-size:10px}#app-view{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:30px;align-items:start}#app-view>.bench-heading,#app-view>.brand-dashboard,#app-view>.agent-status-strip,#app-view>.workflow-progress,#app-view>.bench-grid,#app-view>.notice{grid-column:2;min-width:0}@media(max-width:900px){#app-view{display:block}.workspace-nav{min-height:0;padding:12px 0;border-right:0;border-bottom:1px solid var(--bench-line)}.workspace-nav-list{display:flex;gap:4px;overflow:auto}.workspace-nav-list p{display:none}.workspace-nav-item{white-space:nowrap}.workspace-nav-footer{display:none}} .creative-desk { margin-top: 34px; } .knowledge-page { grid-column: 2; min-width: 0; min-height: 70vh; } .knowledge-open > .bench-heading, .knowledge-open > .brand-dashboard, .knowledge-open > .agent-status-strip, .knowledge-open > .workflow-progress, .knowledge-open > .bench-grid, .knowledge-open > .notice { display: none !important; } .knowledge-page-inner { padding: 0 0 48px; } .knowledge-toolbar { position: relative; z-index: 20; margin-bottom: 22px; } .knowledge-toolbar-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; } .knowledge-eyebrow { color: var(--bench-muted); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .knowledge-toolbar h1 { margin: 5px 0 0; font-size: clamp(30px, 4vw, 46px); letter-spacing: -.06em; } .knowledge-toolbar-actions { display: flex; align-items: center; gap: 8px; } .knowledge-icon-button { width: 38px; height: 38px; border: 1px solid var(--bench-line); border-radius: 10px; background: #fff; color: var(--bench-muted); cursor: pointer; } .knowledge-search { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; color: var(--bench-muted); } .knowledge-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--bench-ink); font: 14px Inter, ui-sans-serif; } .knowledge-filter-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; } .knowledge-filter-buttons, .knowledge-view-toggle { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; } .knowledge-filter-button, .knowledge-view-toggle button { padding: 8px 12px; border: 1px solid var(--bench-line); border-radius: 9px; background: #fff; color: var(--bench-muted); font: 700 12px Inter, ui-sans-serif; cursor: pointer; } .knowledge-filter-button.active, .knowledge-view-toggle button.active { border-color: var(--bench-ink); color: var(--bench-ink); } .knowledge-filter-button span { margin-left: 6px; color: #aaa; } .knowledge-transcribed-toggle { display: inline-flex; align-items: center; gap: 7px; color: var(--bench-muted); font: 700 12px Inter, ui-sans-serif; white-space: nowrap; } .knowledge-transcribed-toggle input { width: 15px; height: 15px; accent-color: var(--bench-ink); } .knowledge-filter-menu { position: absolute; top: 147px; left: 0; z-index: 100; display: grid; width: min(310px, 100%); gap: 3px; margin-top: 8px; padding: 9px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; box-shadow: 0 14px 35px rgba(16,32,51,.12); } .knowledge-filter-menu.hidden { display: none; } .knowledge-filter-menu label { display: flex; align-items: center; gap: 9px; padding: 9px 8px; border-radius: 8px; color: var(--bench-ink); font-size: 13px; cursor: pointer; } .knowledge-filter-menu label:hover { background: #f5f6f2; } .knowledge-filter-menu label small { margin-left: auto; color: var(--bench-muted); } .knowledge-filter-empty { padding: 10px; color: var(--bench-muted); font-size: 12px; } .knowledge-tip { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 13px 16px; border: 1px solid #b9ded4; border-radius: 12px; background: #eefaf6; color: #087c68; font-size: 12px; } .knowledge-tip strong { font-size: 13px; } .knowledge-tip span { color: #438c80; } .knowledge-tip button { order: 5; margin-left: auto; border: 0; background: transparent; color: #438c80; font-size: 20px; cursor: pointer; } .knowledge-card-wrap[hidden] { display: none; } .knowledge-grid.is-list { display: grid; grid-template-columns: 1fr; column-count: initial; } .knowledge-grid.is-list .knowledge-card-wrap { margin-bottom: 12px; } .knowledge-grid.is-list .knowledge-card { display: grid; grid-template-columns: 180px 1fr; min-height: 150px; } .knowledge-grid.is-list .knowledge-card-image { height: 100%; aspect-ratio: auto; } .knowledge-grid.is-list .knowledge-card footer { grid-column: 2; } .knowledge-grid.is-sources { column-count: 2; } @media (max-width: 760px) { .knowledge-toolbar-top, .knowledge-filter-row { align-items: flex-start; flex-direction: column; } .knowledge-view-toggle { width: 100%; } .knowledge-grid.is-list .knowledge-card { display: block; } .knowledge-grid.is-list .knowledge-card footer { grid-column: auto; } } .knowledge-grid { column-count: 3; column-gap: 14px; margin-top: 0; } .knowledge-card-wrap { display: inline-block; width: 100%; margin: 0 0 22px; break-inside: avoid; } .knowledge-card { width: 100%; max-height: 500px; margin: 0; padding: 0; border: 1px solid #deded9; border-radius: 22px; background: #fff; overflow: hidden; } .knowledge-capture-card { min-height: 300px; padding: 26px 28px 0; } .knowledge-capture-card > p { display: -webkit-box; min-height: 160px; max-height: 220px; overflow: hidden; color: #66758a; font-size: 22px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 8; } .knowledge-capture-card footer { margin: 0 -28px; padding: 20px 28px 24px; border-top: 1px solid #deded9; } .knowledge-card-context { margin: 0 0 12px; color: #999997; font-size: 13px; } .knowledge-card { position: relative; } .knowledge-card-media { position: relative; } .knowledge-video-pill { position: absolute; left: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; min-height: 0; padding: 4px 9px; border-radius: 999px; background: rgba(24,32,29,.88); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: 0; line-height: 1; } .knowledge-transcribed-pill { position: absolute; right: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; min-height: 0; padding: 4px 9px; border-radius: 999px; background: rgba(36,113,76,.92); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: 0; line-height: 1; } .knowledge-card h3 { display: none !important; } .knowledge-card:has(h3) h3 { display: block !important; } .knowledge-card-image { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; margin: 0; border-radius: 0; object-fit: cover; } .knowledge-card-source { display: flex; justify-content: space-between; gap: 12px; padding: 18px 20px 10px; color: #9a9a98; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } .knowledge-card-source small { color: #8b8b89; } .knowledge-card-link-body { padding: 22px 24px 20px; } .knowledge-card:not(.knowledge-link-card) h3 + p { display: -webkit-box; max-height: 220px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8; } .knowledge-link-card .knowledge-card-link-body { min-height: 86px; } /* Image-less link cards (plain websites) render their pulled SEO data as a tidy bookmark — no spinner. A genuinely-transcribing card uses .knowledge-processing-skeleton instead, so no spinner is needed here. */ .knowledge-link-card:not(:has(.knowledge-card-image)) .knowledge-card-link-body { min-height: 96px; } .knowledge-processing-skeleton { min-height: 505px; padding: 0 28px 26px; background: #fff; overflow: hidden; } .knowledge-loading-card { min-height: 505px; } .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-hero, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-meta > span, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-meta b, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-meta i, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-meta em, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-line, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-pills span, .knowledge-loading-wrap:nth-child(2) .knowledge-skeleton-pills em { animation-delay: .18s; } .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-hero, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-meta > span, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-meta b, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-meta i, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-meta em, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-line, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-pills span, .knowledge-loading-wrap:nth-child(3) .knowledge-skeleton-pills em { animation-delay: .36s; } .knowledge-skeleton-hero { height: 194px; margin: 0 -28px 25px; border-radius: 22px 22px 0 0; } .knowledge-skeleton-meta { display: flex; align-items: center; gap: 15px; height: 72px; } .knowledge-skeleton-meta > span { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 50%; } .knowledge-skeleton-meta div { display: grid; gap: 10px; flex: 1; } .knowledge-skeleton-meta b, .knowledge-skeleton-meta i { display: block; height: 14px; border-radius: 999px; } .knowledge-skeleton-meta b { width: 78%; } .knowledge-skeleton-meta i { width: 48%; height: 11px; } .knowledge-skeleton-meta em { width: 42px; height: 42px; border-radius: 50%; } .knowledge-skeleton-line { height: 14px; margin-top: 16px; border-radius: 999px; } .knowledge-skeleton-line.long { width: 100%; } .knowledge-skeleton-line.medium { width: 94%; } .knowledge-skeleton-line.short { width: 68%; } .knowledge-skeleton-pills { display: flex; align-items: center; gap: 18px; margin-top: 39px; } .knowledge-skeleton-pills span { width: 80px; height: 18px; border-radius: 999px; } .knowledge-skeleton-pills em { width: 96px; height: 42px; margin-left: auto; border-radius: 999px; } /* Every placeholder block shares one animated shimmer surface so the whole card animates while loading/transcribing. */ .knowledge-skeleton-hero, .knowledge-skeleton-meta > span, .knowledge-skeleton-meta b, .knowledge-skeleton-meta i, .knowledge-skeleton-meta em, .knowledge-skeleton-line, .knowledge-skeleton-pills span, .knowledge-skeleton-pills em { background-color: #eaeae7; background-image: linear-gradient(110deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.85) 42%, rgba(255,255,255,0) 64%); background-size: 220% 100%; background-position: 150% 0; background-repeat: no-repeat; animation: knowledge-skeleton-shimmer 1.5s ease-in-out infinite; } @keyframes knowledge-skeleton-shimmer { from { background-position: 150% 0; } to { background-position: -150% 0; } } @keyframes knowledge-card-spin { to { transform: rotate(360deg); } } .knowledge-card-top { display: flex; justify-content: space-between; gap: 12px; color: var(--bench-accent); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .knowledge-card-top small { color: var(--bench-muted); font-size: 10px; } .knowledge-card h3 { margin: 24px 0 10px; font-size: 19px; letter-spacing: -.03em; } .knowledge-card p { margin: 0; color: var(--bench-muted); font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; } .knowledge-card footer { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px 18px; margin: 0; color: #8e8e8c; font-size: 11px; font-weight: 700; } .knowledge-card-seo { display: grid; gap: 4px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--bench-line); color: var(--bench-muted); font-size: 11px; line-height: 1.4; } .knowledge-card-seo strong { color: var(--bench-accent); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; } .knowledge-card-url { display: none; } .knowledge-card-meta-row { display: flex; align-items: flex-start; gap: 14px; } .knowledge-card-avatar { display: none !important; } .knowledge-instagram-mark { display: none !important; } .knowledge-card-meta-title { margin: 0 0 7px !important; color: var(--bench-ink) !important; font-size: 22px !important; font-weight: 800; line-height: 1.14 !important; } .knowledge-card-author { margin: 0 !important; color: #8e8e8c; font-size: 16px !important; } .knowledge-card-meta { margin: 0 !important; color: #8e8e8c; font-size: 13px !important; line-height: 1.4 !important; } .knowledge-card-actions { display: flex; gap: 12px; margin-top: 16px; } .knowledge-card-actions button { border: 0; background: transparent; color: var(--bench-muted); font: 800 10px/1 Inter, ui-sans-serif; text-transform: uppercase; cursor: pointer; } .knowledge-card-actions button:hover { color: var(--bench-ink); } .knowledge-detail-page { grid-column: 2; min-width: 0; padding: 0 0 70px; } .knowledge-detail-page.hidden { display: none !important; } #app-view:has(> .knowledge-detail-page:not(.hidden)) > .knowledge-page { display: none !important; } #app-view:has(> .knowledge-detail-page:not(.hidden)) > .knowledge-detail-page { display: block; } #app-view.clients-open > .knowledge-page, #app-view.clients-open > .knowledge-detail-page, #app-view.settings-open > .knowledge-page, #app-view.settings-open > .knowledge-detail-page, #app-view.ideas-open > .knowledge-page, #app-view.ideas-open > .knowledge-detail-page { display: none !important; } #app-view.knowledge-open > .clients-page, #app-view.knowledge-open > .settings-panel, #app-view.knowledge-open > .ideas-page { display: none !important; } .knowledge-detail-back { display: none; } .knowledge-detail-shell { width: min(760px, 100%); margin: 0 auto; } .knowledge-detail-shell { font-size: 14px; } .knowledge-transcription-indicator { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 14px 16px; border: 1px solid #b9ded4; border-radius: 14px; background: #eefaf6; color: #087c68; } .knowledge-transcription-indicator strong { font-size: 13px; } .knowledge-transcription-indicator small { color: #438c80; } .knowledge-transcription-dot { width: 9px; height: 9px; border-radius: 50%; background: #11a889; box-shadow: 0 0 0 5px rgba(17,168,137,.13); animation: knowledge-transcription-pulse 1.4s ease-in-out infinite; } @keyframes knowledge-transcription-pulse { 50% { opacity: .45; transform: scale(.8); } } .knowledge-detail-hero { position: relative; overflow: hidden; border: 1px solid var(--bench-line); border-radius: 15px 15px 0 0; background: #111; } .knowledge-detail-hero img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .knowledge-detail-hero { cursor: pointer; } .knowledge-detail-hero iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; } .knowledge-detail-hero iframe.knowledge-instagram-player { aspect-ratio: 4 / 5; background: #000; } .knowledge-play { display: none !important; } .knowledge-watch { position: absolute; right: 20px; bottom: 18px; padding: 12px 16px; border-radius: 24px; background: rgba(0,0,0,.55); color: #fff; font-weight: 700; text-decoration: none; } .knowledge-detail-author { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border: 1px solid var(--bench-line); border-top: 0; border-radius: 0 0 15px 15px; background: #fff; } .knowledge-detail-author strong,.knowledge-detail-author small { display: block; } .knowledge-detail-author strong { font-size: 15px; } .knowledge-detail-author strong { font-size: 18px; line-height: 1.25; } .knowledge-detail-author small { margin-top: 4px; color: var(--bench-muted); font-size: 14px; } .knowledge-detail-actions,.knowledge-detail-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; } .knowledge-detail-actions button,.knowledge-detail-actions a { display: grid; place-items: center; min-height: 58px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; color: var(--bench-ink); font: 600 14px/1.2 Inter, ui-sans-serif; text-decoration: none; } .knowledge-detail-stats { grid-template-columns: repeat(3, 1fr); } .knowledge-detail-stats { display: none !important; } .knowledge-detail-stats span { display: grid; gap: 4px; place-items: center; padding: 14px 8px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; color: var(--bench-accent); font-size: 13px; } .knowledge-detail-stats small { color: var(--bench-muted); } .knowledge-detail-note,.knowledge-detail-description { margin-top: 14px; padding: 20px; border: 1px solid var(--bench-line); border-radius: 15px; background: #fff; } .knowledge-detail-note,.knowledge-detail-description { display: none !important; } .knowledge-detail-note small,.knowledge-detail-description small { color: var(--bench-muted); font-weight: 800; } .knowledge-detail-note p { color: #aaa; } .knowledge-detail-description h2 { margin: 0 0 14px; font-size: 28px; line-height: 1.15; } .knowledge-detail-description div { padding: 18px; border: 1px solid var(--bench-line); border-radius: 12px; } .knowledge-detail-description p { white-space: pre-wrap; font-size: 14px; line-height: 1.65; } .knowledge-detail-transcript { margin-top: 14px; padding: 20px; border: 1px solid var(--bench-line); border-radius: 15px; background: #fff; } .knowledge-detail-transcript:first-of-type { display: none !important; } .knowledge-detail-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .knowledge-detail-section-head h2 { margin: 0; font-size: 22px; } .knowledge-detail-section-head small { color: var(--bench-muted); font-size: 13px; } .knowledge-detail-transcript ol { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; } .knowledge-detail-transcript li { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--bench-line); font-size: 14px; line-height: 1.55; } .knowledge-detail-transcript time { color: var(--bench-accent); font-variant-numeric: tabular-nums; font-weight: 800; } .knowledge-detail-transcript > p { margin: 16px 0 0; white-space: pre-wrap; font-size: 14px; line-height: 1.7; } .knowledge-instagram-detail .knowledge-detail-hero { background: #000; } .knowledge-instagram-detail .knowledge-detail-hero img { aspect-ratio: 4 / 5; object-fit: contain; background: #000; } .knowledge-instagram-detail .knowledge-detail-actions { grid-template-columns: repeat(3, 1fr); } .knowledge-instagram-detail .knowledge-detail-actions button:first-child { display: none; } .knowledge-instagram-detail .knowledge-detail-stats { grid-template-columns: repeat(4, 1fr); } .knowledge-instagram-detail .knowledge-detail-description h2 { display: none; } .knowledge-instagram-detail .knowledge-detail-description { order: 1; } .knowledge-instagram-detail .knowledge-detail-description div { position: relative; } .knowledge-instagram-detail .knowledge-detail-description div small { font-size: 0; } .knowledge-instagram-detail .knowledge-detail-description div small::after { content: 'Caption'; font-size: 12px; } .knowledge-instagram-detail .knowledge-detail-description p { margin-bottom: 0; } .knowledge-instagram-detail .knowledge-detail-transcript { order: 2; } .knowledge-youtube-detail .knowledge-detail-hero img { aspect-ratio: 16 / 9; } .knowledge-empty-line { display: block !important; color: var(--bench-muted); } .knowledge-instagram-card { overflow: hidden; border: 1px solid var(--bench-line); border-radius: 22px; background: #fff; color: var(--bench-ink); } .knowledge-instagram-head { display: none; } .knowledge-instagram-head strong,.knowledge-instagram-head small { display: block; } .knowledge-instagram-head strong { font-size: 18px; } .knowledge-instagram-head small { margin-top: 4px; color: var(--bench-muted); font-size: 13px; } .knowledge-instagram-image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .knowledge-instagram-stats { display: flex; align-items: center; gap: 20px; padding: 15px 20px 8px; color: var(--bench-muted); font-size: 14px; } .knowledge-instagram-rate { padding: 4px 10px; border: 1px solid var(--bench-line); border-radius: 999px; color: var(--bench-muted); } .knowledge-instagram-copy { position: relative; padding: 8px 20px 20px; color: var(--bench-muted); font-size: 14px; line-height: 1.5; } .knowledge-instagram-copy p { display: -webkit-box; margin: 0; padding-right: 28px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .knowledge-instagram-copy strong { color: var(--bench-ink); } .knowledge-instagram-mark { position: absolute; right: 20px; bottom: 18px; color: var(--bench-muted); font-size: 22px; } @media (max-width: 760px) { .knowledge-detail-page { grid-column: 1; } .knowledge-detail-actions,.knowledge-detail-stats { grid-template-columns: repeat(2, 1fr); } } .knowledge-edit-dialog { position: relative; width: min(560px, calc(100vw - 32px)); padding: 22px; border: 1px solid var(--bench-line); border-radius: 16px; background: #fff; box-shadow: 0 20px 60px rgba(16,32,51,.2); } .knowledge-edit-dialog label:has(#knowledge-edit-title) { display: none !important; } .knowledge-edit-dialog h3 { margin: 0 0 16px; font-size: 22px; } .knowledge-edit-dialog label { display: block; margin-top: 12px; color: var(--bench-muted); font-size: 12px; font-weight: 800; } .knowledge-edit-dialog input, .knowledge-edit-dialog textarea { display: block; width: 100%; margin-top: 5px; border: 1px solid var(--bench-line); padding: 10px; font: inherit; } @media (max-width: 900px) { .knowledge-page { grid-column: 1; } .knowledge-grid { column-count: 2; } } @media (max-width: 600px) { .knowledge-grid { column-count: 1; } } .creative-interaction-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; } .creative-interaction-modal.hidden, .creative-interaction-page.hidden { display: none !important; } .creative-interaction-backdrop { position: absolute; inset: 0; background: rgba(16, 32, 51, .28); backdrop-filter: blur(4px); } .creative-capture-dialog { position: relative; width: min(760px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; padding: 24px; border: 0; border-radius: 18px; background: #f8f8f7; box-shadow: 0 20px 60px rgba(16, 32, 51, .2); } .creative-capture-dialog { width: min(920px, calc(100vw - 32px)); padding: 28px 28px 0; border-radius: 24px; background: rgba(248, 249, 248, .96); } .creative-capture-body { min-height: 300px; padding: 18px 4px 22px; border: 0; border-radius: 0; background: transparent; } .creative-capture-body textarea { min-height: 230px; border: 0; background: transparent; box-shadow: none; font-size: 21px; } .creative-capture-body textarea:focus { outline: none; } .creative-capture-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 70px; border-top: 1px solid #dfe0de; margin-top: -70px; padding: 0 8px 0 0; position: relative; } .creative-capture-tool-pill, .creative-capture-destinations { display: flex; align-items: center; gap: 8px; } .creative-capture-tool-pill { padding: 8px; border-radius: 999px; background: #e8e9e7; } .capture-tool, .capture-destination { border: 0; background: transparent; color: #6e716e; font: 600 18px/1 Inter, ui-sans-serif; cursor: pointer; } .capture-tool { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; font-size: 21px; } .capture-tool.is-active { background: #fff; color: #202321; box-shadow: 0 2px 8px rgba(0,0,0,.12); } .capture-tab-key { padding: 7px 10px; border-radius: 10px; background: #dfe0de; color: #6e716e; font-size: 13px; font-weight: 700; } .capture-destination { display: inline-flex; align-items: center; gap: 8px; padding: 9px 11px; } .capture-destination span { font-size: 17px; } .capture-submit { display: grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: #000; color: #fff; font-size: 25px; line-height: 1; cursor: pointer; } .capture-submit:hover, .capture-submit:focus-visible { background: var(--bench-ink); color: #fff; } .capture-submit:focus-visible { outline: 3px solid rgba(34, 137, 132, .35); outline-offset: 3px; } .creative-capture-file-trigger { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 210px; margin: 14px 6px 0; border: 2px dashed #c7c9c7; border-radius: 18px; background: transparent; color: #70736f; font-size: 17px; } .creative-capture-file-trigger .capture-upload-icon { margin-bottom: 12px; font-size: 30px; } .creative-capture-file-trigger:hover { border-color: var(--bench-teal); background: #f7faf9; } .creative-capture-dialog form { display: grid; gap: 12px; } .creative-capture-dialog textarea, .creative-capture-dialog input { display: block; width: 100%; border: 1px solid var(--bench-line); border-radius: 14px; padding: 16px; background: #fff; color: var(--bench-ink); font: inherit; resize: vertical; } .creative-capture-body input + input { margin-top: 8px; } .creative-capture-dialog p { margin: 2px 0 4px; color: var(--bench-muted); text-align: center; font-size: 13px; } .creative-capture-file-trigger { width: 100%; padding: 22px 16px; border: 1px dashed var(--bench-line); border-radius: 14px; background: #fff; color: var(--bench-ink); font: inherit; cursor: pointer; text-align: center; } .creative-capture-file-trigger:hover { border-color: var(--bench-ink); } .creative-capture-actions { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--bench-line); padding-top: 14px; } .creative-capture-actions button:first-child { border: 0; background: transparent; color: var(--bench-muted); cursor: pointer; } .creative-interaction-page { grid-column: 2; min-height: 70vh; padding: 26px; border: 1px solid var(--bench-line); border-radius: 14px; background: #fff; } .creative-back-button { border: 0; background: transparent; color: var(--bench-muted); font: 600 14px/1 Inter, ui-sans-serif; cursor: pointer; } .creative-page-center { width: min(760px, 100%); margin: 150px auto 0; text-align: center; } .creative-page-mark { color: var(--bench-green); font-size: 28px; } .creative-page-title-input { display: block; width: 100%; margin: 18px 0 24px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--bench-ink); font: 700 34px/1.1 Inter, ui-sans-serif; letter-spacing: -.05em; text-align: center; outline: none; } .creative-page-title-input:hover, .creative-page-title-input:focus { border-color: var(--bench-line); background: #fff; } .ai-chat-interface { width: min(980px, 100%); margin: 0 auto; padding: 70px 0 30px; text-align: center; } .ai-chat-interface.hidden { display: none !important; } .ai-chat-session-head { display: none; align-items: center; justify-content: space-between; gap: 16px; padding: 4px 0 18px; border-bottom: 1px solid var(--bench-line); } .ai-chat-session-title, .ai-chat-session-tools button { border: 0; background: transparent; color: var(--bench-ink); cursor: pointer; } .ai-chat-session-title { display: inline-flex; align-items: center; gap: 8px; font: 700 15px/1 Inter, ui-sans-serif; } .ai-chat-session-title span { color: var(--bench-muted); font-size: 16px; } .ai-chat-session-tools { display: flex; gap: 6px; } .ai-chat-session-tools button { min-height: 32px; padding: 0 10px; border-radius: 9px; color: var(--bench-muted); font-size: 12px; } .ai-chat-session-tools .ai-chat-delete { width: 32px; padding: 0; color: #a24d43; font-size: 16px; } .ai-chat-session-tools button:hover { background: #eef0ed; color: var(--bench-ink); } .ai-chat-interface.has-messages { display: flex; flex-direction: column; width: 100%; max-width: none; height: calc(100vh - 110px); min-height: 520px; padding: 22px 0 0; text-align: left; overflow: hidden; } .ai-chat-interface.has-messages .ai-chat-session-head { display: flex; } .ai-chat-interface.has-messages .ai-chat-mark, .ai-chat-interface.has-messages > h1, .ai-chat-interface.has-messages .ai-chat-prompts, .ai-chat-interface.has-messages .ai-chat-browse { display: none; } .ai-chat-interface.has-messages .ai-chat-thread { flex: 1 1 auto; width: 100%; min-height: 0; max-height: none; margin: 24px 0 28px; align-content: start; overflow-y: auto; overscroll-behavior: contain; padding: 0 8px 12px; } .ai-chat-interface.has-messages .ai-chat-message { width: 100%; max-width: none; justify-self: start; } .ai-chat-interface.has-messages .ai-chat-message.user { width: min(680px, 100%); border-radius: 24px; } .ai-chat-interface.has-messages .ai-chat-message.assistant { width: 100%; padding: 18px 0; border: 0; background: transparent; font-size: 14px; line-height: 1.5; } .ai-chat-interface.has-messages .ai-chat-message.assistant small { display: none; } .ai-chat-interface.has-messages .ai-chat-composer { flex: 0 0 auto; width: 100%; margin: 0; position: sticky; bottom: 0; z-index: 10; box-shadow: 0 -10px 24px rgba(244,243,238,.92), 0 8px 22px rgba(16,32,51,.04); } .ai-chat-mark { margin-bottom: 16px; color: #075b3e; font-size: 42px; } .ai-chat-interface h1 { margin: 0 0 54px; color: var(--bench-ink); font-size: clamp(36px, 5vw, 56px); letter-spacing: -.06em; } .ai-chat-thread { display: grid; gap: 12px; max-height: 360px; margin-bottom: 18px; overflow: auto; text-align: left; } .ai-chat-message { max-width: 78%; padding: 13px 16px; border: 1px solid var(--bench-line); border-radius: 14px; background: #fff; } .ai-chat-message.user { justify-self: end; background: #fff; } [data-nav-view="proposals"] { display: none !important; } .ai-chat-message small { display: block; margin-bottom: 4px; color: var(--bench-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; } .ai-chat-message p { margin: 0; white-space: pre-wrap; font-size: 14px; line-height: 1.55; } .ai-chat-composer { padding: 18px 20px 12px; border: 1px solid var(--bench-line); border-radius: 24px; background: #fff; box-shadow: 0 8px 22px rgba(16,32,51,.04); text-align: left; } .ai-chat-context-chips { display: flex; gap: 6px; margin-bottom: 10px; } .ai-chat-context-chips { display: none; } .ai-chat-context-chips span { padding: 4px 8px; border-radius: 999px; background: #eef3f0; color: #356455; font-size: 10px; font-weight: 700; } .ai-chat-composer textarea { display: block; width: 100%; min-height: 76px; border: 0; outline: 0; background: transparent; color: var(--bench-ink); font: 14px/1.5 Inter, ui-sans-serif; resize: none; } .ai-chat-composer-footer { display: flex; align-items: center; gap: 12px; color: var(--bench-muted); } .ai-chat-composer-footer span { flex: 1; font-size: 12px; } .ai-chat-composer { position: relative; } .ai-chat-tools { position: absolute; left: 18px; bottom: 58px; z-index: 120; display: grid; width: 280px; gap: 2px; padding: 12px; border-radius: 16px; background: #1d1d1d; box-shadow: 0 16px 38px rgba(0,0,0,.24); } .ai-chat-tools.hidden { display: none !important; } .ai-chat-tools button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 10px; border: 0; border-radius: 8px; background: transparent; color: #fff; text-align: left; font: 14px Inter, ui-sans-serif; cursor: pointer; } .ai-chat-tools button:hover, .ai-chat-tools button.is-active { background: #333; } .ai-chat-tools button span { flex: 1; } .ai-chat-tools button b { color: #1ab27c; font-size: 10px; } .ai-chat-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; padding: 0 2px; } .ai-chat-attachments:empty { display: none; } .ai-chat-attachments span { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 5px 8px; border: 1px solid #d5e3dc; border-radius: 8px; background: #eef3f0; color: var(--bench-ink); font-size: 11px; overflow-wrap: anywhere; } .ai-chat-attachments button { border: 0; background: transparent; color: var(--bench-muted); cursor: pointer; } .ai-chat-knowledge-mentions { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 8px; padding:0 2px; } .ai-chat-knowledge-mentions:empty { display:none; } .ai-chat-knowledge-mentions span { display:inline-flex; align-items:center; gap:4px; max-width:100%; padding:5px 8px; border:1px solid #c8d9d0; border-radius:8px; background:#eef3f0; color:var(--bench-green); font-size:11px; overflow-wrap:anywhere; } .ai-chat-knowledge-mentions button { border:0; background:transparent; color:var(--bench-muted); cursor:pointer; } .ai-chat-knowledge-popup { position:absolute; left:18px; right:18px; bottom:58px; z-index:125; display:grid; max-height:280px; overflow:auto; padding:8px; border:1px solid var(--bench-line); border-radius:14px; background:#fff; box-shadow:0 16px 38px rgba(0,0,0,.18); text-align:left; } .ai-chat-knowledge-popup.hidden { display:none!important; } .ai-chat-knowledge-popup button { display:grid; gap:3px; width:100%; padding:10px; border:0; border-radius:9px; background:transparent; color:var(--bench-ink); text-align:left; cursor:pointer; } .ai-chat-knowledge-popup button:hover { background:#eef3f0; } .ai-chat-knowledge-popup strong { font-size:12px; } .ai-chat-knowledge-popup small { color:var(--bench-muted); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ai-chat-knowledge-popup p { margin:8px; color:var(--bench-muted); font-size:11px; } .ai-chat-add, .ai-chat-send { display: grid; place-items: center; width: 34px; min-width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #f1f2ef; color: var(--bench-ink); font-size: 22px; cursor: pointer; } .ai-chat-add span { display: none; } .ai-chat-send { background: var(--bench-ink); color: #fff; font-size: 20px; } .ai-chat-send:disabled { cursor: wait; opacity: .82; } .ai-chat-spinner { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.38); border-top-color: #fff; border-radius: 50%; animation: ai-chat-spin .7s linear infinite; } @keyframes ai-chat-spin { to { transform: rotate(360deg); } } .ai-chat-prompts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 36px; } .ai-chat-prompts button { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; min-height: 140px; padding: 20px 22px; border: 1px solid var(--bench-line); border-radius: 16px; background: #fff; color: var(--bench-ink); text-align: left; cursor: pointer; } .ai-chat-prompts button:hover { border-color: var(--bench-teal); box-shadow: 0 8px 20px rgba(16, 32, 51, .06); } .ai-chat-prompts .ai-prompt-icon { position: absolute; top: 24px; left: calc(50% - 11px); display: grid; place-items: center; width: 22px; height: 22px; color: var(--bench-muted); font-size: 19px; } .ai-chat-prompts strong { grid-column: 1; align-self: center; max-width: 180px; font-size: 22px; line-height: 1.02; letter-spacing: -.045em; } .ai-chat-prompts small { grid-column: 2; max-width: 210px; color: var(--bench-muted); font-size: 14px; line-height: 1.25; } .ai-chat-browse { margin-top: 28px; border: 0; background: transparent; color: var(--bench-muted); font: 14px Inter, ui-sans-serif; cursor: pointer; } .ai-prompt-library { width: min(980px, 100%); margin: 0 auto; padding: 22px 0 40px; color: var(--bench-ink); } .ai-prompt-library.hidden { display: none !important; } .ai-prompt-head, .ai-prompt-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .ai-prompt-head h1 { margin: 0; font-size: 28px; letter-spacing: -.05em; } .ai-prompt-head button, .ai-prompt-editor-head button, .ai-prompt-form-actions button { border: 0; background: transparent; color: var(--bench-muted); cursor: pointer; } .ai-prompt-tip { display: grid; gap: 3px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid #b9cfc5; border-radius: 12px; background: #eef5f1; font-size: 12px; } .ai-prompt-tip span, .ai-prompt-build small, .ai-prompt-card p, .ai-prompt-card em { color: var(--bench-muted); font-size: 11px; } .ai-prompt-search { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 10px 13px; border: 1px solid var(--bench-line); border-radius: 10px; background: #fff; } .ai-prompt-search input { flex: 1; border: 0; outline: 0; background: transparent; font: 12px Inter, ui-sans-serif; } .ai-prompt-search button { border: 1px solid var(--bench-line); border-radius: 8px; background: #fff; padding: 5px 8px; color: var(--bench-muted); font-size: 11px; } .ai-prompt-build, .ai-prompt-group { display: grid; gap: 8px; margin-bottom: 18px; padding: 14px; border-radius: 12px; background: #f0f0ee; } .ai-prompt-build > button { display: grid; grid-template-columns: 28px 1fr; gap: 2px 8px; padding: 10px; border: 1px solid var(--bench-line); border-radius: 8px; background: #fff; text-align: left; cursor: pointer; } .ai-prompt-build > button > small { grid-column: 2; color: var(--bench-muted); } .ai-prompt-group h2 { margin: 0 0 2px; font-size: 14px; } .ai-prompt-group h2 small { color: var(--bench-muted); font-size: 11px; font-weight: 400; } .ai-prompt-card { display: grid; grid-template-columns: 30px 1fr auto auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--bench-line); border-radius: 10px; background: #fff; } .ai-prompt-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #f1f2ef; color: var(--bench-accent); } .ai-prompt-card strong { font-size: 12px; } .ai-prompt-card strong small { color: var(--bench-muted); font-size: 9px; font-weight: 400; } .ai-prompt-card p { margin: 2px 0; } .ai-prompt-card em { display: block; font-size: 9px; } .ai-prompt-card button { border: 0; background: transparent; color: var(--bench-muted); font-size: 10px; cursor: pointer; } .ai-prompt-editor-card { margin-bottom: 20px; padding: 15px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; } .ai-prompt-editor-card p { margin: 4px 0 10px; color: var(--bench-muted); font-size: 11px; } .ai-prompt-editor-card button { border: 1px solid var(--bench-line); border-radius: 8px; background: #fff; padding: 7px 10px; font-size: 11px; cursor: pointer; } .ai-prompt-form { display: grid; gap: 13px; } .ai-prompt-form label { display: grid; gap: 5px; color: var(--bench-muted); font-size: 11px; } .ai-prompt-form input, .ai-prompt-form textarea { width: 100%; border: 1px solid var(--bench-line); border-radius: 8px; background: #fff; padding: 10px; color: var(--bench-ink); font: 13px/1.45 Inter, ui-sans-serif; } .ai-prompt-form textarea { min-height: 300px; resize: vertical; } .ai-prompt-form-actions { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--bench-line); padding-top: 14px; } @media (max-width: 760px) { .ai-chat-interface { padding: 34px 0 20px; } .ai-chat-interface h1 { margin-bottom: 30px; } .ai-chat-prompts { grid-template-columns: 1fr; } .ai-chat-prompts button { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .ai-chat-prompts .ai-prompt-icon { left: 50%; } } .creative-page-center textarea { width: 100%; border: 1px solid var(--bench-line); border-radius: 16px; padding: 18px; font: inherit; resize: vertical; } .creative-page-prompts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; } .creative-page-prompts button { min-height: 70px; border: 1px solid var(--bench-line); border-radius: 12px; background: #fff; color: var(--bench-ink); text-align: left; padding: 12px; font-weight: 700; cursor: pointer; } .creative-page-prompts small { display: block; margin-top: 5px; color: var(--bench-muted); font-weight: 400; } .document-page { display: flex; flex-direction: column; min-height: calc(100vh - 150px); height: calc(100vh - 150px); padding: 10px 26px 26px; overflow: hidden; } .document-page .creative-page-center { margin-top: 0; text-align: left; } .document-page .creative-page-title-input { margin-top: 8px; text-align: left; } .document-page .creative-page-center { display: flex; flex: 1; flex-direction: column; width: 100%; min-height: 0; margin-left: 0; margin-right: 0; } .document-page .creative-page-center textarea { flex: 1; width: 100%; min-height: 0; border: 0; border-radius: 0; outline: none; font-size: 18px; resize: none; overflow-y: auto; } .creative-page-actions { display: flex; align-items: center; gap: 14px; margin-top: 14px; } .creative-page-save-state { display: block; margin-top: 8px; color: var(--bench-muted); font-size: 12px; } @media (max-width: 760px) { .creative-page-prompts { grid-template-columns: 1fr; } .creative-interaction-page { grid-column: 1; } } /* Creative interactions are standalone canvas pages. Keep the underlying canvas chrome out of the document/chat view so the editor cannot stack over it. */ #app-view.creative-page-open > .bench-heading, #app-view.creative-page-open > .brand-dashboard, #app-view.creative-page-open > .agent-status-strip, #app-view.creative-page-open > .workflow-progress, #app-view.creative-page-open > .bench-grid, #app-view.creative-page-open > .notice, #app-view.creative-page-open > .settings-page, #app-view.creative-page-open > .clients-page, #app-view.creative-page-open > .ideas-page, #app-view.creative-page-open > .knowledge-page, #app-view.creative-page-open > .knowledge-detail-page { display: none !important; } #app-view.creative-page-open > .creative-interaction-page { grid-column: 2; min-width: 0; min-height: calc(100vh - 150px); margin-top: 26px; } #app-view.creative-page-open > .creative-interaction-page.chat-session { grid-column: 2; display: flex; flex-direction: column; min-height: calc(100vh - 110px); margin-top: 0; padding: 0; border: 0; border-radius: 0; background: var(--bench-paper); } #app-view.creative-page-open > .creative-interaction-page:has(.ai-chat-interface:not(.hidden)) { margin-top: 0; padding: 0; border: 0; border-radius: 0; background: var(--bench-paper); } body:has(.ai-chat-interface.has-messages:not(.hidden)) .bench-topbar, body:has(.ai-chat-interface.has-messages:not(.hidden)) .workspace-nav { display: flex; } .ai-chat-interface .ai-chat-message, .ai-chat-interface .ai-chat-message p, .ai-chat-interface .ai-chat-composer, .ai-chat-interface .ai-chat-composer textarea { font-size: 14px !important; } @media (max-width: 900px) { #app-view.creative-page-open > .creative-interaction-page { grid-column: 1; margin-top: 18px; } } @media (max-width: 760px) { #app-view.creative-page-open > .creative-interaction-page.chat-session { grid-column: 1; padding: 0 18px; } .ai-chat-interface.has-messages { min-height: calc(100vh - 110px); padding-top: 16px; } .ai-chat-interface.has-messages .ai-chat-thread { margin-top: 42px; } } .creative-desk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .creative-desk-card { display: flex; min-height: 132px; flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px; border: 1px solid #d7d8d2; border-radius: 14px; background: #fff; color: #102033; text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .creative-desk-card:hover { border-color: #2fa2a3; box-shadow: 0 10px 24px rgba(16, 32, 51, .08); transform: translateY(-2px); } .creative-desk-card > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #e7f0eb; color: #6da786; font-size: 23px; } .creative-desk-card[data-creative-action="link"] > span { background: #e5edff; color: #347cf0; } .creative-desk-card[data-creative-action="chat"] > span { background: #eee7ff; color: #8958ec; } .creative-desk-card[data-creative-action="document"] > span { background: #fff0dd; color: #f39a16; } .creative-desk-card strong, .creative-desk-item strong { display: block; font-size: 15px; } .creative-desk-card small, .creative-desk-item small { display: block; color: #66788a; font-size: 12px; line-height: 1.4; } .creative-desk-items { margin-top: 18px; padding: 16px; border-radius: 14px; background: #f4f3ee; } .creative-desk-items-heading { margin-bottom: 10px; color: #66788a; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .creative-desk-item { display: flex; gap: 12px; padding: 10px 0; border-top: 1px solid #d7d8d2; } .creative-desk-item > span { min-width: 48px; color: #2fa2a3; font-size: 11px; font-weight: 800; text-transform: uppercase; } .creative-desk-empty { color: #66788a; font-size: 13px; } @media (max-width: 900px) { .creative-desk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .creative-desk-grid { grid-template-columns: 1fr; } } .brand-onboarding .workspace-command, .brand-onboarding .workspace-nav-list p, .brand-onboarding .workspace-nav-item, .brand-onboarding .workspace-nav-footer, .brand-onboarding .bench-actions > .bench-button:not(#sign-out), .brand-onboarding .menu-toggle { display: none !important; } .brand-onboarding .workspace-nav { min-height: auto; padding-top: 0; } .bench-shell > main { padding-top: 10px; } .brand-onboarding .workspace-nav-list { display: block; } .brand-onboarding .workspace-nav-item[data-nav-view="self"], .brand-onboarding .workspace-nav-item[data-nav-view="home"], .brand-onboarding .workspace-nav-item[data-nav-view="owner"] { display: flex !important; } .brand-onboarding #brand-memory-toggle { display: flex !important; } .brand-onboarding .workspace-nav-item[data-nav-view="settings"], .brand-onboarding .workspace-nav-item[data-nav-view="client"], .brand-onboarding .workspace-nav-item[data-nav-view="projects"], .brand-onboarding .workspace-nav-item[data-nav-view="discovery"], .brand-onboarding .workspace-nav-item[data-nav-view="knowledge"], .brand-onboarding .workspace-nav-item[data-nav-view="chats"], .brand-onboarding .workspace-nav-item[data-nav-view="schedule"] { display: flex !important; } .brand-onboarding #top-owner-workspace { display: inline-flex !important; } .bench-actions #settings-toggle { display: none !important; } .brand-onboarding.brand-home-empty .bench-heading, .brand-onboarding.brand-home-empty .bench-grid, .brand-onboarding.brand-home-empty .agent-status-strip, .brand-onboarding.brand-home-empty .workflow-progress, .brand-onboarding.brand-home-empty > .notice { display: none !important; } .brand-onboarding .bench-heading { padding-top: 0; } .settings-page { position: static; grid-column: 2; min-width: 0; min-height: 70vh; overflow: auto; background: var(--bench-paper); } .clients-page { grid-column: 2; min-width: 0; min-height: 70vh; background: var(--bench-paper); } #app-view.clients-open > .bench-heading, #app-view.clients-open > .brand-dashboard, #app-view.clients-open > .agent-status-strip, #app-view.clients-open > .workflow-progress, #app-view.clients-open > .bench-grid, #app-view.clients-open > .notice, #app-view.clients-open > .settings-page { display: none !important; } .clients-page-inner { width: min(1080px, 100%); margin: 0 auto; } .clients-page-inner h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .ideas-page { grid-column: 2; min-width: 0; min-height: 70vh; background: var(--bench-paper); } #app-view.ideas-open > .bench-heading, #app-view.ideas-open > .brand-dashboard, #app-view.ideas-open > .agent-status-strip, #app-view.ideas-open > .workflow-progress, #app-view.ideas-open > .bench-grid, #app-view.ideas-open > .notice, #app-view.ideas-open > .settings-page, #app-view.ideas-open > .clients-page { display: none !important; } .ideas-page-inner { width: min(1080px, 100%); margin: 0 auto; } .ideas-page-head { padding-bottom: 28px; border-bottom: 1px solid var(--bench-line); } .ideas-page-head h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .ideas-page-head p:not(.eyebrow) { margin: 14px 0 0; color: var(--bench-muted); } .ideas-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; margin-top: 28px; } .ideas-list-panel, .idea-form { border: 1px solid var(--bench-line); background: var(--bench-card); padding: 19px; } .ideas-list-heading { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--bench-ink); } .ideas-list-heading h3 { margin: 0; font-size: 1.2rem; } .ideas-list-heading span { color: var(--bench-muted); font-size: .7rem; font-weight: 800; } .idea-list-item { padding: 16px 0; border-bottom: 1px solid var(--bench-line); } .idea-list-item:last-child { border-bottom: 0; } .idea-list-item h3 { margin: 0 0 7px; font-size: 1.05rem; } .idea-list-item p:not(.card-kicker) { margin: 0; color: var(--bench-muted); font-size: .78rem; white-space: pre-wrap; } .idea-list-item small { display: block; margin-top: 10px; color: var(--bench-green); font-size: .7rem; } .idea-form label { display: block; margin-top: 14px; color: var(--bench-muted); font-size: .66rem; font-weight: 800; } .idea-form input, .idea-form textarea { display: block; width: 100%; margin-top: 5px; border: 1px solid var(--bench-line); background: #fff; padding: 9px; font: inherit; font-size: .76rem; resize: vertical; } .idea-form .bench-button { margin-top: 18px; } .idea-form small { display: block; margin-top: 8px; color: var(--bench-green); font-size: .68rem; } @media (max-width: 760px) { .ideas-layout { display: block; } .idea-form { margin-top: 16px; } } .clients-page-inner > p:not(.eyebrow) { margin: 14px 0 0; color: var(--bench-muted); } .clients-page-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--bench-line); } .clients-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; margin-top: 28px; } .clients-list-panel, .client-form { border: 1px solid var(--bench-line); background: var(--bench-card); padding: 19px; } .clients-list-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--bench-ink); } .clients-list-heading h3, .client-form h3 { margin: 0; font-size: 1.2rem; letter-spacing: -.04em; } .clients-list-heading span { color: var(--bench-muted); font-size: .7rem; font-weight: 800; } .client-list-item { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--bench-line); } .client-list-item:last-child { border-bottom: 0; } .client-open-button { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; border: 0; background: transparent; color: var(--bench-ink); text-align: left; cursor: pointer; } .client-open-button:hover .client-list-copy strong { color: var(--bench-green); } .client-list-avatar { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #e8f0ec; color: var(--bench-green); font-size: .8rem; font-weight: 900; } .client-list-copy { display: grid; gap: 3px; min-width: 0; } .client-list-copy strong { font-size: .84rem; } .client-list-copy small { color: var(--bench-muted); font-size: .68rem; } .client-list-arrow { margin-left: auto; color: var(--bench-muted); } .client-list-actions { display: flex; gap: 8px; } .client-list-actions button { border: 0; background: transparent; color: var(--bench-muted); font: 800 .62rem/1 Inter, ui-sans-serif; text-transform: uppercase; cursor: pointer; } .client-list-actions button:hover { color: var(--bench-ink); } .client-form label { display: block; margin-top: 14px; color: var(--bench-muted); font-size: .66rem; font-weight: 800; } .client-form input, .client-form select { display: block; width: 100%; margin-top: 5px; border: 1px solid var(--bench-line); background: #fff; padding: 9px; font: inherit; font-size: .76rem; } .client-form-actions { display: flex; gap: 8px; margin-top: 18px; } .client-projects-panel { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; margin-top: 0; } .client-projects-panel > .client-projects-head { display: none !important; } .client-projects-panel > #client-projects-list { border: 1px solid var(--bench-line); background: var(--bench-card); padding: 19px; } .client-projects-head { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--bench-ink); } .client-projects-head h3 { margin: 0; font-size: 1.2rem; } .project-list-item { border-bottom: 1px solid var(--bench-line); } .project-list-item:last-child { border-bottom: 0; } .project-list-item button { display: grid; gap: 4px; width: 100%; padding: 15px 0; border: 0; background: transparent; color: var(--bench-ink); text-align: left; cursor: pointer; } .project-list-item button:hover strong { color: var(--bench-green); } .project-list-item small { color: var(--bench-muted); font-size: .7rem; } .project-list-item .client-open-button { display: flex; align-items: center; gap: 11px; flex: 1; min-width: 0; width: auto; padding: 0; } .project-list-item .client-list-actions button { display: block; width: auto; padding: 0; } .project-form { display: block; margin: 0; padding: 19px; border: 1px solid var(--bench-line); background: var(--bench-card); } .project-form label { flex: 1; color: var(--bench-muted); font-size: .66rem; font-weight: 800; } .project-form input { display: block; width: 100%; margin-top: 5px; border: 1px solid var(--bench-line); background: #fff; padding: 9px; font: inherit; font-size: .76rem; } .project-form .bench-button { margin-top: 18px; } @media (max-width: 760px) { .client-projects-panel { display: block; } .project-form { margin-top: 16px; } .project-form .bench-button { margin-top: 12px; } } .workspace-nav-item[data-nav-view="ideas"] { display: none !important; } .workspace-beta-pill { display: inline-flex; align-items: center; margin-left: auto; padding: 3px 6px; border: 1px solid #b8d8c4; border-radius: 999px; background: #edf7f0; color: #26724b; font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; } .scheduling-page { min-height: calc(100vh - 110px); padding-bottom: 48px; } .scheduling-page.hidden { display: none !important; } .scheduling-page-inner { width: 100%; } .scheduling-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--bench-line); } .scheduling-title-row { display: flex; align-items: center; gap: 12px; } .scheduling-title-row h2 { margin: 0; } .scheduling-title-row .workspace-beta-pill { transform: translateY(5px); } .scheduling-intro { max-width: 560px; margin: 18px 0 0; color: var(--bench-muted); line-height: 1.45; } .scheduling-head-actions, .scheduling-toolbar, .scheduling-tabs, .schedule-card-top, .schedule-card-actions, .scheduling-side-head, .schedule-composer-head, .schedule-composer-actions { display: flex; align-items: center; gap: 10px; } .scheduling-toolbar { justify-content: space-between; padding: 18px 0; border-bottom: 1px solid var(--bench-line); } .scheduling-platforms { display: flex; align-items: center; gap: 8px; color: var(--bench-muted); font-size: 12px; font-weight: 800; } .scheduling-platforms select { min-width: 150px; padding: 9px 10px; border: 1px solid var(--bench-line); background: #fff; color: var(--bench-ink); } .scheduling-tabs button { padding: 8px 11px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--bench-muted); font: 800 12px/1 Inter, ui-sans-serif; cursor: pointer; } .scheduling-tabs button.is-active { border-bottom-color: var(--bench-green); color: var(--bench-ink); } .scheduling-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; padding-top: 24px; } .schedule-card, .scheduling-side, .schedule-composer { border: 1px solid var(--bench-line); background: #fff; } .schedule-card { margin-bottom: 12px; padding: 18px; } .schedule-card-top { justify-content: space-between; color: var(--bench-muted); font-size: 11px; } .schedule-platform-mark { color: var(--bench-green); font-weight: 900; text-transform: uppercase; letter-spacing: .06em; } .schedule-card p { margin: 16px 0; color: var(--bench-ink); font-size: 17px; line-height: 1.4; } .schedule-card-actions { justify-content: flex-end; } .schedule-card-actions button, .schedule-slot { border: 0; background: transparent; color: var(--bench-muted); font: 700 11px/1.2 Inter, ui-sans-serif; cursor: pointer; } .schedule-card-actions button:hover { color: var(--bench-ink); text-decoration: underline; } .scheduling-side { padding: 18px; } .scheduling-side-head { justify-content: space-between; } .scheduling-side-head h3 { margin: 4px 0 0; font-size: 22px; } .schedule-account { padding: 5px 8px; border-radius: 999px; background: #edf3f0; color: var(--bench-green); font-size: 10px; font-weight: 900; } .scheduling-side-copy { margin: 16px 0 20px; color: var(--bench-muted); font-size: 12px; line-height: 1.45; } .schedule-day { margin-top: 18px; } .schedule-day h4 { margin: 0 0 7px; color: var(--bench-ink); font-size: 12px; } .schedule-slot { display: flex; justify-content: space-between; width: 100%; padding: 10px 0; border-top: 1px solid #edf0ed; text-align: left; } .schedule-slot span { color: var(--bench-muted); } .schedule-slot strong { color: var(--bench-green); font-size: 10px; } .schedule-slot.is-filled strong { color: var(--bench-ink); } .schedule-slot:hover strong { text-decoration: underline; } .scheduling-empty { padding: 48px 20px; border: 1px dashed var(--bench-line); color: var(--bench-muted); text-align: center; } .scheduling-notice { margin-bottom: 12px; padding: 12px 14px; border: 1px solid #b8d8c4; background: #edf7f0; color: #26724b; font-size: 12px; font-weight: 800; } .schedule-composer { position: fixed; top: clamp(20px, 7vh, 72px); left: 50%; z-index: 1001; width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 40px); margin: 0; padding: 22px; transform: translateX(-50%); border: 1px solid var(--bench-line); background: #fff; box-shadow: 0 24px 80px rgba(16, 32, 51, .24); overflow: auto; } body:has(#schedule-composer:not(.hidden)) { overflow: hidden; } body:has(#schedule-composer:not(.hidden))::before { content: ""; position: fixed; inset: 0; z-index: 1000; background: rgba(16, 32, 51, .38); } .schedule-composer-head { justify-content: space-between; margin-bottom: 18px; } .schedule-composer h3 { margin: 4px 0 0; font-size: 22px; } .schedule-close { border: 0; background: transparent; color: var(--bench-muted); font-size: 25px; cursor: pointer; } .schedule-composer label { display: grid; gap: 7px; margin-top: 14px; color: var(--bench-muted); font-size: 12px; font-weight: 800; } .schedule-composer textarea, .schedule-composer input, .schedule-composer select { width: 100%; padding: 10px; border: 1px solid var(--bench-line); background: #fff; color: var(--bench-ink); font: 14px/1.4 Inter, ui-sans-serif; } .schedule-media-help, .schedule-media-empty { color: var(--bench-muted); font-size: 11px; font-weight: 600; } .schedule-media-preview { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; margin-top: 8px; } .schedule-media-item { display: grid; gap: 5px; padding: 7px; border: 1px solid var(--bench-line); background: #f8fafb; font-size: 10px; overflow: hidden; } .schedule-media-item img, .schedule-media-item video { width: 100%; height: 82px; object-fit: cover; background: #e9eef2; } .schedule-media-item button { justify-self: start; border: 0; padding: 0; background: transparent; color: var(--bench-coral); font-size: 10px; font-weight: 800; cursor: pointer; } .schedule-media-file { display: grid; place-items: center; height: 82px; background: var(--bench-ink); color: #fff; font-size: 11px; letter-spacing: .08em; } .schedule-generate-media { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; margin-top: 14px; } .schedule-generate-media label { margin-top: 0; } .schedule-generate-media small { grid-column: 1 / -1; } .schedule-card-media-summary { margin-top: 10px; color: var(--bench-muted); font-size: 11px; font-weight: 800; } .schedule-form-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 10px; } .schedule-composer-actions { justify-content: flex-end; margin-top: 20px; } .schedule-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 20px 0; } .schedule-summary-card { padding: 16px; border: 1px solid var(--bench-line); background: #fff; } .schedule-summary-card span, .schedule-summary-card strong { display: block; } .schedule-summary-card span { color: var(--bench-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .schedule-summary-card strong { margin-top: 8px; font-size: 24px; letter-spacing: -.04em; } .schedule-search-wrap { display: flex; align-items: center; gap: 8px; min-width: 190px; border: 1px solid var(--bench-line); padding: 0 10px; background: #fff; color: var(--bench-muted); } .schedule-search-wrap input { width: 100%; padding: 9px 0; border: 0; outline: 0; background: transparent; color: var(--bench-ink); font: 12px/1.2 Inter, ui-sans-serif; } .schedule-view-toggle { display: flex; margin-left: auto; border: 1px solid var(--bench-line); } .schedule-view-toggle button { padding: 8px 10px; border: 0; background: #fff; color: var(--bench-muted); font: 800 11px/1 Inter, ui-sans-serif; cursor: pointer; } .schedule-view-toggle button + button { border-left: 1px solid var(--bench-line); } .schedule-view-toggle button.is-active { background: var(--bench-ink); color: #fff; } .schedule-calendar-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .schedule-calendar-head strong { min-width: 150px; font-size: 18px; } .schedule-month-nav { width: 30px; height: 30px; border: 1px solid var(--bench-line); background: #fff; color: var(--bench-ink); font-size: 21px; cursor: pointer; } .schedule-calendar-head .bench-button { margin-left: auto; } .schedule-weekdays, .schedule-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); } .schedule-weekdays { border: 1px solid var(--bench-line); border-bottom: 0; background: #f7f8f5; } .schedule-weekdays span { padding: 9px 10px; color: var(--bench-muted); font-size: 10px; font-weight: 900; text-transform: uppercase; } .schedule-calendar-grid { border-left: 1px solid var(--bench-line); } .schedule-calendar-day { min-height: 116px; padding: 8px; border: 0; border-right: 1px solid var(--bench-line); border-bottom: 1px solid var(--bench-line); background: #fff; color: var(--bench-ink); text-align: left; cursor: pointer; } .schedule-calendar-day:hover { background: #f8faf7; } .schedule-calendar-day.is-muted { background: #fafaf8; color: #a3aaa7; } .schedule-calendar-day.is-today .schedule-calendar-day-number { display: inline-grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--bench-green); color: #fff; } .schedule-calendar-day-number { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 900; } .schedule-calendar-items { display: grid; gap: 4px; } .schedule-calendar-item { display: block; overflow: hidden; padding: 4px 5px; border-left: 3px solid var(--bench-green); background: #edf3f0; color: var(--bench-ink); font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .schedule-calendar-item.status-draft { border-left-color: #c58b2a; background: #fff5df; } .schedule-calendar-item.status-sent { border-left-color: #7b8790; background: #eef0f1; } .schedule-calendar-item b { font-size: 9px; } .schedule-calendar-items em { color: var(--bench-muted); font-size: 10px; } .schedule-card h3 { margin: 12px 0 0; font-size: 18px; } .schedule-card-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--bench-muted); font-size: 11px; } .schedule-status { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; } .schedule-status.status-scheduled { color: var(--bench-green); } .schedule-status.status-draft { color: #a76b11; } .schedule-status.status-sent { color: var(--bench-muted); } .schedule-day-empty { margin: 0; padding: 10px 0; color: var(--bench-muted); font-size: 11px; } .schedule-conflict { margin-top: 14px; padding: 10px 12px; border: 1px solid #e6c47b; background: #fff7e7; color: #85570d; font-size: 12px; line-height: 1.4; } .schedule-character-count { display: block; margin-top: 5px; color: var(--bench-muted); font-size: 10px; font-weight: 400; text-align: right; } .scheduling-notice[data-kind="info"] { border-color: #b8cbe0; background: #eef5fb; color: #315878; } .scheduling-open > .bench-heading, .scheduling-open > .brand-dashboard, .scheduling-open > .agent-status-strip, .scheduling-open > .workflow-progress, .scheduling-open > .bench-grid, .scheduling-open > .notice { display: none !important; } @media(max-width:900px){.scheduling-layout{grid-template-columns:1fr}.scheduling-side{order:-1}.scheduling-head{display:block}.scheduling-head-actions{margin-top:20px}.schedule-form-grid{grid-template-columns:1fr}.scheduling-toolbar{display:block}.scheduling-tabs{margin-top:14px}} @media(max-width:700px){.schedule-summary{grid-template-columns:1fr}.schedule-view-toggle{margin:14px 0 0}.schedule-calendar-day{min-height:88px;padding:5px}.schedule-calendar-item{font-size:9px}.schedule-weekdays span{padding:7px 5px;font-size:9px}} .ideas-page { display: none !important; } @media (max-width: 760px) { .clients-page-head, .clients-layout { display: block; } .clients-page-head .bench-button { margin-top: 18px; } .client-form { margin-top: 16px; } } #app-view.settings-open > .bench-heading, #app-view.settings-open > .brand-dashboard, #app-view.settings-open > .agent-status-strip, #app-view.settings-open > .workflow-progress, #app-view.settings-open > .bench-grid, #app-view.settings-open > .notice { display: none !important; } .settings-page-inner { width: min(1080px, 100%); margin: 0 auto; padding: 0 0 80px; } .settings-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; border-bottom: 1px solid var(--bench-line); padding-bottom: 24px; } .settings-page-head h2 { margin: 0 0 10px; font-size: 42px; line-height: .95; letter-spacing: -.06em; } .settings-page-head p:not(.eyebrow) { margin: 0; color: var(--bench-muted); } .settings-card { margin-top: 16px; padding: 22px; border: 1px solid var(--bench-line); background: var(--bench-card); } .settings-card h3 { margin: 0 0 8px; font-size: 20px; } .settings-card p:not(.card-kicker) { color: var(--bench-muted); } .settings-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .additional-info-upload-label{display:block;margin-top:10px;color:var(--bench-muted);font-size:.72rem;line-height:1.4}.additional-info-upload-label input{display:block;margin-top:6px;font:inherit;font-size:.74rem}.additional-info-upload-label small{display:block;margin-top:5px;color:var(--bench-muted);font-size:.68rem} /* Global Brand Workbench canvas system. Keep this block last so every workspace page uses the same foundation. */ .bench-heading h1, .dashboard-clean .dashboard-welcome h2, .clients-page-inner h2, .settings-page-head h2, .ideas-page-head h2 { font-size: clamp(3.5rem, 7vw, 7.4rem) !important; line-height: .83; letter-spacing: -.1em; } .workspace-canvas-page, .brand-dashboard { grid-column: 2; min-width: 0; color: var(--bench-ink); } .dashboard-clean.brand-dashboard { width: 100%; max-width: none; margin: 0; } #app-view.dashboard-open > .bench-heading { display: none !important; } .workspace-canvas-page h2, .brand-dashboard h2 { color: var(--bench-ink); font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } .workspace-canvas-page .eyebrow, .brand-dashboard .eyebrow { color: var(--bench-accent); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .workspace-canvas-page input, .workspace-canvas-page textarea, .workspace-canvas-page select { border-color: var(--bench-line); border-radius: 0; background: #fff; color: var(--bench-ink); } .workspace-canvas-page .bench-button { border-radius: 0; } .clients-page-inner, .settings-page-inner, .ideas-page-inner { width: 100%; max-width: 1080px; margin: 0; } .clients-page-head, .settings-page-head, .ideas-page-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--bench-line); } .clients-page-inner h2, .settings-page-head h2, .ideas-page-head h2 { margin: 0; font-size: clamp(3.5rem, 7vw, 7.4rem); line-height: .83; letter-spacing: -.1em; } /* Workbench inline icon system. Size follows the parent font-size (1em); color follows currentColor. */ .wb-icon { width: 1em; height: 1em; flex: none; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .workspace-nav-item span .wb-icon, .workspace-command span .wb-icon { stroke-width: 1.9; } .question-info .wb-icon { display: inline-block; vertical-align: -2px; margin-right: 6px; width: 13px; height: 13px; stroke-width: 2; } /* Saved chat sessions listed under the Chats nav item. */ .workspace-chat-sessions { display: grid; gap: 1px; margin: 2px 0 6px; padding-left: 14px; } .workspace-chat-sessions.hidden { display: none; } .workspace-chat-sessions-title { display: block !important; margin: 9px 10px 4px; color: var(--bench-muted); font-size: 10px; font-weight: 900; letter-spacing: .12em; line-height: 1.25; } .workspace-chat-session { display: block; width: 100%; padding: 6px 10px 6px 12px; border: 0; border-left: 1px solid var(--bench-line); border-radius: 0 6px 6px 0; background: transparent; color: #63727c; font: 500 11.5px/1.3 Inter, ui-sans-serif; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .workspace-chat-dot { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #c9ceca; vertical-align: 1px; } .workspace-chat-session:hover { background: #eef3f0; color: var(--bench-ink); } .workspace-chat-session.is-active { background: #eaf0ed; color: var(--bench-ink); border-left-color: var(--bench-green); } .scope-debug{display:none!important} .result-heading-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto} .result-heading-actions{flex-wrap:wrap;justify-content:flex-end} .result-heading-actions #result-state{color:var(--bench-muted);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap} #download-result-pdf{flex:0 0 auto} /* Save an AI reply as a document */ .ai-chat-message-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .ai-chat-message-actions button { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid #f0f1ef; border-radius: 999px; background: #f0f1ef; color: var(--bench-ink); font: 800 12px/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .02em; cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease; } .ai-chat-message-actions button:hover, .ai-chat-message-actions button:focus-visible { border-color: var(--bench-ink); background: var(--bench-ink); color: #fff; } .ai-chat-message-actions button:disabled { opacity: .65; cursor: wait; } .ai-chat-marketing-status { min-height: 29px; padding: 6px 10px; border: 1px solid #f0f1ef; border-radius: 999px; background: #f0f1ef; color: var(--bench-ink); font: 800 12px/1 Inter, ui-sans-serif, system-ui, sans-serif; } .marketing-pipeline { margin: 28px 0 36px; padding: 26px; border: 1px solid var(--bench-line); border-radius: 22px; background: #fff; } .marketing-pipeline-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; } .marketing-pipeline-head h3 { margin: 5px 0; color: var(--bench-ink); font-size: 26px; letter-spacing: -.05em; } .marketing-pipeline-head p:not(.card-kicker) { margin: 0; color: var(--bench-muted); } .marketing-pipeline-list { display: grid; gap: 0; } .marketing-pipeline-item { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 0; border-top: 1px solid var(--bench-line); } .marketing-pipeline-item span, .marketing-pipeline-item strong, .marketing-pipeline-item small { display: block; } .marketing-pipeline-item span { margin-bottom: 4px; color: var(--bench-teal); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; } .marketing-pipeline-item strong { color: var(--bench-ink); } .marketing-pipeline-item small { max-width: 720px; margin-top: 4px; color: var(--bench-muted); line-height: 1.4; } .marketing-pipeline-item select { min-width: 140px; padding: 8px 10px; border: 1px solid var(--bench-line); border-radius: 999px; background: #f0f1ef; color: var(--bench-ink); font: inherit; } @media (max-width: 700px) { .marketing-pipeline-head, .marketing-pipeline-item { align-items: flex-start; flex-direction: column; } .marketing-pipeline-item select { width: 100%; } } .campaign-workspace-page { padding: 34px clamp(18px, 4vw, 56px) 60px; } .campaign-workspace-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; } .campaign-workspace-head h1 { margin: 6px 0 8px; color: var(--bench-ink); font-size: clamp(34px, 5vw, 58px); letter-spacing: -.06em; } .campaign-workspace-head p:not(.eyebrow) { max-width: 560px; margin: 0; color: var(--bench-muted); } .campaign-workspace-grid { display: grid; gap: 24px; } .campaign-workspace-group { padding: 22px; border: 1px solid var(--bench-line); border-radius: 20px; background: #fff; } .campaign-workspace-group-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .campaign-workspace-group-head h2 { margin: 0; color: var(--bench-ink); font-size: 20px; } .campaign-workspace-group-head span { color: var(--bench-muted); font-size: 13px; } .campaign-workspace-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 0; border-top: 1px solid var(--bench-line); } .campaign-workspace-card strong, .campaign-workspace-card small { display: block; } .campaign-workspace-card strong { color: var(--bench-ink); } .campaign-workspace-card small { max-width: 720px; margin-top: 5px; color: var(--bench-muted); line-height: 1.45; } .campaign-workspace-card select { min-width: 140px; padding: 8px 10px; border: 1px solid var(--bench-line); border-radius: 999px; background: #f0f1ef; color: var(--bench-ink); font: inherit; } .campaign-workspace-empty { margin: 0; color: var(--bench-muted); } @media (max-width: 700px) { .campaign-workspace-head { align-items: flex-start; flex-direction: column; } .campaign-workspace-card { align-items: flex-start; flex-direction: column; } .campaign-workspace-card select { width: 100%; } } .workspace-menu-asset-icon { display: block; width: 18px; height: 18px; object-fit: contain; } .dashboard-recent-empty{margin:0;color:#71808a;font-size:14px;line-height:1.45}.dashboard-recent-item{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 0;border:0;border-top:1px solid #e3e5e0;background:transparent;color:var(--bench-ink);text-align:left;cursor:pointer}.dashboard-recent-item:first-of-type{border-top:0}.dashboard-recent-item span{min-width:0}.dashboard-recent-item strong,.dashboard-recent-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-item strong{font-size:13px}.dashboard-recent-item small{margin-top:3px;color:#71808a;font-size:11px}.dashboard-recent-item em{color:#52766a;font-style:normal}.dashboard-recent-item:hover strong{text-decoration:underline} .report-cover h3,.report-cover p,.presentation-section>h2,.presentation-lead,.social-alignment-section .presentation-lead,.brand-consistency-section .presentation-lead{width:100%;max-width:none} .bench-heading>div:first-child{flex:1;min-width:0}.bench-heading h1,.bench-subtitle{width:100%;max-width:none} .bench-heading>div:first-child{min-width:0}.bench-heading h1{max-width:100%;font-size:clamp(2.8rem,5vw,5rem);white-space:normal;overflow-wrap:anywhere;word-break:break-word} @media(max-width:760px){.bench-heading h1{white-space:normal}} .dashboard-processing-card{flex-wrap:wrap}.dashboard-processing-card .bench-button{order:2}.dashboard-processing-steps{display:grid;order:3;flex:0 0 100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;margin-top:14px}.dashboard-processing-step{min-width:0;padding:10px;border-top:3px solid var(--bench-line);background:#fbfbfa}.dashboard-processing-step>div{min-width:0}.dashboard-processing-step strong,.dashboard-processing-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-processing-step strong{font-size:11px}.dashboard-processing-step small{margin-top:4px;color:#71808a;font-size:10px}.dashboard-processing-step em{display:block;margin-top:8px;color:#71808a;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.dashboard-processing-step.running{border-color:var(--bench-accent);background:#fff8f5}.dashboard-processing-step.completed{border-color:var(--bench-green);background:#f1f6f3}.dashboard-processing-step.needs{border-color:#d79b2e;background:#fff8e8}.dashboard-processing-step-dot{display:block;width:7px;height:7px;margin-bottom:7px;border-radius:50%;background:#b9c0bb}.dashboard-processing-step.running .dashboard-processing-step-dot{background:var(--bench-accent);animation:bench-pulse 1.5s ease-in-out infinite}.dashboard-processing-step.completed .dashboard-processing-step-dot{background:var(--bench-green)}.dashboard-processing-step.needs .dashboard-processing-step-dot{background:#d79b2e}@media(max-width:900px){.dashboard-processing-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.dashboard-processing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} .dashboard-guidance-card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:12px 0 4px;border:1px solid var(--bench-line);border-radius:10px;background:#fff;overflow:hidden}.dashboard-guidance-column{min-width:0;padding:13px 14px;border-right:1px solid var(--bench-line)}.dashboard-guidance-column:last-child{border-right:0}.dashboard-guidance-column h3{margin:0 0 6px;font-size:14px;letter-spacing:-.03em}.dashboard-guidance-column>p:not(.card-kicker){margin:0;color:#62717b;font-size:11px;line-height:1.35}.dashboard-guidance-list{display:grid;gap:5px}.dashboard-guidance-item,.dashboard-guidance-empty{margin:0;padding:6px 8px;border-left:2px solid #d79b2e;background:#fff8e8;color:#52616d;font-size:11px;line-height:1.3}.dashboard-guidance-empty{border-left-color:var(--bench-green);background:#f1f6f3}.dashboard-next-action{background:#f7faf8}.dashboard-insights-column .dashboard-guidance-item{border-left-color:#2fa3a1;background:#eef7f6}.dashboard-guidance-card .bench-button{margin-top:10px;padding:7px 9px;font-size:10px}@media(max-width:900px){.dashboard-guidance-card{grid-template-columns:1fr}.dashboard-guidance-column{border-right:0;border-bottom:1px solid var(--bench-line)}.dashboard-guidance-column:last-child{border-bottom:0}} .workflow-step[data-guidance],.dashboard-processing-step[data-guidance]{position:relative;cursor:help}.workflow-step[data-guidance]:hover::after,.dashboard-processing-step[data-guidance]:hover::after{content:attr(data-guidance);position:absolute;left:8px;right:8px;top:calc(100% + 7px);z-index:20;padding:9px 10px;border:1px solid var(--bench-ink);border-radius:6px;background:var(--bench-ink);color:#fff;font-size:11px;font-weight:500;line-height:1.35;text-transform:none;letter-spacing:0;box-shadow:0 8px 18px rgba(16,32,51,.18);pointer-events:none}.workflow-step[data-guidance]:hover,.dashboard-processing-step[data-guidance]:hover{z-index:21} .dashboard-insights-column .dashboard-guidance-item strong,.dashboard-insights-column .dashboard-guidance-item span{display:block}.dashboard-insights-column .dashboard-guidance-item strong{margin-bottom:2px;color:var(--bench-ink);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dashboard-insights-column .dashboard-guidance-item span{color:#52616d} .dashboard-insights-column .dashboard-guidance-item[data-guidance]{position:relative;cursor:help}.dashboard-insights-column .dashboard-guidance-item[data-guidance]:hover{z-index:30}.dashboard-insights-column .dashboard-guidance-item[data-guidance]:hover::after{content:attr(data-guidance);position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:31;padding:10px 11px;border:1px solid var(--bench-ink);border-radius:6px;background:var(--bench-ink);color:#fff;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 8px 18px rgba(16,32,51,.18);pointer-events:none} .dashboard-detail-card{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 24px;border:1px solid var(--bench-line);border-radius:10px;background:#fff;overflow:hidden}.dashboard-detail-card>div{min-width:0;padding:13px 14px;border-right:1px solid var(--bench-line)}.dashboard-detail-card>div:last-child{border-right:0}.dashboard-detail-card h3{margin:0 0 7px;font-size:14px;letter-spacing:-.03em}.dashboard-detail-list{display:grid;gap:5px}.dashboard-detail-item,.dashboard-detail-empty{margin:0;padding:6px 8px;border-left:2px solid #2fa3a1;background:#eef7f6;color:#52616d;font-size:11px;line-height:1.35}.dashboard-detail-item.risk{border-left-color:#d79b2e;background:#fff8e8}.dashboard-detail-empty{border-left-color:var(--bench-line);background:#fbfbfa;color:#71808a}@media(max-width:700px){.dashboard-detail-card{grid-template-columns:1fr}.dashboard-detail-card>div{border-right:0;border-bottom:1px solid var(--bench-line)}.dashboard-detail-card>div:last-child{border-bottom:0}} .dashboard-full-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 32px}.dashboard-feature-panel{position:relative;min-width:0;min-height:118px;padding:13px 14px;border:1px solid var(--bench-line);border-radius:10px;background:#fff}.dashboard-feature-panel h3{margin:0 0 6px;font-size:14px;line-height:1.2;letter-spacing:-.03em}.dashboard-feature-panel>p:not(.card-kicker){margin:0;color:#62717b;font-size:11px;line-height:1.4}.dashboard-progress-track{height:5px;margin-top:13px;border-radius:5px;background:#e8ebe7;overflow:hidden}.dashboard-progress-track span{display:block;height:100%;width:0;border-radius:5px;background:var(--bench-green);transition:width .25s ease}.dashboard-feature-panel .dashboard-detail-list{margin-top:5px;max-height:76px;overflow:auto}.dashboard-feature-panel .dashboard-detail-item{padding:5px 7px;font-size:10px}.dashboard-feature-panel .dashboard-detail-item strong,.dashboard-feature-panel .dashboard-detail-item span{display:block}.dashboard-feature-panel .dashboard-detail-item strong{margin-bottom:2px;color:var(--bench-ink);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.dashboard-quick-actions{background:#f7faf8}.dashboard-quick-actions #dashboard-quick-actions-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dashboard-quick-action{padding:7px 6px;border:1px solid var(--bench-line);background:#fff;color:var(--bench-ink);font:800 9px/1.2 Inter,ui-sans-serif;text-transform:uppercase;cursor:pointer}.dashboard-quick-action:hover{border-color:var(--bench-ink);background:var(--bench-ink);color:#fff}.dashboard-feature-panel[data-guidance]{cursor:help}.dashboard-feature-panel[data-guidance]:hover{z-index:40}.dashboard-feature-panel[data-guidance]:hover::after{content:attr(data-guidance);position:absolute;left:0;right:0;bottom:calc(100% + 7px);z-index:9999;padding:9px 10px;border:1px solid var(--bench-ink);border-radius:6px;background:var(--bench-ink);color:#fff;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 8px 18px rgba(16,32,51,.18);pointer-events:none}@media(max-width:1050px){.dashboard-full-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-full-features{grid-template-columns:1fr}} .dashboard-guidance-card{overflow:visible;position:relative;z-index:5}.dashboard-insights-column .dashboard-guidance-item[data-guidance]:hover::after{top:auto;bottom:calc(100% + 8px);z-index:9999} .workflow-step[data-guidance]:hover::after,.dashboard-processing-step[data-guidance]:hover::after{top:auto;bottom:calc(100% + 8px);z-index:9999} .dashboard-processing-card{display:flex;align-items:center;gap:14px;margin:18px 0 4px;padding:16px 18px;border:1px solid var(--bench-line);border-radius:14px;background:#fff}.dashboard-processing-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf3f0}.processing-dot{width:10px;height:10px;border-radius:50%;background:var(--bench-green)}.dashboard-processing-copy{min-width:0;flex:1}.dashboard-processing-copy h3{margin:0 0 3px;font-size:18px}.dashboard-processing-copy p:not(.card-kicker){margin:0;color:#62717b;font-size:13px;line-height:1.4}.dashboard-processing-card.is-working{border-color:#e7b3a8;background:#fff8f5}.dashboard-processing-card.is-working .processing-dot{background:var(--bench-accent);box-shadow:0 0 0 5px rgba(242,107,85,.14);animation:bench-pulse 1.5s ease-in-out infinite}.dashboard-processing-card .bench-button{flex:0 0 auto}@media(max-width:600px){.dashboard-processing-card{align-items:flex-start;flex-wrap:wrap}.dashboard-processing-card .bench-button{margin-left:48px}} .dashboard-detail-card>div[data-guidance]{position:relative;cursor:help}.dashboard-detail-card>div[data-guidance]:hover{z-index:40}.dashboard-detail-card>div[data-guidance]:hover::after{content:attr(data-guidance);position:absolute;left:0;right:0;bottom:calc(100% + 7px);z-index:9999;padding:9px 10px;border:1px solid var(--bench-ink);border-radius:6px;background:var(--bench-ink);color:#fff;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 8px 18px rgba(16,32,51,.18);pointer-events:none} .bench-shell,.bench-shell *{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bench-shell{font-weight:400;letter-spacing:0}.bench-shell h1,.bench-shell h2,.bench-shell h3,.bench-shell strong{font-weight:700;letter-spacing:-.025em}.bench-shell h1{letter-spacing:-.045em!important}.bench-shell p,.bench-shell li{font-size:15px!important;line-height:1.45!important}.bench-shell .card-kicker,.bench-shell .eyebrow,.bench-shell .question-gaps>span,.bench-shell .question-progress span{font-size:11px!important;font-weight:700!important;letter-spacing:.105em!important}.bench-shell .bench-button,.bench-shell .primary,.bench-shell .document-open{font-size:12px!important;font-weight:700!important;letter-spacing:.025em}.dashboard-feature-panel h3,.dashboard-guidance-card h3,.dashboard-detail-card h3{font-weight:700;letter-spacing:-.02em}.dashboard-feature-panel>p:not(.card-kicker),.dashboard-detail-item,.dashboard-detail-empty{font-size:13px!important;line-height:1.4!important} .bench-shell .demo-help-tooltip{z-index:2147483647!important}.bench-shell [data-guidance]:hover{z-index:2147483646!important}.bench-shell [data-guidance]:hover::after{z-index:2147483647!important}.bench-shell .workflow-progress,.bench-shell .dashboard-processing-card,.bench-shell .dashboard-guidance-card,.bench-shell .dashboard-detail-card,.bench-shell .dashboard-full-features{position:relative;z-index:1000;overflow:visible!important}.bench-shell .workflow-step[data-guidance]:hover::after,.bench-shell .dashboard-processing-step[data-guidance]:hover::after,.bench-shell .dashboard-insights-column .dashboard-guidance-item[data-guidance]:hover::after,.bench-shell .dashboard-feature-panel[data-guidance]:hover::after,.bench-shell .dashboard-detail-card>div[data-guidance]:hover::after{z-index:2147483647!important} .brand-dashboard{max-width:1120px;margin:0 auto 56px}.dashboard-welcome{margin:28px 0 18px;padding:24px 26px;border:1px solid #dce4df;border-radius:16px;background:#f5f8f6;box-shadow:0 4px 16px rgba(16,32,51,.035)}.dashboard-welcome h2{margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.04em}.dashboard-welcome p:not(.eyebrow){max-width:650px;font-size:15px!important;line-height:1.5!important}.dashboard-status{min-width:190px;padding:12px 14px;border:1px solid #dce4df;border-radius:10px;background:rgba(255,255,255,.72)}.dashboard-status span{font-size:13px;font-weight:700}.dashboard-status small{font-size:12px}.dashboard-feature{gap:16px;padding:22px 24px;border-color:#cbdad2;border-radius:14px;box-shadow:0 4px 14px rgba(16,32,51,.035)}.dashboard-feature-copy h3{font-size:20px;line-height:1.15;letter-spacing:-.025em}.dashboard-feature-copy p:not(.card-kicker){font-size:14px;line-height:1.5}.dashboard-section-heading{margin:26px 0 10px}.dashboard-section-heading h3{font-size:15px;letter-spacing:-.01em}.dashboard-section-heading span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.dashboard-quick-grid{gap:12px}.dashboard-quick-card{min-height:142px;padding:18px;border-radius:12px;box-shadow:0 3px 12px rgba(16,32,51,.025)}.dashboard-quick-icon{margin-bottom:20px}.dashboard-quick-card strong{font-size:15px;letter-spacing:-.015em}.dashboard-quick-card small{font-size:12px;line-height:1.45}.dashboard-guidance-card,.dashboard-detail-card,.dashboard-full-features{border-color:#dfe4df;box-shadow:0 3px 14px rgba(16,32,51,.035)}.dashboard-guidance-card{margin-top:14px;border-radius:12px}.dashboard-guidance-column,.dashboard-detail-card>div{padding:16px}.dashboard-guidance-column h3,.dashboard-detail-card h3,.dashboard-feature-panel h3{font-size:13px;letter-spacing:-.015em}.dashboard-guidance-item,.dashboard-guidance-empty,.dashboard-detail-item,.dashboard-detail-empty{border-radius:4px}.dashboard-full-features{gap:12px;margin-top:14px}.dashboard-feature-panel{min-height:126px;padding:15px;border-radius:12px}.dashboard-current-card{border-radius:12px;box-shadow:0 3px 14px rgba(16,32,51,.035)} .bench-shell .raw-data-modal{z-index:2147483647!important}.bench-shell .raw-data-dialog{position:relative;z-index:2147483647;max-height:calc(100vh - 48px);overflow:auto} .raw-data-modal{z-index:2147483647!important}.raw-data-modal .raw-data-dialog{position:relative;z-index:2147483647;max-height:calc(100vh - 48px);overflow:auto} .knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-count:initial;column-gap:0;gap:14px}.knowledge-grid.is-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-count:initial}.knowledge-grid.is-list{grid-template-columns:1fr}.knowledge-grid .knowledge-card-wrap{min-width:0;margin:0}@media(max-width:900px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-grid.is-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.knowledge-grid,.knowledge-grid.is-sources{grid-template-columns:1fr}} .dashboard-welcome{border:0;border-radius:0;background:transparent;box-shadow:none;padding:24px 0 18px} .report-cover-dot{aspect-ratio:1 / 1;flex:0 0 auto;border-radius:50%;} .workspace-avatar{width:28px;height:28px;min-width:28px;min-height:28px;flex:0 0 28px;aspect-ratio:1 / 1;border-radius:50%;} .p1-workbench-sections{display:grid;gap:18px;margin:18px 0}.p1-workbench-section{border:1px solid rgba(22,22,22,.16);padding:16px;border-radius:14px;display:grid;gap:12px}.p1-workbench-section legend{font-weight:700;padding:0 6px}.p1-workbench-section label{margin:0}.p1-workbench-section textarea{min-height:54px} .brand-memory-p1-summary{margin:18px 0;padding:15px;border:1px solid var(--bench-line);background:#f1f6f3}.brand-memory-p1-summary h3{margin:0 0 5px;font-size:1rem}.brand-memory-p1-summary>p{margin:0 0 12px;color:var(--bench-muted);font-size:.72rem}.brand-memory-p1-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-memory-p1-summary h4{margin:0 0 6px;font-size:.72rem}.brand-memory-p1-summary p{margin:4px 0;font-size:.68rem}.brand-memory-p1-summary p strong,.brand-memory-p1-summary p span{display:block}.brand-memory-p1-summary p strong{text-transform:capitalize}.brand-memory-p1-summary p span{color:var(--bench-muted)} .workbench-drawer-nav{display:grid;gap:10px;padding-top:22px}.workbench-drawer-nav button{display:block;width:100%;padding:13px 14px;text-align:left;border:1px solid var(--bench-line);background:#fff;color:var(--bench-ink);font:inherit;font-weight:700;cursor:pointer}.workbench-drawer-nav button:hover,.workbench-drawer-nav button:focus-visible{border-color:var(--bench-accent);box-shadow:inset 4px 0 0 var(--bench-accent);outline:none} .bench-shell{--bench-ink:#102033;--bench-paper:#f4f3ee;--bench-card:#fff;--bench-line:#d4d2ca;--bench-muted:#647386;--bench-accent:#f26b55;--bench-green:#2fa3a1;--bench-blue:#e6f0f2} .task-status.failed,.task-status.stopped,.task-status.cancelled,.task-status.canceled{color:#a33d31;font-weight:900}.agent-status-strip.has-issue,.dashboard-processing-card.has-issue{border-color:#d98b80;background:#fff1ed}.agent-status-strip.has-issue .agent-status-dot{background:#a33d31}.dashboard-processing-card.has-issue .processing-dot{background:#a33d31} .dashboard-quick-actions{display:none!important} .brand-memory-explainer{display:block;margin:4px 0 7px;color:var(--bench-muted);font-size:.68rem;font-weight:500;line-height:1.45}