:root{color-scheme:dark;--bg:#0b0b0b;--surface:#141414;--border:#333;--text:#f5f5f5;--secondary:#aaa;--muted:#8d8d8d;--green:#15803d;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono","Fira Code",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font)}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,input,select,textarea{border:1px solid var(--border);border-radius:4px}button{padding:9px 13px;background:#202020;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover:not(:disabled){background:#303030}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);border-color:var(--green)}button.primary:hover:not(:disabled){background:#166534}button.primary span{margin-left:12px}:focus-visible{outline:2px solid #86efac;outline-offset:3px}input,select,textarea{width:100%;min-width:0;background:#0e0e0e;color:var(--text);padding:10px 12px;font-size:13px}input::placeholder{color:#858585}input[aria-invalid=true]{border-color:#f87171}select{min-height:41px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,3.1vw,38px);line-height:1.25;letter-spacing:-1.3px;font-weight:600;margin:15px 0 12px}h2{font-size:14px;font-weight:600}h3{font-size:13px;font-weight:500}.topbar{border-bottom:1px solid #292929}.header-inner,main,footer{max-width:1240px;margin:auto}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;font-weight:650;letter-spacing:-.3px}.brand-caption{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:1px}.repo-link{font-size:12px;color:#d1d1d1;text-decoration:none}.repo-link span{margin-left:8px}main{padding:42px 36px 0}.intro{margin-bottom:30px}.intro>p{color:var(--secondary);font-size:14px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--secondary);display:flex;align-items:center;gap:8px}.signal{height:6px;width:6px;background:#4ade80;border-radius:50%}.workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:stretch}.panel{border:1px solid var(--border);background:var(--surface);border-radius:5px;min-width:0;overflow:hidden}.panel-heading{padding:17px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.meta{color:var(--muted);font:9px var(--mono);letter-spacing:1px}form{padding:22px}.field{margin-bottom:18px}.help{font-size:11px;color:var(--secondary);line-height:1.6;margin-top:7px}.error{font-size:11px;color:#fca5a5;margin-top:5px}.error:empty,#endpoint-status:empty{display:none}.input-action{display:flex;gap:8px}.input-action input{flex:1}.input-action button{font-size:11px;padding:8px 10px}.divider{height:1px;background:#2a2a2a;margin:23px 0}.field-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}[hidden]{display:none!important}.path-row{border-top:1px solid #2a2a2a;padding-top:16px;display:flex;flex-direction:column;gap:6px}.path-row .help{font-size:9px;letter-spacing:1px;margin:0}.path-row code{font:11px var(--mono);overflow-wrap:anywhere;color:#ccc}.badge{font-size:10px;line-height:20px;padding:0 7px;border:1px solid #3b3b3b;background:#202020;color:#bbb;border-radius:3px;white-space:nowrap}.badge.ready{color:#86efac;background:#082d1c;border-color:#185b36}.preview-panel{display:flex;flex-direction:column}.filebar{display:flex;justify-content:space-between;padding:11px 20px;background:#181818;border-bottom:1px solid #292929;font:10px var(--mono);color:var(--secondary)}.filebar span:last-child{color:var(--muted);font-size:9px}.code-area{background:#0e0e0e;flex:1;min-height:340px}pre{margin:0;padding:20px;overflow:auto;max-height:565px;min-height:100%;font:11px/1.85 var(--mono);tab-size:2;color:#dadada}pre code{font:inherit}.code-comment{color:#898989}.code-key{color:#92bfa8}.preview-bottom{border-top:1px solid var(--border);padding:18px 20px}.schedule-summary{font-size:11px;color:#c8c8c8;margin-bottom:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.preview-bottom .help{margin-top:12px}#github-fallback{display:inline-block;margin-top:10px;font-size:12px}#manual-copy{margin-top:14px}#manual-yaml{font:11px/1.5 var(--mono)}.notice{display:flex;gap:13px;border:1px solid #303030;padding:18px 20px;margin-top:22px;border-radius:4px;background:#111}.notice-mark{border:1px solid #656565;border-radius:50%;width:17px;height:17px;flex:none;text-align:center;font:11px/16px var(--mono);color:#bbb;margin-top:2px}.notice strong{font-size:12px;font-weight:500}.notice p{color:var(--secondary);font-size:11px;margin-top:5px;line-height:1.7}.notice a{white-space:nowrap;color:#d0d0d0}.next-steps{padding:30px 0}.next-steps>h2{font-size:13px}.next-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0;margin:20px 0;list-style:none}.next-steps li{display:flex;gap:12px}.next-steps li>span{font:10px var(--mono);color:var(--muted);border:1px solid var(--border);height:26px;min-width:26px;display:grid;place-items:center;border-radius:3px}.next-steps li p{font-size:11px;color:var(--secondary);margin-top:5px;line-height:1.6}footer{border-top:1px solid #292929;padding:20px 36px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:10px}footer a{text-decoration:none;color:#bbb}.footer-separator{margin:0 8px;color:#555}.skip-link{position:absolute;left:15px;top:-60px;background:var(--surface);padding:10px;z-index:2}.skip-link:focus{top:10px}
@media(min-width:1400px){main{padding-top:52px}}@media(max-width:950px){.workspace{grid-template-columns:1fr 1fr;gap:16px}.input-action{flex-wrap:wrap}.input-action input{flex-basis:100%}.meta{display:none}.actions button{flex-grow:1}}@media(max-width:720px){.header-inner{height:76px;padding:0 20px}.brand-caption{font-size:10px}.repo-link{font-size:11px}main{padding:28px 20px 0}.workspace{grid-template-columns:1fr}.desktop-break{display:none}.intro{margin-bottom:25px}h1{letter-spacing:-.8px}.input-action{flex-wrap:nowrap}.input-action input{flex-basis:auto}.code-area{min-height:240px}pre{max-height:480px}.next-steps ol{grid-template-columns:1fr;gap:20px}footer{margin:0 20px;padding:20px 0;flex-direction:column;gap:6px}.notice{padding:16px}.eyebrow{font-size:9px;letter-spacing:1px}.brand{font-size:14px;gap:8px}.brand img{width:30px;height:30px}form{padding:18px}.panel-heading{padding:16px 18px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
