:root{--bg:#f4f2ef;--panel:#fff;--text:#22201e;--muted:#77706a;--border:#e3ddd6;--accent:#5b2ee6;--accent-hover:#4a21cc;--ok:#2f6b3a;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.25}h2{font-size:1.2rem}h3{font-size:1.05rem}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}button:hover{background:#f7f4f0}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.link{color:var(--accent);background:0 0;border:none;padding:0;font-weight:500}input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px 12px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.brand{color:var(--accent);font-weight:800;text-decoration:none}.brand span,.login h1 span{color:var(--muted);font-weight:500}.topbar nav{align-items:center;gap:18px;display:flex}.content{max-width:1240px;margin:0 auto;padding:24px 16px 64px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.stack{flex-direction:column;gap:16px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--muted)}.label{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:600}.crumbs{color:var(--muted)}.req{color:var(--danger)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .panel{flex-direction:column;gap:12px;width:min(380px,100%);display:flex}.error{color:var(--danger);margin:0}.alert{border-radius:10px;padding:12px 16px}.alert.error{color:#7d1a14;background:#fbeceb;border:1px solid #f1c7c3}.alert ul{margin:8px 0 0;padding-left:20px}.alert li{margin:2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#fbfaf8;border-radius:12px;flex-direction:column;gap:6px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#fbf3f5}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}th{color:var(--muted);font-size:.8rem;font-weight:600}.badge{color:var(--muted);background:#efebe6;border-radius:999px;margin:0 4px 2px 0;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.ok,.badge.published{color:var(--ok);background:#e1f0e3}.badge.draft{color:#7a5a12;background:#fdf0d5}.badge.premium{color:#7a5a12;background:#f6e7c4;margin-left:6px}.detail{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px;display:grid}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.meta-grid div{flex-direction:column;display:flex}.versions{flex-direction:column;gap:6px;display:flex}.version{text-align:left;align-items:center;gap:10px;font-weight:400;display:flex}.version.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.plain{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fields .fields{margin-top:4px;padding-left:18px}.code{color:#f1ebe4;white-space:pre-wrap;word-break:break-word;background:#1e1b19;border-radius:8px;max-height:360px;margin:0;padding:12px;font-size:.8rem;overflow:auto}.phone-wrap{flex-direction:column;gap:8px;display:flex;position:sticky;top:16px}.phone{background:#fff;border:10px solid #1e1b19;border-radius:32px;height:760px;overflow:hidden}.phone iframe{border:0;width:100%;height:100%;display:block}@media (width<=960px){.detail{grid-template-columns:1fr}.phone-wrap{position:static}.phone{max-width:400px;height:640px}}