:root{--ink:#15212d;--muted:#73808b;--nav:#111d2a;--paper:#f5f6f7;--line:#e4e8eb;--blue:#345df3;--mint:#c9f2dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9bacff;outline-offset:3px}a{color:var(--blue)}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--nav);color:#b7c0ca;padding:32px 20px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.8px;padding:0 12px}.brand-icon{width:39px;height:43px;position:relative;font-size:37px;font-weight:900;line-height:1.1;color:#d6f4e1}.brand-icon span{position:absolute;font-size:21px;left:17px;top:0;color:#8ed4fa}.brand-sub{font-size:9px;letter-spacing:4px;display:block;color:#8393a4;margin-top:-5px}.workspace-label{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;padding:39px 12px 20px;color:#75889b}.status-dot{width:6px;height:6px;background:#8cdcb3;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.blue{background:var(--blue)}.nav-item{border:0;color:#91a0af;background:transparent;width:100%;text-align:left;border-radius:8px;display:flex;align-items:center;gap:13px;padding:12px 14px;margin:5px 0;font-size:13px}.nav-item span{font-size:20px;width:23px;color:#8395a9}.nav-item:hover{background:#1c2a3b;color:#fff}.nav-item.active{background:#243246;color:white}.nav-item.active span{color:#bcdbc9}.sidebar-bottom{margin-top:auto}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #2a3543;margin-top:20px;padding:22px 3px 0;font-size:11px}.profile strong{color:#e4e9ee;font-weight:500;display:block}.profile small{font-size:9px;color:#7a8ca0;display:block;margin-top:2px}.avatar{height:32px;width:32px;background:#354b5b;border:1px solid #607466;border-radius:50%;display:grid;place-items:center;color:#d5f1dc;font-size:10px}.profile .icon-button{margin-left:auto;color:#a4b4c2}.main-shell{margin-left:246px;min-width:0;flex:1}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#98a1aa}.breadcrumb span{margin:0 13px;color:#ced4d9}.breadcrumb strong{font-weight:500;color:#3d4b58}.topbar-right{display:flex;align-items:center;gap:18px}.alpha-pill{font-size:8px;font-weight:700;color:#86909a;letter-spacing:1.3px}.button{border:1px solid #dce1e5;border-radius:7px;background:#fff;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#2a3744;font-size:12px;font-weight:600;text-decoration:none;line-height:1.5}.button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 2px 4px #345df318}.button:hover{filter:brightness(.97)}.button.small{padding:8px 13px;font-size:11px}.button.subtle{border-color:#e6e9ed}.icon-button{border:0;background:transparent;font-size:20px;line-height:1;color:inherit;padding:7px}.mobile-only{display:none}main{max-width:1340px;margin:auto;padding:45px 64px 30px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#82909c;margin-bottom:11px}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:0 0 12px;font-weight:650}h2{font-size:15px;letter-spacing:-.25px;font-weight:600;margin:0}.welcome>p,.page-heading>p{font-size:13px;color:var(--muted);margin:0 0 31px}.card{background:white;border:1px solid var(--line);border-radius:12px}.composer{padding:23px 25px 0;box-shadow:0 5px 15px #172a3b03}.section-heading{display:flex;justify-content:space-between;align-items:center}.quiet-tag{font-size:8px;letter-spacing:1.2px;color:#92a0ab;font-weight:600}.composer textarea{width:100%;height:100px;padding:20px 0 10px;resize:vertical;border:0;background:none;outline:none;color:#263849;font-size:14px;line-height:1.7}.composer textarea::placeholder{color:#99a3ac}.composer-options{display:flex;gap:10px;margin:5px 0 22px}.website-field{border:1px solid var(--line);background:#fafbfc;border-radius:6px;display:flex;align-items:center;padding:6px 9px;gap:8px;min-width:0;flex:1}.website-field span{color:#a8b2bc}.website-field input,.title-field input{border:0;background:none;outline:none;width:100%;font-size:11px;min-width:0}.title-field{border:1px solid var(--line);border-radius:6px;padding:7px 10px;flex:1}.composer-footer{border-top:1px solid #edf0f2;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.composer-footer>span{color:#84909c;font-size:9px;display:flex;align-items:center;gap:7px}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 35px}.examples>button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:13px 10px;font-size:10px;text-align:left;min-width:0}.examples>button>span:last-child{margin-left:auto;color:#939eaa}.template-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-size:16px}.pink{color:#be5c98;background:#fcf0f7}.blue-icon{color:#416fbb;background:#edf3fc}.amber{color:#ac9155;background:#fbf5e9}.section-heading p{font-size:10px;color:#91a0ad;margin:6px 0 0}.count{font-size:9px;border:1px solid #dce2e7;border-radius:5px;padding:2px 5px;margin-left:6px;color:#82909e;vertical-align:middle}.text-button{border:0;background:none;padding:4px 0;color:#82909d;font-size:10px}.task-filters{display:flex;gap:19px;border-bottom:1px solid var(--line);margin-top:22px}.filter{padding:0 0 11px;border:0;background:none;font-size:10px;color:#8c98a4;border-bottom:2px solid transparent}.filter.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.task-list{min-height:180px}.empty{border:1px dashed #dbe1e6;background:#f9fafb;border-radius:10px;margin-top:18px;text-align:center;padding:32px 20px}.empty-icon{font-size:24px;color:#9aa9b4}.empty h3{font-size:12px;margin:9px 0 3px}.empty p{font-size:11px;color:#90a0ad;max-width:350px;margin:0 auto}.task-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;cursor:pointer}.task-row:hover{background:#eef1f4}.task-row .task-icon{width:33px;height:33px;background:white;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#8c9aab}.task-info{flex:1;min-width:0}.task-info strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-info small{font-size:9px;color:#93a0ab}.status-pill{border-radius:5px;padding:4px 7px;font-size:9px;white-space:nowrap}.status-pill.queued{color:#8e7b49;background:#f5f0e2}.status-pill.running{color:#4b70b5;background:#e9f0fc}.status-pill.completed{color:#3b8866;background:#e5f4ed}.status-pill.failed,.status-pill.cancelled{color:#a26c72;background:#f8eded}.status-pill.needs_input{color:#956f36;background:#faf0de}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.how-strip>div>span{font-size:9px;display:block;color:#a6b0b9;margin-bottom:9px}.how-strip strong{font-size:10px;font-weight:600;display:block}.how-strip p{font-size:9px;color:#95a1ac;line-height:1.6;margin:5px 0}.access-banner{border:1px solid #dce5eb;background:#eaf0f5;border-radius:8px;display:flex;align-items:center;gap:13px;padding:14px 17px;margin-bottom:20px}.access-banner strong{font-size:11px}.access-banner p{font-size:10px;color:#7d8c9a;margin:2px 0 0}.access-banner>.button{margin-left:auto;white-space:nowrap}.banner-icon{font-size:22px;color:#6b849b}.hidden{display:none!important}.view{display:none}.view.active{display:block}.page-heading{margin-bottom:30px}.connection-guide{display:flex;align-items:center;padding:24px;gap:18px;margin-bottom:24px}.connection-guide p{font-size:11px;color:#8c9aa5;max-width:450px}.connection-guide .button{margin-left:auto;white-space:nowrap}.big-icon{font-size:30px;color:#778ea2}.connection-grid,.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.connection-card,.workflow-card{padding:22px}.connection-card h3,.workflow-card h3{font-size:14px;margin-bottom:5px}.connection-card p,.workflow-card p{font-size:11px;color:#84929f;line-height:1.8}.connection-card .button,.workflow-card .button{margin-top:12px}.notice{padding:20px 0;font-size:11px;color:#8a98a5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid>.card{padding:25px}.settings-grid p{font-size:11px;color:#7d8a97;line-height:1.8}.settings-grid a{font-size:11px}.setting-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:12px 0;font-size:11px;color:#8a98a3;gap:15px}.setting-row strong{font-weight:500;color:#3b4c5a;text-align:right}.host-list{display:flex;flex-wrap:wrap;gap:5px}.host-list span{background:#f0f3f6;padding:4px 7px;font-size:9px;border-radius:4px}.activity-list{padding:0 22px}.event{padding:17px 0;border-bottom:1px solid var(--line);font-size:11px}.event:last-child{border:0}.event small{display:block;color:#9aa4af;margin-top:5px}.event p{margin:6px 0;color:#788896}footer{max-width:1212px;margin:0 64px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;padding:20px 0;font-size:7px;font-weight:700;letter-spacing:1.3px;color:#9da8b2}footer span{font-weight:400;letter-spacing:0;font-size:9px}footer button{margin-left:auto}.modal-backdrop{position:fixed;inset:0;background:#0c182866;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal{padding:34px;max-width:600px;width:100%;position:relative;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #14203240}.modal-close{position:absolute;right:13px;top:13px;color:#8c98a2}.modal h2{font-size:24px;letter-spacing:-.7px;margin-bottom:10px}.modal p,.modal li{font-size:12px;color:#7f8e9c;line-height:1.9}.modal label{display:block;font-size:11px;font-weight:600;margin-top:16px}.modal input,.modal textarea{width:100%;border:1px solid #dce2e8;border-radius:6px;padding:11px;margin-top:7px;outline-color:#7f9aff;background:#fafbfc}.modal textarea{min-height:120px;resize:vertical}.modal .button{margin-top:20px}.modal code{background:#edf1f6;padding:8px;display:block;overflow-wrap:anywhere;font-size:10px;color:#38516c}.modal .error{color:#a4535b;font-size:11px}.modal .step{border-bottom:1px solid var(--line);padding:12px 0}.modal .step strong{font-size:12px}.modal .step p{margin:4px 0}.modal .note{background:#f0f4f8;border-radius:7px;padding:13px;font-size:11px}.task-detail{white-space:pre-wrap;font-size:12px;line-height:1.9;color:#55697a}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172635;color:white;border-radius:9px;padding:13px 22px;z-index:100;font-size:12px;box-shadow:0 6px 25px #15212d30;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}
@media(min-width:1500px){main{padding-top:60px}}@media(max-width:1150px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px}main{padding:36px 35px}.topbar{padding:0 35px}footer{margin:0 35px}.examples{gap:7px}.examples>button{font-size:9px;gap:6px}.connection-grid{grid-template-columns:1fr 1fr}.connection-guide{flex-wrap:wrap}.connection-guide .button{margin-left:0}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #0b152744}.main-shell{margin-left:0}.mobile-only{display:block}.topbar{height:66px;padding:0 22px;gap:10px}.breadcrumb{margin-right:auto}.breadcrumb>span,.breadcrumb>strong{display:none}.topbar-right{gap:10px}.alpha-pill{font-size:7px}main{padding:30px 22px}h1{font-size:31px}.welcome>p{font-size:12px;max-width:270px}.composer{padding:20px 18px 0}.composer textarea{font-size:13px;min-height:130px}.composer-options{flex-direction:column;gap:7px;margin-bottom:15px}.website-field,.title-field{flex:auto;padding:9px}.composer-footer>span{font-size:8px;max-width:150px;line-height:1.7}.composer-footer .button{font-size:11px;padding:9px 12px}.examples{grid-template-columns:1fr;margin:12px 0 30px;gap:7px}.examples>button{padding:10px 12px;font-size:11px}.examples .template-icon{height:23px;width:23px}.how-strip{gap:15px}.how-strip p{font-size:9px}.how-strip strong{font-size:10px}.access-banner{padding:12px}.access-banner p{display:none}.access-banner .button{font-size:10px;padding:7px 11px}.access-banner .banner-icon{display:none}.connection-grid,.workflow-grid,.settings-grid{grid-template-columns:1fr}.connection-guide{padding:20px}.connection-guide>div{flex:1}.connection-guide .button{width:100%}.task-info strong{font-size:11px}.task-row{gap:9px}.task-info small{font-size:8px}.status-pill{font-size:8px}.modal{padding:28px 23px}.task-filters{gap:18px}.section-heading p{max-width:220px}.topbar .button{font-size:10px;padding:7px 10px}footer{margin:0 22px;font-size:6px;gap:10px}footer span{font-size:8px}footer button{font-size:8px}.page-heading h1{font-size:30px}}

/* Paragon workbench: paper, ink, and task-first typography. */
:root{--ink:#292822;--muted:#706e65;--nav:#eae7dd;--paper:#f8f6ef;--line:#d7d3c6;--blue:#b84324}
body{font-family:Arial,Helvetica,sans-serif;font-size:15px}.sidebar{background:var(--nav);color:var(--ink);border-right:1px solid var(--line);width:224px;padding:32px 16px 20px}.main-shell{margin-left:224px}.brand{color:var(--ink);font-family:Georgia,serif;font-weight:normal;font-size:29px;letter-spacing:-1px;gap:8px}.brand-icon{color:var(--ink);font-family:Arial,sans-serif;font-size:35px}.brand-icon span{color:var(--blue)}.brand-sub{color:#66645c;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px}.workspace-label{color:#716f65;letter-spacing:1px}.status-dot,.status-dot.blue{background:var(--blue)}.nav-item{color:#625f55;border-radius:0;font-size:14px;padding:12px}.nav-item span{color:#7b776b}.nav-item.active{background:transparent;color:var(--ink);box-shadow:inset 3px 0 var(--blue);font-weight:700}.nav-item.active span{color:var(--blue)}.nav-item:hover{background:#dfdcd1;color:var(--ink)}.profile{border-color:var(--line)}.profile strong{color:var(--ink)}.profile small,.profile .icon-button{color:#706e65}.avatar{border-radius:3px;background:#ded9ca;border-color:#c8c1ae;color:var(--ink)}.topbar{background:var(--paper);height:72px}.breadcrumb,.breadcrumb strong{color:#706e65}.alpha-pill{color:#706e65}.button,.button.small{border-radius:3px;font-size:12px;box-shadow:none}.button{border-color:#bbb5a6;background:transparent}.button.primary{background:var(--ink);border-color:var(--ink);box-shadow:none}.button.subtle{border-color:#bbb5a6}main{max-width:1190px;padding:48px 54px 30px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:46px;letter-spacing:-1.5px}h2{font-size:17px;font-weight:600}.eyebrow{display:none}.welcome>p,.page-heading>p{font-size:14px;color:var(--muted);margin-bottom:32px}.card{border-radius:0;box-shadow:none;background:transparent}.composer{background:#fffdf7;border:1px solid #b9b2a1;border-top:3px solid var(--ink);padding:24px 26px 0}.quiet-tag{color:#777165;font-size:9px;letter-spacing:1px}.composer textarea{font-size:17px;height:125px;line-height:1.6}.composer textarea::placeholder{color:#898475}.website-field,.title-field{border-radius:2px;background:transparent;border-color:var(--line)}.website-field input,.title-field input{font-size:12px}.composer-footer>span{color:#706e65;font-size:11px}.examples{display:flex;flex-wrap:wrap;gap:0;margin:0 0 40px;padding:12px 0;border-bottom:1px solid var(--line)}.examples>button{background:none;border:0;border-radius:0;font-size:12px;padding:6px 18px 6px 0;margin-right:18px;color:#615d51;gap:14px}.examples>button:hover{color:var(--blue);text-decoration:underline}.examples>button>span:last-child{color:var(--blue)}.section-heading p{font-size:12px;color:var(--muted)}.count{border:0;font-family:monospace;color:#706e65;font-size:12px}.text-button{font-size:12px;color:#6b6559}.filter{font-size:12px;color:#777165}.task-filters{gap:24px}.empty{border:0;border-radius:0;background:none;text-align:left;margin:0;padding:32px 0;border-bottom:1px solid var(--line)}.empty-icon{display:none}.empty h3{font-size:15px;font-weight:normal;margin:0 0 6px}.empty p{font-size:13px;color:var(--muted);margin:0;max-width:460px}.task-row:hover{background:#eeeadf}.task-row .task-icon{border-radius:2px;background:none}.task-info strong{font-size:14px}.task-info small{font-size:11px;color:var(--muted)}.status-pill{border-radius:2px;font-size:11px}.access-banner{background:none;border:0;border-left:2px solid var(--blue);border-radius:0;padding:4px 0 4px 16px;margin-bottom:28px}.access-banner strong{font-size:13px;font-weight:normal}.access-banner p{font-size:12px;color:var(--muted)}.banner-icon{display:none}.connection-grid,.workflow-grid{grid-template-columns:1fr;gap:0}.connection-card,.workflow-card{padding:22px 0;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.connection-card h3,.workflow-card h3{font-size:17px;margin:0}.connection-card p,.workflow-card p{font-size:13px;color:var(--muted);flex:1}.connection-card .button,.workflow-card .button{margin:0}.connection-guide{border-width:1px 0;padding:24px 0}.connection-guide p,.notice{font-size:13px;color:var(--muted)}.settings-grid{gap:32px}.settings-grid>.card{border-width:1px 0 0;padding:24px 0}.settings-grid p,.settings-grid a,.setting-row{font-size:13px}.setting-row{color:var(--muted)}.setting-row strong{color:var(--ink)}.host-list span{background:#ebe6d9;color:#625d51;border-radius:2px;font-size:11px}.activity-list{padding:0;border-width:1px 0}.event{font-size:14px}.event small{color:var(--muted)}footer{font-size:9px;color:#777165;margin:0 54px}footer span{display:none}.modal{background:var(--paper);box-shadow:0 20px 80px #29282230}.modal h2{font-family:Georgia,serif;font-weight:normal;font-size:30px}.modal p,.modal li{font-size:14px;color:var(--muted)}.modal label{font-size:13px}.modal input,.modal textarea,.modal .note,.modal code{border-radius:2px;background:#fffdf7}.modal .note{font-size:13px}.toast{border-radius:3px;background:var(--ink)}
@media(max-width:1150px){main{padding:36px 32px}.topbar{padding:0 32px}}
@media(max-width:800px){.sidebar{width:224px}.main-shell{margin-left:0}.topbar{padding:0 18px;height:64px}main{padding:30px 20px}h1,.page-heading h1{font-size:36px}.welcome>p{font-size:14px;max-width:none}.composer{padding:20px 18px 0}.composer textarea{font-size:16px;min-height:145px}.composer-footer>span{font-size:10px}.examples{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:30px;padding:12px 0;gap:2px}.examples>button{font-size:13px;padding:7px 0;margin:0;gap:18px}.task-filters{gap:18px}.filter{font-size:11px}.task-info strong{font-size:13px}.task-info small{font-size:10px}.status-pill{font-size:10px}.access-banner p{display:block}.access-banner{gap:10px}.connection-grid,.workflow-grid,.settings-grid{grid-template-columns:1fr}.connection-card,.workflow-card{display:block}.connection-card .button,.workflow-card .button{margin-top:8px}footer{margin:0 20px}.modal{padding:30px 22px}.section-heading p{max-width:220px}}

/* Refinement: text-led controls and legible secondary information. */
.brand{padding-left:12px;font-size:32px;line-height:1.1}.brand-sub{margin-top:5px;font-size:10px;letter-spacing:3.4px}.nav-item{gap:0;padding-left:16px}.profile{flex-wrap:wrap}.profile .icon-button{font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:40px}.profile small{font-size:11px}.profile strong{font-size:12px}.breadcrumb{font-size:12px}.examples>button>span:last-child{margin-left:0;color:inherit}.examples>button{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aaa18e}.examples>button:hover{text-decoration-color:var(--blue)}.button:focus-visible,.text-button:focus-visible,.filter:focus-visible{outline-color:var(--blue)}.composer textarea:focus-visible{outline:2px solid #a69c86;outline-offset:5px}.website-field:focus-within,.title-field:focus-within{border-color:#655d4e;box-shadow:0 0 0 1px #655d4e}.quiet-tag{font-size:10px;letter-spacing:.6px;color:#6e6658}.status-pill{font-size:12px}.task-info small{color:#6e6658;font-size:12px}.section-heading p{color:#6e6658}.connection-card{display:grid;grid-template-columns:145px 1fr auto;column-gap:24px;row-gap:4px}.connection-card h3{grid-column:1;grid-row:1}.connection-card p{grid-column:2;grid-row:1 / 3;margin:0}.connection-card>.quiet-tag{grid-column:1;grid-row:2;text-transform:none;font-size:11px;letter-spacing:0}.connection-card .button{grid-column:3;grid-row:1 / 3}.event small{font-size:12px}.modal-close{font-size:26px;min-width:44px;min-height:44px}.host-list span{font-size:12px}.composer-footer>span{color:#6b6458}.workspace-label{font-size:10px}footer{font-size:10px}.text-button,.examples>button{min-height:40px}.filter{min-height:40px}.connection-card .button,.workflow-card .button{min-height:40px}
@media(max-width:800px){.topbar .mobile-only{font-size:12px;padding:10px 0;margin-right:10px;min-height:44px}.topbar .button{font-size:12px;min-height:40px}.breadcrumb{font-size:12px}.composer-footer>span{font-size:11px;max-width:155px}.composer-footer .button{font-size:12px;min-height:42px}.task-info small{font-size:11px}.status-pill{font-size:11px}.connection-card{display:block}.connection-card p{margin:8px 0}.connection-card>.quiet-tag{display:block;margin-bottom:12px}.profile .icon-button{font-size:12px}.examples>button{font-size:13px}.access-banner p{font-size:12px}.task-filters{gap:16px}.filter{font-size:12px}footer button{font-size:11px}footer{font-size:9px}.connection-guide .button{font-size:13px}}

/* Tactile shortcuts: warm raised keys, with a short physical press. */
.examples{gap:12px;padding:20px 0 24px;align-items:stretch}
.examples>button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;margin:0;border:1px solid #c5bdac;border-bottom-color:#aaa08b;border-radius:6px;background:linear-gradient(180deg,#fffef9 0%,#f0ebdf 100%);color:#484237;font-size:13px;font-weight:500;text-decoration:none;text-shadow:0 1px 0 #fffdf6;box-shadow:inset 0 1px 0 #fff,0 2px 0 #c8bfad,0 4px 7px #51432b12;transform:translateY(0);transition:transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease}
.examples>button>span:last-child{color:inherit}
@media(hover:hover){.examples>button:hover{color:#352f26;text-decoration:none;border-color:#a89a80;transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 3px 0 #bfb39c,0 6px 10px #51432b18}}
.examples>button:active{color:#352f26;text-decoration:none;transform:translateY(2px);background:linear-gradient(180deg,#eae3d5,#f5f0e5);box-shadow:inset 0 1px 3px #51432b16,0 0 0 #c8bfad;border-color:#b6aa93}
.examples>button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:800px){.examples{flex-direction:column;align-items:stretch;gap:12px;padding:18px 0 24px}.examples>button{width:100%;min-height:48px;padding:13px 18px;text-align:center;font-size:14px}}
@media(prefers-reduced-motion:reduce){.examples>button{transition:none}}

/* Shared surface treatment across the workspace. */
.button{background:linear-gradient(#fffef9,#efe9dc);border-color:#c5bdac;border-bottom-color:#aaa08b;border-radius:5px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #c8bfad,0 4px 7px #51432b0e;text-shadow:0 1px 0 #fffdf6;transform:translateY(0);transition:transform 120ms ease,box-shadow 120ms ease}
.button.primary{background:linear-gradient(#454239,#292822);border-color:#292822;border-bottom-color:#181711;color:#fffdf6;box-shadow:inset 0 1px 0 #ffffff20,0 2px 0 #15140f,0 4px 8px #29282220;text-shadow:0 -1px 0 #0005}
.button.subtle{border-color:#c5bdac}
@media(hover:hover){.button:hover{filter:none;transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff80,0 3px 0 #bfb39c,0 6px 10px #51432b18}.button.primary:hover{box-shadow:inset 0 1px 0 #ffffff25,0 3px 0 #15140f,0 6px 10px #29282225}}
.button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #51432b20;background:linear-gradient(#e9e1d2,#f4eee2)}
.button.primary:active{background:linear-gradient(#292822,#39362f);box-shadow:inset 0 2px 4px #0005}
.button:disabled{transform:none;box-shadow:none}
.composer{border-radius:6px;border-top-width:1px;box-shadow:inset 0 1px 0 #fff,0 1px 2px #51432b08,0 6px 18px #51432b05}
.website-field,.title-field{background:#f5f1e8;border-color:#d1c8b6;border-radius:4px;box-shadow:inset 0 1px 3px #51432b0d,0 1px 0 #fff}
.modal input,.modal textarea{background:#f5f1e8;border-color:#d1c8b6;border-radius:4px;box-shadow:inset 0 1px 3px #51432b0d,0 1px 0 #fff}
.modal{border-radius:8px;border-color:#c5bdac;box-shadow:inset 0 1px 0 #fff,0 24px 70px #29282235,0 4px 14px #29282215}
.modal .note,.modal code{background:#eee9dc;border:1px solid #ded5c2;border-radius:4px;box-shadow:inset 0 1px 2px #51432b08}
.nav-item{border:1px solid transparent;border-radius:4px;transition:background 120ms ease,box-shadow 120ms ease}
.nav-item.active{border-color:#d2c9b6;background:linear-gradient(#f9f6ed,#e9e2d3);box-shadow:inset 3px 0 var(--blue),inset 0 1px 0 #fff9,0 1px 2px #51432b12}
.nav-item:active{background:#dfd7c7;box-shadow:inset 0 1px 3px #51432b15}
.task-filters{gap:8px;padding-bottom:12px}
.filter{padding:8px 13px;border:1px solid transparent;border-radius:4px;min-height:38px;transition:box-shadow 120ms ease,background 120ms ease}
.filter.active{background:linear-gradient(#ede6d7,#f3eddf);border-color:#cec4af;box-shadow:inset 0 1px 3px #51432b12,0 1px 0 #fff;color:var(--ink)}
.filter:not(.active):hover{background:#eee9de}.filter:active{box-shadow:inset 0 1px 3px #51432b18}
.task-row{padding-left:10px;padding-right:10px;border-radius:4px}.task-row:hover{box-shadow:inset 0 1px 0 #fff8}.task-row:active{background:#e7e0d1;box-shadow:inset 0 1px 3px #51432b12}
.status-pill{border:1px solid #2928220c;box-shadow:inset 0 1px 0 #ffffff80}
.avatar{background:linear-gradient(#f2ecde,#dcd3c0);box-shadow:inset 0 1px 0 #fff9,0 1px 2px #51432b12}
.host-list span{border:1px solid #d8cfbc;box-shadow:inset 0 1px 0 #fff8;border-radius:3px}
.text-button,.profile .icon-button{color:#635b4e;text-decoration:none;border-radius:3px;padding-left:7px;padding-right:7px}.text-button:hover,.profile .icon-button:hover{background:#eae3d5}.text-button:active,.profile .icon-button:active{background:#e1d8c6;box-shadow:inset 0 1px 3px #51432b15}
.toast{border:1px solid #ffffff20;box-shadow:inset 0 1px 0 #ffffff18,0 5px 15px #29282225;border-radius:5px}
@media(max-width:800px){.task-filters{gap:3px;justify-content:space-between}.filter{padding:8px 9px;font-size:11px}.composer{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.button,.nav-item,.filter{transition:none}}

/* Mineral teal gives the paper workspace a stronger accent. */
:root{--blue:#236c70;--nav:#e5ece7}
.sidebar{background:linear-gradient(160deg,#e4ede7,#dbe7e2);border-right-color:#bbcfc7}.brand{color:#20565a}.brand-sub{color:#427476}.workspace-label{color:#466a65}.status-dot,.status-dot.blue{background:#287d79}
.nav-item{color:#3c5c57}.nav-item:hover{background:#d2e2da;color:#244d49}.nav-item.active{color:#194f50;border-color:#a6c7bc;background:linear-gradient(#f1f8f2,#d5e8dd);box-shadow:inset 3px 0 #287d79,inset 0 1px 0 #fff9,0 1px 2px #254d3e12}.nav-item:active{background:#c8ddd3}
.profile{border-top-color:#b9cec3;gap:8px;align-items:flex-start}.profile>div{flex:1;min-width:0}.profile .icon-button{margin-left:0;align-self:center;color:#225e5d}.profile small{color:#4b6861}.sidebar-bottom>.nav-item{color:#42605a}
.button.primary{background:linear-gradient(#357d80,#205d61);border-color:#20585c;border-bottom-color:#153f42;box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #163f42,0 4px 8px #20585c22;color:#fff;text-shadow:0 -1px 0 #123a3c80}.button.primary:active{background:linear-gradient(#20585c,#2d7376);box-shadow:inset 0 2px 4px #123a3c55}
@media(hover:hover){.button.primary:hover{box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #163f42,0 6px 10px #20585c25}}
#connect-button{color:#235f62;background:linear-gradient(#f3faf6,#e1eee5);border-color:#a9c8ba;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b6cdbf,0 4px 7px #254d3e0e}
.composer{border-top:3px solid #438782}.access-banner{border-left-color:#38837e}.filter.active{color:#245c59;background:linear-gradient(#dcebe1,#e8f2e9);border-color:#b2cdbd;box-shadow:inset 0 1px 3px #245c5912,0 1px 0 #fff}
.examples>button{color:#305c57;background:linear-gradient(#fbfdf8,#e5eee3);border-color:#b9ccbc;border-bottom-color:#95af9d;box-shadow:inset 0 1px 0 #fff,0 2px 0 #adbfac,0 4px 7px #305c5712}
@media(hover:hover){.examples>button:hover{color:#244e49;border-color:#83aa93;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9eb69f,0 6px 10px #305c5718}}
.examples>button:active{color:#244e49;background:linear-gradient(#dce7d9,#edf3e8);border-color:#9cb69e;box-shadow:inset 0 1px 3px #305c5718}
.topbar .mobile-only{display:none;color:#225e5d;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border-radius:4px}.topbar .mobile-only:hover{background:#e1ece5}
@media(max-width:800px){.topbar .mobile-only{display:inline-flex;padding:10px;margin-right:0}.topbar{gap:8px}.profile{flex-wrap:nowrap}.profile .icon-button{font-size:12px}.sidebar.open{box-shadow:0 0 0 100vw #142b2944}}

/* Warm metals frame the teal action color. */
.sidebar{background:linear-gradient(160deg,#eceae5,#e0ded7);border-right-color:#ccc6ba}.brand{color:#322f29}.brand-sub,.workspace-label{color:#75654c}.nav-item,.sidebar-bottom>.nav-item{color:#5d5549}.nav-item:hover{background:#e0dacf;color:#3c352b}.nav-item.active{color:#5e4527;background:linear-gradient(#f9f1e0,#e9dcc2);border-color:#c8ae7c;box-shadow:inset 3px 0 #a27a3e,inset 0 1px 0 #fff9,0 1px 2px #5d452712}.profile{border-color:#c9c0b0}.profile small{color:#716b60}.profile .icon-button{color:#665132}
.examples>button{color:#614828;background:linear-gradient(#fff8e8,#e5d3ad);border-color:#c7aa75;border-bottom-color:#a08451;box-shadow:inset 0 1px 0 #fffaf0,0 2px 0 #b09868,0 4px 7px #60451c15;text-shadow:0 1px 0 #fff8e5}
@media(hover:hover){.examples>button:hover{color:#503b20;border-color:#a5864d;box-shadow:inset 0 1px 0 #fffaf0,0 3px 0 #a88b55,0 6px 10px #60451c20}}
.examples>button:active{color:#503b20;background:linear-gradient(#dac69f,#f0e1c2);border-color:#b0925c;box-shadow:inset 0 1px 3px #60451c20}.filter.active{color:#624c2c;background:linear-gradient(#e4d6b9,#f4ebd7);border-color:#c7b38c;box-shadow:inset 0 1px 3px #60451c12,0 1px 0 #fff}.composer{border-top-color:#ae8d52}#connect-button{color:#5f4d32;background:linear-gradient(#fff8e9,#ede1c8);border-color:#c7b38c;box-shadow:inset 0 1px 0 #fff,0 2px 0 #c5b18b,0 4px 7px #60451c10}

.welcome h1{max-width:750px;font-size:44px;line-height:1.15}.welcome>p{max-width:650px;line-height:1.7}.breadcrumb{color:#61594c}.sidebar.open{pointer-events:auto}@media(max-width:800px){.welcome h1{font-size:34px;max-width:420px}.welcome>p{font-size:14px;max-width:420px}.breadcrumb{font-size:13px}.topbar{justify-content:flex-start}}

.nav-backdrop{display:none}@media(max-width:800px){.sidebar.open{box-shadow:none}.sidebar.open+.nav-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#142b2944;z-index:19;cursor:default}.sidebar{z-index:20}}

.connection-card .text-button{grid-column:3;grid-row:3}.connection-card .button{grid-row:1 / 3}@media(max-width:800px){.connection-card .text-button{display:block;margin-top:10px}}

.model-settings{padding:24px;margin-bottom:28px;border-color:#c7b38c}.model-settings p{color:var(--muted);font-size:13px;max-width:650px}.model-settings .text-button{margin-left:12px}