:root{--ink:#101116;--secondary:#5c5d62;--line:#dedee0;--muted:#f5f5f6;--mint:#9edcc9;--radius:6px;color:var(--ink);background:#fff;font:14px/1.5 Inter,IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;min-height:44px;padding:10px 16px}button:hover{background:var(--muted)}button:disabled{opacity:.55;cursor:default}button:focus,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);min-height:48px}input,textarea{background:#fff;border:1px solid #b8b9bd;border-radius:6px;width:100%;min-height:48px;padding:12px;display:block}textarea{resize:vertical;min-height:70px}label{margin:16px 0 12px;display:block}header{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:16px 32px;display:flex}header>span{color:var(--secondary)}header>button{margin-left:auto}.brand{color:var(--ink);font-size:20px;font-weight:650;text-decoration:none}.brand span{color:var(--secondary);margin-left:12px;font-size:13px}main{max-width:1100px;min-height:70vh;margin:0 auto;padding:32px 24px}h1{margin:8px 0 12px;font-size:28px;line-height:32px}h2{overflow-wrap:anywhere;margin:12px 0 4px;font-size:20px;line-height:26px}h3{margin:24px 0 12px;font-size:16px}h4{margin:0 0 12px}.eyebrow,.meta{color:var(--secondary);font-size:13px}p{margin:8px 0 16px}.login{max-width:420px;margin:48px auto}.login button{margin:8px 8px 0 0}.notice{overflow-wrap:anywhere;background:#edf8f3;border-left:3px solid #307059;margin-bottom:24px;padding:12px 16px}.page-title,.card-heading{justify-content:space-between;align-items:start;gap:24px;display:flex}.controls{background:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;padding:16px;display:flex}.stopped{background:#ffe1da;justify-content:space-between;align-items:center;gap:16px;margin:8px 0;padding:12px 16px;display:flex}article{border:1px solid var(--line);border-radius:6px;margin:24px 0 32px;padding:24px}.badge{background:#ecf5f1;border-radius:4px;padding:4px 8px;font-size:13px}.diff>div{border-bottom:1px solid var(--line);overflow-wrap:anywhere;word-break:break-word;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:12px 0;display:grid}.preview{grid-template-columns:1fr 1fr;gap:24px;display:grid}.preview>section{min-width:0}iframe{border:1px solid var(--line);background:#fff;width:100%;height:220px}.message{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--muted);padding:16px;font-size:16px;line-height:24px}.facts{gap:32px;margin:16px 0;display:flex}.actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.sample{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;min-height:44px;color:var(--secondary);padding:12px 0}footer{text-align:center;border-top:1px solid var(--line);color:var(--secondary);padding:24px;font-size:13px}@media (max-width:600px){header{flex-wrap:wrap;gap:12px;padding:12px 16px}header>span{display:none}main{padding:24px 16px}article{padding:16px}.preview,.diff>div{grid-template-columns:1fr}.card-heading{flex-direction:column;gap:4px}.facts{flex-direction:column;gap:0}.controls{gap:8px}.controls strong{width:100%}.controls button{flex:1}.actions .primary{width:100%}.stopped{flex-direction:column;align-items:stretch}.login{margin:24px auto}.login .primary{width:100%}}.owner-nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.owner-nav button[aria-pressed=true]{background:var(--ink);color:#fff}.owner-summary{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;padding-bottom:24px;display:grid}.owner-facts{margin:12px 0}.owner-facts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,1fr) minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.owner-facts dt{color:var(--secondary)}.owner-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.owner-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.owner-row .owner-facts{width:100%}.owner-trace{padding:16px 0}.owner-view{max-width:900px}.owner-view input{max-width:420px}.owner-view h2{margin-top:24px}@media (max-width:600px){.owner-summary{grid-template-columns:1fr;gap:16px}.owner-row{flex-direction:column;align-items:stretch;gap:4px}.owner-facts>div{grid-template-columns:minmax(100px,1fr) minmax(0,1fr)}.owner-nav{gap:4px}.owner-nav button{padding:10px 12px}}
