:root{--bg:#f5f7fa;--card:#fff;--fg:#1f2933;--muted:#6b7785;--border:#e3e8ee;--accent:#2563eb;--danger:#d03050;--ok:#0f8a5f}@media(prefers-color-scheme:dark){:root{--bg:#0f1317;--card:#171c22;--fg:#e4e8ec;--muted:#94a0ad;--border:#2a323b;--accent:#6ea0ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}a{color:var(--accent);text-decoration:none}h1{font-size:1.6rem;margin:0}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.small{font-size:13px}.grow,.spacer{flex:1}.grow{min-width:0}.row{align-items:center;gap:10px}.row,.stack{display:flex}.stack{flex-direction:column;gap:12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;gap:14px;padding:12px 24px}.logo{color:var(--fg);font-weight:700}.page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1280px;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project{color:var(--fg);display:block}.project:hover{border-color:var(--accent)}.project h3{margin:0 0 6px}label{color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:4px}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg);font:inherit;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;resize:vertical}textarea.tall{min-height:460px}.btn{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--fg);cursor:pointer;font:inherit;padding:8px 14px;white-space:nowrap}.btn:disabled{cursor:default;opacity:.5}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost:hover{background:var(--bg)}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.small{padding:4px 10px}.btn.full{margin-top:10px;width:100%}.auth-wrap{display:grid;min-height:100vh;padding:20px;place-items:center}.auth{display:flex;flex-direction:column;gap:14px;max-width:380px;width:100%}.h1-input{background:transparent;border:1px solid transparent;font-size:1.6rem;font-weight:700;padding:2px 6px}.h1-input:hover{border-color:var(--border)}.desc-input{background:transparent;border-color:transparent;color:var(--muted)}.cols{align-items:start;display:grid;gap:16px;grid-template-columns:300px minmax(0,1fr)}.tree{max-height:calc(100vh - 40px);overflow:auto;padding:10px;position:sticky;top:12px}.tree-section{margin-bottom:6px}.tree-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 8px}.tree-item.active,.tree-item:hover{background:var(--bg)}.tree-item.active{outline:1px solid var(--accent)}.tree-item.sub{font-size:14px;margin-left:22px}.tree-item .mini{display:none;gap:2px}.tree-item:hover .mini{display:flex}.mini button{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 3px}.mini button:disabled{opacity:.3}.tag{border-radius:5px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.tag.api{background:#7c3aed}.tag.txt{background:#0f8a5f}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;font-size:13px;margin:2px 0 4px 30px;padding:2px}.inline-form{display:flex;gap:6px;margin:4px 0 4px 22px}.section-form{margin-top:12px}.pane{min-height:400px}hr{border:0;border-top:1px solid var(--border);margin:16px 0}.editor-split.split{display:grid;gap:12px;grid-template-columns:1fr 1fr}.preview{background:#fff;border:1px solid var(--border);border-radius:8px;min-height:460px;width:100%}.danger-zone{color:var(--muted);margin-top:24px}.danger-zone .btn{margin-top:8px}@media(max-width:860px){.cols{grid-template-columns:1fr}.tree{position:static}.editor-split.split{grid-template-columns:1fr}}.view-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px}.view-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font:inherit;margin-bottom:-1px;padding:8px 16px}.view-tabs button.on{border-bottom-color:var(--accent);color:var(--fg);font-weight:600}.theme{display:flex;flex-direction:column;gap:16px}.theme h3{font-size:1.1rem;margin:0}.theme h4{font-size:.95rem;margin:0 0 6px}.palettes{display:grid;gap:28px;grid-template-columns:1fr 1fr}.radios{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:6px}.radio{align-items:center;color:var(--fg);cursor:pointer;display:inline-flex;flex-direction:row;font-size:14px;gap:8px}.radio input{width:auto}.warn{color:#c2710c}ul.warn{margin:0;padding-left:20px}.stack-sm{align-items:stretch;display:flex;flex-direction:column;gap:8px}.filebtn{cursor:pointer;display:inline-flex;justify-content:center}.icon-row{align-items:flex-start;gap:18px}.icon-box{background:var(--bg);border:1px solid var(--border);border-radius:14px;color:var(--muted);display:grid;flex:none;font-size:28px;font-weight:600;height:72px;overflow:hidden;place-items:center;width:72px}.icon-box img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.font-slot{border-top:1px solid var(--border);padding:8px 0}.font-sample{border:1px dashed var(--border);border-radius:10px;font-size:18px;line-height:1.5;margin:0;padding:14px 16px}.mocks{display:grid;gap:16px;grid-template-columns:1fr 1fr}.mock{background:var(--p-bg);border:1px solid var(--p-line);border-radius:12px;color:var(--p-text);font-size:13px;overflow:hidden}.mock-title{color:var(--p-muted);font-size:11px;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.mock-title,.mock-top{border-bottom:1px solid var(--p-line)}.mock-top{align-items:center;background:var(--p-surface);display:flex;gap:8px;padding:8px 10px}.mock-logo{background:var(--p-accent);border-radius:6px;color:#fff;display:grid;font-size:12px;font-weight:600;height:22px;overflow:hidden;place-items:center;width:22px}.mock-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.mock-chip{background:color-mix(in srgb,var(--p-accent) 14%,var(--p-side));border-radius:999px;color:var(--p-accent);font-size:11px;margin-left:auto;padding:0 8px}.mock-body{display:grid;grid-template-columns:38% 1fr;min-height:120px}.mock-side{background:var(--p-side);border-right:1px solid var(--p-line);display:flex;flex-direction:column;gap:4px;padding:8px}.mock-item{border-radius:6px;padding:4px 8px}.mock-item.on{background:color-mix(in srgb,var(--p-accent) 14%,var(--p-side));color:var(--p-accent);font-weight:600}.mock-main{padding:10px 12px}.mock-main p{margin:4px 0}.mock-h{font-size:15px}.mock-a{color:var(--p-accent)}.mock-m{color:var(--p-muted)}.mock-code{background:var(--p-code);border:1px solid var(--p-line);border-radius:6px;font-size:12px;margin:6px 0 0;padding:6px 8px}@media(max-width:860px){.mocks,.palettes{grid-template-columns:1fr}}