:root{--cds-blue:#0f62fe;--cds-blue-dark:#0043ce;--cds-bg:#fff;--cds-layer:#f4f4f4;--cds-layer-2:#e8e8e8;--cds-text:#161616;--cds-muted:#525252;--cds-border:#c6c6c6;--cds-danger:#da1e28;--cds-warning:#f1c21b;--cds-success:#24a148}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--cds-text);background:var(--cds-layer);line-height:1.5}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--cds-blue);outline-offset:2px}.masthead{position:sticky;top:0;z-index:20;height:48px;display:flex;align-items:center;background:#161616;color:#fff}.brand{height:48px;display:flex;align-items:center;gap:12px;padding:0 24px;color:#fff;text-decoration:none;font-weight:600}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--cds-blue);font-size:12px;letter-spacing:.05em}.masthead nav{display:flex;height:100%}.masthead nav a{height:100%;display:flex;align-items:center;padding:0 20px;color:#c6c6c6;text-decoration:none;font-size:14px;border-bottom:3px solid transparent}.masthead nav a:hover,.masthead nav a[aria-current=page]{color:#fff;background:#262626}.masthead nav a[aria-current=page]{border-color:#78a9ff}.masthead form{margin-left:auto;height:100%}.nav-action{height:100%;padding:0 20px;border:0;color:#fff;background:#393939;cursor:pointer}.nav-action:hover{background:#525252}.privacy-strip{position:sticky;top:48px;z-index:19;min-height:40px;display:flex;align-items:center;gap:9px;padding:6px 24px;background:#defbe6;border-bottom:1px solid #a7f0ba;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cds-success)}.privacy-strip #local-status{color:#365c40}.privacy-action{margin-left:auto;border:0;background:transparent;color:#161616;text-decoration:underline;cursor:pointer;font-weight:600}.workspace-shell,.standard-shell{max-width:1584px;margin:0 auto;padding:32px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--cds-muted);margin:0 0 8px}.page-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:300;margin:0}.page-heading p:not(.eyebrow){max-width:700px;color:var(--cds-muted)}.template-select{display:grid;gap:6px;min-width:230px;font-size:12px;color:var(--cds-muted)}select,input,textarea{width:100%;border:0;border-bottom:2px solid #161616;border-radius:0;background:var(--cds-layer);color:var(--cds-text);padding:12px 16px}select{height:48px}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{outline:2px solid var(--cds-blue);outline-offset:0;border-color:var(--cds-blue)}.workspace-grid{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(280px,.9fr) minmax(340px,1.15fr);gap:1px;background:var(--cds-border)}.panel{background:#fff;padding:24px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title>div{display:flex;align-items:center;gap:12px}.panel-title h2{margin:0;font-size:20px;font-weight:600}.step{display:grid;place-items:center;width:32px;height:32px;background:#161616;color:#fff;font-family:Consolas,monospace;font-size:12px}.local-badge,.source-type{font-size:11px;letter-spacing:.08em;color:#0043ce;background:#edf5ff;padding:4px 8px;border-radius:12px}.paste-zone{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#edf5ff;border:2px dashed #78a9ff;text-align:center;cursor:copy}.paste-zone:hover,.paste-zone:focus{background:#d0e2ff;border-color:var(--cds-blue)}.paste-zone span{font-size:13px;color:var(--cds-muted)}.paste-zone kbd{padding:2px 5px;background:#fff;border:1px solid #8d8d8d;font-family:Consolas,monospace}.paste-icon{font-family:Consolas,monospace;font-size:24px;color:var(--cds-blue)}#snapshot-preview{max-width:100%;max-height:140px;object-fit:contain}.divider{display:flex;align-items:center;gap:12px;color:#6f6f6f;font-size:12px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e0e0e0}.input-panel>label,.todo-form>label:first-child,.knowledge-search label{display:block;margin:0 0 6px;font-size:12px;color:var(--cds-muted)}.button{min-height:48px;border:1px solid transparent;border-radius:0;padding:0 16px;cursor:pointer;margin-top:12px;text-align:left}.button.primary{background:var(--cds-blue);color:#fff}.button.primary:hover{background:var(--cds-blue-dark)}.button.secondary{background:#393939;color:#fff}.button.secondary:hover{background:#525252}.button.tertiary{min-height:38px;margin:12px 0 0;background:transparent;color:var(--cds-blue);border-color:var(--cds-blue);font-size:13px}.button.tertiary:hover{background:#edf5ff}.button.full{width:100%}.record-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#ff8389}.helper{font-size:12px;color:#6f6f6f}.subheading{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0}.subheading h3{font-size:14px;margin:0}.subheading span{font-size:11px;color:#6f6f6f}.empty{padding:18px;background:var(--cds-layer);color:#6f6f6f;font-size:13px}.source-list,.output-list{display:grid;gap:8px}.source-card{padding:16px;background:var(--cds-layer)}.source-head{display:flex;align-items:center;gap:8px;font-size:13px}.source-id{padding:2px 6px;background:#161616;color:#fff;font-family:Consolas,monospace;font-size:11px}.confidence{margin-left:auto;font-size:11px;color:#166f35}.confidence.low{color:#8e6a00}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 "Segoe UI",Arial,sans-serif;margin:12px 0}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:3px 7px;border-radius:12px;background:#e0e0e0;color:#393939;font-size:10px;text-transform:uppercase}.panel-intro{font-size:13px;color:var(--cds-muted);margin:-4px 0 20px}.cockpit-sections{display:grid;gap:1px;background:#e0e0e0}.cockpit-sections article{display:flex;gap:12px;padding:16px;background:var(--cds-layer)}.cockpit-sections h3{font-size:14px;margin:0 0 4px}.cockpit-sections p{font-size:12px;color:var(--cds-muted);margin:0}.cockpit-sections ul{margin:10px 0 0;padding:0;list-style:none}.cockpit-sections li{margin-top:6px;padding:7px 8px;background:#fff;border-left:2px solid var(--cds-blue);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.template-hints{padding:12px;background:#edf5ff;color:#0043ce;font-size:12px}.compact .panel{padding:16px}.compact .workspace-shell{padding-top:20px}.compact .source-card,.compact .output-row{padding:10px}.category-icon{flex:0 0 28px;height:28px;display:grid;place-items:center;background:#d0e2ff;color:#0043ce;font:600 12px Consolas,monospace}.scope-warning{margin-top:24px;padding:16px;border-left:4px solid var(--cds-warning);background:#fff8e1}.scope-warning strong{font-size:13px}.scope-warning p{font-size:12px;color:var(--cds-muted);margin:4px 0 0}.scope-warning.wide{max-width:900px}.output-empty{margin-top:0}.output-row{padding:16px;background:var(--cds-layer);border-left:4px solid var(--cds-blue)}.output-row.duplicate{background:#fff8e1;border-color:#f1c21b}.output-row p{margin:0 0 10px}.output-meta{display:flex;align-items:center;gap:8px}.warning-text,.danger-text{font-size:12px;color:#a2191f}.icon-button{margin-left:auto;border:0;background:transparent;color:var(--cds-blue);font-size:12px;text-decoration:underline;cursor:pointer}.plain-box{margin-top:20px;padding:16px;background:#161616;color:#fff}.plain-box>span{font-size:11px;color:#c6c6c6;letter-spacing:.08em;text-transform:uppercase}.plain-box p{min-height:24px;margin:8px 0 0;white-space:pre-wrap}.standard-shell{max-width:1200px}.two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:var(--cds-border)}.todo-form{display:grid;gap:12px}.check{display:flex;align-items:flex-start;gap:10px;margin-top:8px;font-size:13px;color:var(--cds-muted)}.check input{width:18px;height:18px;flex:0 0 auto}.todo-list{display:grid;gap:1px;background:#e0e0e0}.todo-row{display:flex;align-items:center;gap:16px;background:var(--cds-layer);padding:12px}.todo-row>span{flex:1}.todo-row.done>span{text-decoration:line-through;color:#6f6f6f}.todo-row .button{margin:0}.knowledge-search{max-width:600px;margin-bottom:24px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cds-border)}.knowledge-card{min-height:220px;display:flex;flex-direction:column;padding:24px;background:#fff;color:#161616;text-decoration:none}.knowledge-card:hover{background:#edf5ff}.knowledge-card h2{font-weight:400;margin:24px 0 8px}.knowledge-card p{color:var(--cds-muted);font-size:14px}.card-link{margin-top:auto;color:var(--cds-blue)}.knowledge-card[hidden]{display:none}.login-page{min-height:100vh;display:grid;place-items:center;background:#161616}.login-card{width:min(440px,calc(100% - 32px));padding:40px;background:#fff;border-top:6px solid var(--cds-blue)}.login-card h1{font-size:42px;font-weight:300;margin:12px 0}.login-card label{display:grid;gap:8px;margin-top:32px;font-size:12px}.login-card input{height:48px}.login-card button{width:100%;height:48px;margin-top:16px;border:0;background:var(--cds-blue);color:#fff;text-align:left;padding:0 16px;font-size:15px;cursor:pointer}.fineprint{font-size:12px;color:var(--cds-muted);margin-top:24px}.notice.danger{padding:12px;border-left:4px solid var(--cds-danger);background:#fff1f1;color:#750e13}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr 1fr}.output-panel{grid-column:1/-1}.knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.masthead{height:auto;flex-wrap:wrap}.brand{padding:0 16px}.masthead nav{order:3;width:100%;overflow-x:auto;background:#262626}.masthead nav a{padding:0 14px;white-space:nowrap}.privacy-strip{top:96px;padding:8px 16px;flex-wrap:wrap}.privacy-action{margin-left:0}.workspace-shell,.standard-shell{padding:20px 16px}.page-heading{align-items:stretch;flex-direction:column}.template-select{width:100%}.workspace-grid,.two-column,.knowledge-grid{grid-template-columns:1fr}.output-panel{grid-column:auto}.panel{padding:18px}.todo-row{align-items:stretch;flex-direction:column}.todo-row .icon-button{margin-left:0}.login-card{padding:28px}}