:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d4d4d4;background:#101010;font-size:14px;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #86b7e8}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}button{border:1px solid #343434;color:inherit;background:transparent;border-radius:8px;padding:8px 12px}button:hover{background:#252525}.library-nav{width:236px;position:fixed;inset:0 auto 0 0;padding:26px 18px 18px;background:#0d0d0d;border-right:1px solid #282828;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;font-size:16px}.brand small{margin-left:auto;color:#888;font-size:11px;font-weight:400}.mark{display:grid;place-items:center;width:26px;height:26px;background:#c98680;color:#191616;border-radius:8px;font-size:21px}.edition{font-size:10px;letter-spacing:.1em;color:#929292;margin:36px 10px 16px}nav a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:7px;text-decoration:none;color:#9d9d9d;font-size:13px}nav a span{font-size:11px;color:#777;font-variant-numeric:tabular-nums}nav a:hover,nav a.active{background:#232323;color:#dedede}nav a.active span{color:#cf8d86}.library-nav footer{margin-top:auto;padding:26px 10px 0;font-size:11px;line-height:1.8;color:#999}.library-nav footer a{display:block;margin-top:10px}.library-main{margin-left:236px;min-width:0}.library-header{min-height:66px;padding:12px 34px;border-bottom:1px solid #282828;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#949494;font-size:12px}.library-header strong{font-weight:400;color:#c7c7c7}.modes{display:flex;background:#191919;padding:3px;border-radius:8px;border:1px solid #2c2c2c}.modes button{font-size:12px;border:0;padding:7px 12px}.modes [aria-pressed=true]{background:#343434;color:#dedede}.intro{padding:35px 34px 26px}.eyebrow{color:#ad827d;font-size:10px;letter-spacing:.12em;margin-bottom:14px}.intro h1{font-size:24px;line-height:32px;letter-spacing:-.025em;font-weight:600}.intro p{margin-top:9px;color:#aaa;line-height:22px;max-width:820px}.notes{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#919191;margin-top:20px}.notes b{color:#c5c5c5;font-weight:500}#content{padding:0 34px 28px}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.pair.single{grid-template-columns:minmax(0,1fr)}.frame-label{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-bottom:10px}.frame-label span:last-child{color:#777}.frame{min-width:0}.specimen{--bg:#111111;--surface:#171717;--raised:#202020;--hover:#292929;--line:#303030;--ink:#d4d4d4;--body:#bebebe;--muted:#949494;--disabled:#666666;--accent:#c98c85;--on-accent:#211817;--success:#83bd9c;--warning:#cdb275;--danger:#df9692;--info:#8eb8dc;--ai:#b3a3d7;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;color-scheme:dark;font-size:14px;line-height:20px}.specimen.light{--bg:#f6f6f4;--surface:#fbfbf9;--raised:#efefec;--hover:#e8e8e5;--line:#dcdcd7;--ink:#292a28;--body:#494b47;--muted:#686b65;--disabled:#a2a49d;--accent:#a7554d;--on-accent:#f2e8e5;--success:#377453;--warning:#81651e;--danger:#ae4944;--info:#326a96;--ai:#75609a;color-scheme:light}.specimen h1,.specimen .page-title{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.02em}.specimen h2{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em}.specimen h3{font-size:14px;line-height:20px;font-weight:600}.specimen p{color:var(--body)}.specimen .muted{color:var(--muted)}.specimen small,.caption{font-size:12px;line-height:16px;color:var(--muted)}.specimen .metric{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pad{padding:22px}.stack{display:grid;gap:18px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;min-width:0}.card h3+p{margin-top:5px}.specimen button,.specimen select{height:36px;padding:0 11px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px}.specimen button:hover{background:var(--hover)}.specimen button.primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}.specimen button.ghost{border-color:transparent;background:transparent}.specimen button.danger{color:var(--danger)}.specimen button.small{height:32px}.specimen input:not([type=checkbox]):not([type=radio]),.specimen textarea{background:var(--bg);color:var(--body);border:1px solid var(--line);border-radius:10px;min-height:40px;padding:9px 11px;width:100%;font-size:13px;line-height:20px}.specimen input::placeholder,.specimen textarea::placeholder{color:var(--muted)}.specimen textarea{min-height:90px;resize:vertical}.specimen label{font-size:13px;font-weight:500;display:grid;gap:7px}.specimen input[type=checkbox],.specimen input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.specimen label.check{display:flex;align-items:center;font-weight:400}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:99px;background:var(--raised);color:var(--muted);font-size:12px;line-height:18px;white-space:nowrap}.pill.success{color:var(--success)}.pill.warning{color:var(--warning)}.pill.danger{color:var(--danger)}.pill.info{color:var(--info)}.pill.ai{color:var(--ai)}.dot{height:5px;width:5px;background:currentColor;border-radius:50%}.divider{height:1px;background:var(--line);margin:4px 0}.type-row{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.type-row:last-child{border-bottom:0}.type-row .meta{font-size:11px;color:var(--muted);text-align:right;line-height:18px}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.swatch{height:42px;border:1px solid var(--line);border-radius:6px;margin-bottom:7px}.swatches code{font-size:11px;color:var(--muted)}.specimen code{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.spec-header{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;justify-content:space-between}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{border:0;border-radius:0;background:transparent;white-space:nowrap;color:var(--muted);padding:0 1px;height:40px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--accent)}.segment{display:inline-flex;background:var(--raised);padding:3px;border-radius:8px;gap:2px}.segment button{height:28px;border:0;background:transparent;border-radius:5px;font-size:12px}.segment button[aria-pressed=true]{background:var(--surface)}.avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--raised);border:1px solid var(--line);font-size:10px;flex-shrink:0}.list-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);min-width:0}.list-row:last-child{border:0}.list-row>div{min-width:0;flex:1}.list-row p{font-size:13px}.list-row small{display:block;margin-top:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-weight:500;font-size:12px;color:var(--muted);background:var(--raised)}th,td{padding:12px 10px;border-bottom:1px solid var(--line)}td{color:var(--body)}td:last-child,th:last-child{text-align:right}.pagination{padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.chart{width:100%;height:180px;display:block}.chart text{fill:var(--muted);font:12px system-ui,sans-serif}.chart .gridline{stroke:var(--line)}.chart .series{stroke:var(--info);fill:none;stroke-width:2}.chart .previous{stroke:var(--muted);fill:none;stroke-width:1;stroke-dasharray:3 4}.alert{padding:12px;border:1px solid var(--line);border-left:2px solid var(--warning);border-radius:8px;background:var(--surface);font-size:13px}.alert.error{border-left-color:var(--danger)}.alert p{font-size:13px;margin-top:3px}.skel{height:10px;border-radius:5px;background:var(--raised);margin:10px 0}.bubble{background:var(--raised);padding:12px 14px;border-radius:12px;max-width:90%;font-size:14px;line-height:22px;color:var(--body)}.bubble.reply{margin-left:auto;background:var(--surface);border:1px solid var(--line)}.code{background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:14px;font:12px/21px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--body)}.flow-node{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--surface)}.connector{height:24px;width:1px;background:var(--line);margin:auto}.switch{width:34px;height:20px!important;border-radius:99px!important;background:var(--raised)!important;padding:2px!important;justify-content:flex-start!important}.switch:after{content:'';width:14px;height:14px;background:var(--muted);border-radius:50%}.switch[aria-checked=true]{background:var(--accent)!important;justify-content:flex-end!important}.switch[aria-checked=true]:after{background:var(--on-accent)}.shell-demo{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:580px}.sample-nav{background:var(--surface);padding:16px 10px;display:flex;flex-direction:column;border-right:1px solid var(--line);gap:5px;overflow:auto;max-height:680px}.sample-nav button{justify-content:flex-start;flex-shrink:0;width:100%;border:0;background:transparent;font-size:14px}.sample-nav button.selected{background:var(--raised)}.sample-nav small{margin:16px 10px 4px}.sample-nav footer{margin-top:auto;padding-top:20px}.sample-main{padding:20px;min-width:0}.sample-main>.stack{margin-top:22px}.icon{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.owner{margin-top:18px;border-top:1px solid #2b2b2b;padding-top:16px;font-size:11px;color:#929292;line-height:20px;overflow-wrap:anywhere}.owner b{color:#bcbcbc;font-weight:500}.page-footer{padding:0 34px 30px;color:#777;font-size:11px}.mobile{display:none}.inventory-input{width:100%;padding:12px;background:#191919;color:#d4d4d4;border:1px solid #333;border-radius:8px;margin-bottom:20px}.inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inventory article{padding:15px;border:1px solid #303030;border-radius:10px;background:#171717;overflow-wrap:anywhere;font-size:12px}.inventory h3{font-size:13px;line-height:20px;margin-bottom:8px}.inventory p{color:#999;line-height:19px}.inventory details{margin-top:10px;font-size:11px;color:#aaa}.inventory code{font-size:10px;color:#999}.modal{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px;width:min(440px,calc(100vw - 36px))}.modal::backdrop{background:#101010aa}.modal p{margin:9px 0 20px}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ref-grid img{width:100%;border-radius:10px;border:1px solid #333}.ref-grid p{font-size:12px;line-height:20px;color:#aaa;margin:8px 0 18px}@media(min-width:1650px){.shell-demo{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:1250px){.pair{grid-template-columns:1fr}.inventory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.library-nav{display:none;z-index:10;width:250px;box-shadow:20px 0 80px #0009}.library-nav.open{display:flex;top:66px}.library-main{margin-left:0}.mobile{display:block}.library-header{padding:12px 16px}.intro{padding:24px 18px}#content{padding:0 18px 24px}.shell-demo{grid-template-columns:180px minmax(0,1fr)}.ref-grid{grid-template-columns:1fr}.page-footer{padding:0 18px 24px}}@media(max-width:520px){.library-header>span{display:none}.intro h1{font-size:22px}.grid{grid-template-columns:1fr}.pad{padding:17px}.shell-demo{grid-template-columns:1fr}.sample-nav{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.inventory{grid-template-columns:1fr}.type-row{grid-template-columns:1fr auto}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-header{flex-wrap:wrap;padding:16px}.notes{gap:10px}.pair{gap:20px}}
.pill{justify-self:start;width:max-content;max-width:100%}.demo-menu[hidden]{display:none}.specimen .tools{color:var(--tools)}.specimen{--tools:#79bcb0}.specimen.light{--tools:#30766b}
.library-header{position:sticky;top:0;z-index:15;background:#101010}.nav-scrim{position:fixed;inset:66px 0 0;z-index:9;background:#10101099;border:0;border-radius:0}.nav-scrim:hover{background:#10101099}.nav-scrim[hidden]{display:none}@media(max-width:520px){.specimen input:not([type=checkbox]):not([type=radio]),.specimen textarea{font-size:16px}}
.pad{position:relative}.demo-menu{position:absolute;top:104px;left:22px;z-index:3;display:grid;gap:3px;min-width:190px;padding:5px;background:var(--raised);box-shadow:0 8px 25px #10101030}.demo-menu button{justify-content:flex-start;border:0;background:transparent}.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(344px,100vw);border-radius:12px 0 0 12px}.card.stack>button{justify-self:start}.sample-nav button{min-height:38px}@media(max-width:520px){.table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{display:none}.table-wrap tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line);padding:10px 0;gap:5px}.table-wrap td{border:0;padding:3px 0}.table-wrap td:first-child{grid-column:1;grid-row:1}.table-wrap td:first-child .row{flex-wrap:nowrap}.table-wrap td:nth-child(2){grid-column:1;grid-row:2;color:var(--muted);font-size:12px;padding-left:37px}.table-wrap td:nth-child(3){grid-column:2;grid-row:1}.table-wrap td:last-child{grid-column:2;grid-row:2}.table-wrap tr[hidden]{display:none}}
/* Reference correction, revision 2: system UI, low surface contrast, neutral actions. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.specimen{--bg:#101010;--surface:#111111;--raised:#1b1b1b;--hover:#232323;--line:#242424;--ink:#d6d6d6;--body:#bfbfbf;--muted:#8c8c90;--accent:#2a2a2a;--on-accent:#d8d8d8;--success:#7ac38e;--warning:#d7b34f;--danger:#d57b80;--info:#62a7df;--ai:#9b8aeb;border-radius:9px;font-weight:400}
.specimen.light{--bg:#fcfcfc;--surface:#fdfdfc;--raised:#f5f5f5;--hover:#ededed;--line:#e8e8e8;--ink:#303030;--body:#4e4e4e;--muted:#818181;--accent:#242424;--on-accent:#ececec;--success:#46a366;--warning:#c17c10;--danger:#c95f66;--info:#1685c7;--ai:#7665c0}
.mark{background:#262626;color:#d2d2d2;border:1px solid #383838}.eyebrow{color:#939393}nav a.active span{color:#bdbdbd}.specimen h1{font-size:20px;line-height:28px;letter-spacing:-.015em;font-weight:600}.specimen h2{font-size:15px;line-height:22px;letter-spacing:0;font-weight:500}.specimen h3{font-size:14px;line-height:20px;font-weight:500}.specimen .metric{font-size:24px;line-height:30px;letter-spacing:-.025em;font-weight:600}.spec-header{border-bottom:0;padding:28px 28px 0;align-items:flex-start}.spec-header+.pad{padding-top:24px}.pad{padding:26px 28px}.stack{gap:14px}.card{border-radius:16px;padding:18px;border-color:var(--line);background:var(--surface)}.card.stack>h3{color:var(--muted);font-size:13px;font-weight:400}.specimen.dark .card{border-radius:10px}.specimen button,.specimen select{height:32px;border-radius:8px;padding:0 10px;font-size:13px;font-weight:400;background:var(--surface);box-shadow:0 1px 2px #00000004}.specimen button.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font-weight:500}.specimen.dark button.primary{border-color:#363636}.specimen button.small{height:28px}.specimen button.ghost{box-shadow:none}.specimen button:hover{background:var(--hover)}.specimen button.primary:hover{filter:brightness(1.15);background:var(--accent)}.specimen input:not([type=checkbox]):not([type=radio]),.specimen textarea{border-radius:8px;background:var(--surface);min-height:36px;padding:7px 10px}.specimen input[type=checkbox],.specimen input[type=radio]{accent-color:#7561df}.specimen label{font-weight:400}.tabs{gap:20px}.tabs button{border-radius:0;box-shadow:none;height:38px}.tabs button[aria-selected=true]{border-bottom-color:var(--ink)}.tab-result{display:none}.segment{padding:2px;background:var(--raised)}.segment button{height:26px}.pill{background:transparent;border:1px solid var(--line);padding:1px 8px;font-size:12px;line-height:18px;font-weight:400}.specimen.light .pill.success{border-color:transparent;background:#e4f5e5;color:#43995b;border-radius:5px}.specimen.light .pill.warning{border-color:transparent;background:#f8efda;border-radius:5px}.dot{width:5px;height:5px}.list-row{padding:11px 0;gap:10px}.list-row h3{font-weight:400}.list-row small{font-size:12px}.specimen .avatar{border:0;background:radial-gradient(circle at 25% 75%,#a5a6db,#6e72ad 50%,#3e455d);color:#dedee7}.specimen.light .avatar{background:radial-gradient(circle at 25% 75%,#d1d4eb,#9ba3c4 55%,#7e88aa);color:#343a50}.type-row{padding:13px 0}.type-note{font-size:12px;color:var(--muted);line-height:18px}.alert{border-left-width:1px;border-radius:12px;background:var(--raised)}.alert h3{font-size:13px}.alert.error{border-left-width:1px}.flow-node{background:var(--bg);border-radius:8px}.bubble{background:transparent;border-radius:0;padding:6px 0}.bubble.reply{padding:16px;border-radius:10px;background:transparent}.sample-nav{background:#0a0a0a;border-color:var(--line);padding:14px 12px;gap:1px}.light .sample-nav{background:#f9f9f9}.sample-nav button{font-weight:400;font-size:14px;min-height:34px;box-shadow:none;color:var(--body)}.sample-nav button.selected{background:var(--hover);color:var(--ink)}.sample-nav .row{flex-wrap:nowrap}.sample-nav .row>.icon:last-child{margin-left:auto}.sample-nav small{margin-top:23px;font-size:12px}.sample-nav footer{border-top:1px solid var(--line);padding-top:10px;margin-top:auto}.sample-main{padding:25px}.sample-main .card{border-radius:13px}.specimen th{background:transparent;color:var(--muted);font-weight:400}.specimen td{padding-top:10px;padding-bottom:10px}.code{background:var(--raised);border-radius:6px}.switch[aria-checked=true]{background:var(--ink)!important}.switch[aria-checked=true]:after{background:var(--bg)}.integration-detail{max-width:790px;margin:0 auto;padding:44px 40px 50px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:36px}.breadcrumbs strong{color:var(--ink);font-weight:500}.breadcrumbs .icon{width:14px;height:14px}.service-mark{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;margin-bottom:20px;box-shadow:0 1px 3px #00000004}.service-mark .icon{width:26px;height:26px;color:var(--success)}.integration-title{gap:8px}.integration-title h1{font-size:18px;font-weight:500;line-height:24px}.status-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:20px;border-radius:5px;padding:0 6px}.status-label.success{background:#14291a;color:#79b885}.light .status-label.success{background:#dcf3d8;color:#48a162}.integration-subtitle{font-size:14px;line-height:21px;margin-top:7px!important;color:var(--muted)!important}.integration-banner{height:104px;border:1px solid var(--line);border-radius:17px;margin:32px 0 34px;background:radial-gradient(ellipse at 15% 10%,#313820,transparent 70%),linear-gradient(120deg,#242a1b,#18271e);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}.light .integration-banner{background:radial-gradient(ellipse at 15% 10%,#e2e9b9,transparent 70%),linear-gradient(120deg,#e8eccf,#deebd9);border-color:#dce2c8}.prompt-example{display:flex;gap:7px;align-items:center;max-width:100%;font-size:12px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);padding:6px 9px;border-radius:99px}.prompt-example>span:last-child{overflow:hidden;text-overflow:ellipsis}.prompt-example .status-label{flex-shrink:0;border-radius:99px}.prompt-example .icon{width:13px;height:13px}.integration-detail section{margin-top:28px}.integration-detail section h2{margin-bottom:12px;font-size:14px;font-weight:500}.metadata-table,.connected-list{border:1px solid var(--line);border-radius:13px;overflow:hidden}.metadata-table>div{min-height:43px;display:grid;grid-template-columns:16px minmax(130px,1fr) 1fr;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.metadata-table>div:last-child{border:0}.metadata-table a{align-self:stretch;border-left:1px solid var(--line);padding:12px 14px;text-decoration:underline;color:var(--body)}.connected-row{display:flex;gap:10px;align-items:center;padding:12px 15px;min-height:46px;font-size:13px;border-bottom:1px solid var(--line)}.connected-row:last-child{border:0}.connected-row a{color:var(--info);text-decoration:underline;text-underline-offset:2px;min-width:0;overflow-wrap:anywhere}.connected-row>.icon:last-child{margin-left:auto;color:var(--muted);width:13px}.workspace-mark{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:5px;background:#252b16;color:#bdce77;flex-shrink:0}.light .workspace-mark{background:#d1ed38;color:#475b12}.workspace-mark .icon{width:14px;height:14px}.permissions{margin:0 15px 14px;padding:17px 16px 6px;background:var(--raised);border-radius:8px}.permissions h3{font-size:13px;margin-bottom:17px}.permissions>div{margin-bottom:17px;font-size:13px}.permissions p{font-size:12px;line-height:19px;color:var(--muted);margin-top:5px}.permissions .icon{color:var(--success);width:13px;height:13px}.detail-actions{margin-top:32px}.analytics-surface{padding:24px}.analytics-heading{margin-bottom:19px}.analytics-heading h1{display:flex;gap:9px;align-items:center;font-size:18px;font-weight:500}.report-filters{margin-bottom:22px;gap:10px}.report-filters>button:last-child{margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{padding:15px;border:1px solid var(--line);background:var(--surface);border-radius:16px;min-height:105px}.stat-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:20px}.stat-label>span{text-decoration:underline dotted;text-underline-offset:5px;text-decoration-color:var(--line)}.stat-label .icon{width:13px;height:13px}.stat-bottom{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.stat-bottom .metric{font-size:21px;line-height:26px}.delta{font-size:11px;font-weight:500}.delta.success{color:var(--success)}.delta.danger{color:var(--danger)}.delta.warning{color:var(--warning)}.delta.info{color:var(--info)}.mini-bars{display:flex;gap:3px;align-items:flex-end;margin-left:auto}.mini-bars b{width:6px;border-radius:2px;background:var(--raised)}.report-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.report-grid>.card{border-radius:16px;padding:17px}.report-grid .metric{font-size:21px;line-height:28px}.report-grid .stat-label{margin-bottom:12px}.main-chart .chart{height:220px;margin-top:17px}.main-chart>.row{justify-content:center;margin:16px 0 2px}.breakdown-row{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px}.breakdown-row:nth-child(odd){background:var(--raised)}.breakdown-row>span:first-child{color:var(--info);flex:1}.breakdown-row strong{font-weight:500}.breakdown-row .delta{font-size:20px}.topic-row{padding:10px 0;font-size:12px}.topic-track{height:6px;background:var(--raised);margin-top:9px;border-radius:2px;overflow:hidden}.topic-track>div{height:100%;background:var(--info)}.report-grid>.card:not(.main-chart) .chart{height:150px}.report-grid>.card:not(.main-chart)>.row{font-size:11px}.specimen .chart text{font:12px system-ui,sans-serif}.specimen .chart .series{stroke-width:1.6}.specimen .chart .previous{opacity:.65;stroke-dasharray:1 2}
@media(max-width:1600px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:minmax(0,1fr)}.breakdown-row{padding:8px}.integration-detail{padding:38px 28px}}@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media(max-width:820px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.integration-detail{padding:28px 22px}.report-filters>button:last-child{margin-left:0}.analytics-heading{align-items:flex-start}}@media(max-width:520px){.analytics-surface{padding:18px 15px}.stat-card{padding:12px}.stat-label{font-size:11px;gap:4px}.stat-bottom .metric{font-size:20px}.mini-bars{display:none}.integration-detail{padding:25px 18px}.connected-row{flex-wrap:wrap;gap:8px}.connected-row a{font-size:12px}.connected-row>.icon:last-child{display:none}.integration-banner{padding:12px;height:90px}.metadata-table>div{grid-template-columns:14px minmax(110px,1fr) 60px;padding:0 10px}.metadata-table a{padding:12px 9px}.pad{padding:20px}.spec-header{padding:24px 20px 0}.specimen input:not([type=checkbox]):not([type=radio]),.specimen textarea{font-size:16px}}
.issue-study{padding:34px 38px}.issue-study section{margin-bottom:30px}.issue-study h2{font-size:16px;font-weight:500;margin-bottom:15px}.criteria{display:grid;gap:15px}.criteria label{font-size:14px;align-items:flex-start;line-height:22px;color:var(--body)}.criteria input{margin:3px 7px 0 0;flex-shrink:0}.criteria .complete{text-decoration:line-through;color:var(--muted)}.issue-study blockquote{border-top:1px solid var(--line);margin:24px 0 30px;padding:22px 0 8px 17px;color:var(--muted);font-size:14px;font-style:italic;line-height:25px;position:relative}.issue-study blockquote:before{content:'';position:absolute;top:23px;bottom:5px;width:2px;left:0;background:#7161b7}.issue-study blockquote footer{font-size:12px;font-style:normal;margin-top:8px}.issue-study h2.quiet-title{font-size:14px;color:var(--body);font-weight:400;margin-bottom:5px}.issue-rows>div{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:10px 0;font-size:13px;color:var(--body)}.issue-rows>div:last-child{border-bottom:1px solid var(--line)}.task-id{color:var(--muted);font-size:12px;white-space:nowrap}.issue-rows .avatar{margin-left:auto;width:24px;height:24px}.status-ring{width:12px;height:12px;border:2px solid var(--info);border-radius:50%;flex-shrink:0}.status-ring.warning{border-color:var(--warning)}.status-ring.danger{border-color:var(--danger)}.specimen .round-add{height:24px;width:24px;padding:0;border-radius:50%}.activity-study{border-top:1px solid var(--line);padding-top:30px}.activity-study h2{margin:0}.event-row{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;color:var(--muted)}.event-row strong{font-weight:400;color:var(--body)}.event-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--raised)}.event-icon .icon{width:14px;height:14px}.comment-card{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:11px}.comment-card strong{font-size:13px;font-weight:500}.comment-card p{font-size:14px;line-height:24px;margin:12px 0}.reaction{padding:1px 7px;background:var(--raised);border-radius:99px;color:var(--body);font-size:11px}@media(max-width:520px){.issue-study{padding:24px 19px}.issue-rows>div{flex-wrap:wrap}.issue-rows>div>span:nth-child(3){flex:1;min-width:110px}.event-row{align-items:flex-start}.event-icon{flex-shrink:0}}
.specimen{container-type:inline-size}.stat-card{display:flex;flex-direction:column}.stat-bottom{margin-top:auto;align-items:center;min-height:30px}.mini-bars{flex:0 0 auto}.specimen input[type=checkbox]{appearance:none;border:1px solid var(--line);border-radius:4px;background:transparent;position:relative;display:inline-grid;place-items:center}.specimen input[type=checkbox]:checked{background:#7561df;border-color:#7561df}.specimen input[type=checkbox]:checked:after{content:'';height:8px;width:4px;border:solid #dedde7;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px}@container(max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:minmax(0,1fr)}.mini-bars{margin-left:auto}.report-grid>.card:not(.main-chart) .chart{height:180px}}
.specimen .sample-nav button{background:transparent;border-color:transparent}.specimen .sample-nav button.selected{background:var(--hover)}.specimen .sample-nav button:hover{background:var(--hover)}.specimen .sample-nav>button[data-demo]{background:var(--surface);border:1px solid var(--line);margin:7px 0 11px}.specimen .sample-nav>button[data-demo]:after{content:'K';margin-left:auto;font-size:12px;color:var(--muted)}

.specimen progress{appearance:none;-webkit-appearance:none;height:5px;border:0;border-radius:3px;overflow:hidden;background:var(--raised);color:var(--info)}.specimen progress::-webkit-progress-bar{background:var(--raised);border-radius:3px}.specimen progress::-webkit-progress-value{background:var(--info);border-radius:3px}.specimen progress::-moz-progress-bar{background:var(--info);border-radius:3px}.issue-study{max-width:950px;margin-inline:auto}