:root{--bg: #f6f7f8;--surface: #ffffff;--ink: #1c2024;--ink-soft: #59636e;--line: #e1e4e8;--field: #8a929b;--accent: #1f6b52;--accent-strong: #17523f;--selected: #dfe7e3;--hover: #eef0f2;--star: #b7791f;--waiting: #7a4b00;--waiting-bg: #fbf1d9;--danger: #b3261e;--danger-bg: #fbeceb;--radius: 6px;--control: 32px;--shadow: 0 4px 16px rgb(28 32 36 / .14);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;font-synthesis:none;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface);accent-color:var(--accent);caret-color:var(--accent);scrollbar-color:#c5cbd1 transparent}@media(pointer:coarse),(max-width:640px){:root{--control: 44px}}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}::selection{background:var(--selected);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600;line-height:1.3;text-wrap:balance}h1{font-size:20px}h2{font-size:16px;margin-bottom:12px}h3{font-size:14px;margin-bottom:4px}p{margin:0 0 12px}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}hr,.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}button,input,select,textarea{font:inherit;color:inherit}button,.button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control);padding:4px 12px;border:1px solid var(--field);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}button:not(:disabled):hover,.secondary:hover{background:var(--hover);color:var(--ink)}.button,button.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.button:hover,button.primary:not(:disabled):hover{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:not(:disabled):hover{background:var(--danger-bg);color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.text-button{min-height:var(--control);padding:4px 2px;border-color:transparent;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:3px}button.text-button:not(:disabled):hover{background:transparent;color:var(--accent-strong)}.icon-button{width:var(--control);padding:0;border-color:transparent;background:transparent;color:var(--ink-soft)}.small{min-height:calc(var(--control) - 4px);padding:2px 8px}label{display:block;margin:0 0 4px;font-size:13px;font-weight:500}input,select,textarea{width:100%;min-height:var(--control);padding:4px 10px;border:1px solid var(--field);border-radius:var(--radius);background:var(--surface);font-size:14px}textarea{min-height:88px;padding:8px 10px;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:1}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--ink-soft)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex-shrink:0}input[type=color]{width:48px;padding:3px}input[type=range]{padding:0;border:0}input[type=file]{padding:4px}.field{margin-bottom:16px;min-width:0}.field>label>input,.field>label>textarea,.field>label>select{display:block;margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.check{display:flex;align-items:center;gap:8px;font-weight:400}.hint{margin:4px 0 12px;color:var(--ink-soft);font-size:13px;overflow-wrap:anywhere}.field-error{margin:4px 0 0;color:var(--danger);font-size:13px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}kbd{padding:0 4px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink-soft);font:inherit;font-size:11px}@media(pointer:coarse){kbd{display:none}}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.workspace,.content{min-width:0}.content{max-width:1120px;padding:24px 32px 48px}.content:focus{outline:0}.content:has(>.full-bleed){max-width:none;padding:0}.heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:20px}p.sub{margin:4px 0 0;color:var(--ink-soft);font-size:13px;overflow-wrap:anywhere}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.toolbar>*{max-width:260px}.toolbar>input,.toolbar>select{min-width:0}.result{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow-wrap:anywhere}.local-note{margin-bottom:16px;padding:8px 12px;border-radius:var(--radius);background:var(--waiting-bg);color:var(--waiting);font-size:13px}.empty{padding:24px 0;color:var(--ink-soft)}.loading{padding:48px 24px;color:var(--ink-soft)}pre{margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 12px 8px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--ink-soft);font-size:12px;font-weight:500}summary{display:flex;align-items:center;gap:6px;padding:6px 0;color:var(--accent);font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:not(:has(kudos-icon)):before{content:"";flex-shrink:0;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5'/%3E%3C/svg%3E") center / contain no-repeat}details[open]>summary:not(:has(kudos-icon)):before{rotate:90deg}[tabindex="-1"]:focus{outline:0}details form{padding-top:8px}.split{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:32px;align-items:start}.list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.list>li{border-bottom:1px solid var(--line)}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;min-height:0;padding:8px;border:0;border-radius:0;background:transparent;color:var(--ink);font-weight:400;text-align:left;text-decoration:none;outline-offset:-2px}a.list-row:hover,button.list-row:not(:disabled):hover{background:var(--hover)}.list-row.current,button.list-row.current:not(:disabled):hover{background:var(--selected)}.list-row small{grid-column:1 / -1;color:var(--ink-soft);font-size:12px}.section{max-width:720px;padding:24px 0;border-top:1px solid var(--line)}.section:first-of-type{padding-top:0;border-top:0}.facts{display:grid;gap:4px;margin:0;font-size:13px}.facts>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}.facts dt{color:var(--ink-soft)}.facts dd{margin:0;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:1px 6px;border-radius:4px;background:var(--hover);color:var(--ink-soft);font-size:12px}.status{color:var(--ink-soft);font-size:12px;font-weight:500}.status.waiting{color:var(--waiting)}.status.error{color:var(--danger)}.muted{color:var(--ink-soft);font-size:13px}.stars{color:var(--star);white-space:nowrap}.widget-workbench{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:1100px){.widget-workbench{grid-template-columns:1fr}}@media(max-width:950px){.shell{grid-template-columns:200px minmax(0,1fr)}.content{padding:20px 20px 40px}.split{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.shell{display:block}.content{padding:16px 16px 32px}input,select,textarea{font-size:16px}.form-row{grid-template-columns:1fr}.toolbar>input,.toolbar>select{flex:1 1 100%;max-width:none}}@media(prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}}
