:root{--paper:#f5f3ee;--ink:#1b1a17;--muted:#71695c;--line:#cdc8bc;--line-soft:#e2ded4;--highlight:#1b1a17;--highlight-text:#f5f3ee;--danger:#8c2b1e;--mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.45}a,body,html{color:var(--ink)}h1,h2{font-weight:600;letter-spacing:-.01em}.site-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding:14px 24px}.site-header .brand{font-family:var(--mono);font-size:15px;font-weight:700;text-decoration:none;letter-spacing:.04em}.site-header .account{display:flex;align-items:baseline;gap:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}.page{max-width:1080px;margin:0 auto;padding:28px 24px 80px}.btn,button{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:0;padding:5px 12px;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button:hover{background:var(--ink);color:var(--paper)}button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:transparent;color:var(--ink)}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--paper)}button.plain{border:none;padding:5px 4px;text-decoration:underline}button.plain:hover{background:transparent;color:var(--ink)}input,select{font-family:var(--mono);font-size:13px;color:var(--ink);background:#fdfcfa;border:1px solid var(--line);border-radius:0;padding:6px 8px}input:focus,select:focus{outline:none;border-color:var(--ink)}label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.auth-wrap{max-width:340px;margin:96px auto 0;padding:0 24px}.auth-wrap h1{font-family:var(--mono);font-size:18px;margin:0 0 24px}.auth-form{gap:14px}.auth-form,.auth-form .field{display:flex;flex-direction:column}.auth-form .field{gap:5px}.auth-form input{width:100%}.auth-error{font-family:var(--mono);font-size:12px;color:var(--danger);border:1px solid var(--danger);padding:8px 10px}.auth-alt{margin-top:20px;font-size:13px;color:var(--muted)}.list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.list-head h1{font-size:20px;margin:0}table.tab-list{width:100%;border-collapse:collapse;font-size:14px}table.tab-list th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:400;text-align:left;padding:6px 10px;border-bottom:1px solid var(--ink)}table.tab-list td{padding:9px 10px;border-bottom:1px solid var(--line-soft)}table.tab-list td.num{font-family:var(--mono);font-size:13px}table.tab-list a.tab-title{font-weight:600;text-decoration:none}table.tab-list a.tab-title:hover{text-decoration:underline}.empty-note{color:var(--muted);font-size:14px;padding:32px 0}.landing .hero{padding:52px 0 34px;max-width:720px}.landing .hero h1{font-size:32px;margin:0 0 14px;letter-spacing:-.02em}.landing .hero p{font-size:16px;color:var(--muted);margin:0 0 26px;max-width:54ch}.landing .cta{display:flex;align-items:center;gap:14px}.landing .cta .btn{padding:8px 16px;font-size:13px}.landing .cta-note,.section-label{font-family:var(--mono);font-size:12px;color:var(--muted)}.section-label{font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}.demo-section{margin:26px 0 52px}.demo-card{border:1px solid var(--ink);background:#fdfcfa;padding:16px 20px 6px;overflow-x:auto}.demo-meta{display:flex;flex-wrap:wrap;gap:22px;font-family:var(--mono);font-size:13px;margin-bottom:12px}.demo-meta .k{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;margin-right:7px}.demo-toolbar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin-bottom:16px}.demo-note{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-left:auto}.demo-sheet{padding-bottom:0}.demo-sheet .tab-system{margin-bottom:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:28px;gap:28px;border-top:1px solid var(--ink);padding-top:22px}.features h3{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.features p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}.editor-meta{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:6px}.editor-meta .field{display:flex;flex-direction:column;gap:4px}.editor-meta input.title{font-size:16px;font-weight:600;width:320px}.editor-meta input.short{width:72px}.editor-status{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:auto;align-self:center;white-space:nowrap}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:20px}.editor-toolbar .sep{width:1px;height:18px;background:var(--line);margin:0 4px}.tab-sheet{font-family:var(--mono);font-size:14px;line-height:1;outline:none;cursor:text;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-bottom:40px}.tab-system{margin-bottom:26px;white-space:nowrap;overflow-x:auto}.tab-row{display:flex;height:19px;align-items:center}.tab-row .string-name{width:18px;color:var(--muted);flex:none}.tab-bar,.tab-cell{white-space:pre;flex:none}.tab-cell:hover{background:var(--line-soft)}.tab-cell.selected{background:var(--highlight);color:var(--highlight-text)}.tab-cell.playing{background:var(--line)}.tab-cell.selected.playing{background:var(--highlight)}.editor-help{font-family:var(--mono);font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;line-height:1.8;max-width:720px}.editor-help kbd{border:1px solid var(--line);padding:0 4px;font-family:inherit;background:#fdfcfa}