html,body,#root{height:100%;margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fg:#1a202c;--muted:#64748b;--border:#e2e8f0;--bg:#f8fafc;--accent:#1a365d}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell{max-width:1400px;margin:0 auto;padding:24px 32px 96px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:16px;display:flex}.topbar h1{margin:0;font-size:22px;font-weight:700}.topbar small{color:var(--muted);font-size:13px}.topbar a{color:var(--accent)}.grid{grid-template-columns:minmax(320px,1fr) minmax(400px,2fr);gap:32px;display:grid}@media (width<=900px){.grid{grid-template-columns:1fr}}.col{flex-direction:column;gap:6px;display:flex}.col label{color:var(--fg);margin-top:10px;margin-bottom:2px;font-size:13px;font-weight:600}.col label small{color:var(--muted);margin-left:6px;font-weight:400}.col input[type=text],.col input:not([type]),.col input[type=url]{width:100%}.col input,.col textarea{border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.col input:focus,.col textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.row{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.row label{color:var(--fg);cursor:pointer;align-items:center;gap:4px;margin:0;font-weight:400;display:inline-flex}.row input{margin:0}.editor{resize:vertical;min-height:70vh;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.55}.actions{gap:10px;margin-top:20px;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:9px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.status{color:var(--muted);word-break:break-all;margin-top:14px;font-size:13px}.hint{color:var(--muted);margin-top:4px;font-size:12px}.hint code{background:#eef2f7;border-radius:3px;padding:1px 5px;font-size:11.5px}
