*{box-sizing:border-box}:root{--bg: #F9FAFF;--panel: #ffffff;--ink: #1B1E3C;--ink-2: #3C438A;--ink-3: #545DBB;--muted: #6C72AB;--muted-2: #A9A9ED;--line: #DDDCFE;--line-2: #E9E9FF;--line-3: #F2F1FF;--wash: #F9F8FF;--wash-2: #F2ECFF;--wash-3: #E5D9FF;--accent: #7F43FF;--accent-2: #6430D2;--success: #1FA377;--success-bg: #EAFAF4;--info: #128DFF;--info-bg: #F3F9FF;--warn: #C77A2B;--warn-bg: #FFF7EF;--danger: #F8426E;--danger-bg: #FEECF0;--brand-shadow: 0 2px 4px rgba(0,43,206,.06);--brand-shadow-hover: 0 4px 8px rgba(0,43,206,.08);--card-radius: 14px;--font: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", Menlo, monospace}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);font-weight:700;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-2)}button,input,select,textarea{font-family:var(--font)}.shell{min-height:100vh;background:var(--bg);padding:20px 0 90px}.readonly-banner{margin:-20px 0 16px;padding:7px 10%;font-size:11.5px;font-weight:800;color:var(--warn);background:var(--warn-bg);border-bottom:1px solid rgba(199,122,43,.25)}.readonly-banner i{font-size:10px;margin-right:6px}.container{margin:0 10%;display:flex;flex-direction:column;gap:14px}.band-full{margin:0 -12.5%;padding:16px 12.5%}.card{background:var(--panel);border:1px solid rgba(84,81,252,.12);border-radius:var(--card-radius);padding:14px 18px;box-shadow:var(--brand-shadow)}.card-header{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.title{margin:0;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.brand-mark{width:26px;height:26px;display:inline-block}.search-pill{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px}.search-pill input{border:none;outline:none;background:transparent;font-size:12.5px;color:var(--ink);width:100%;padding:0}.search-pill i{font-size:11px;color:var(--muted-2)}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 14px;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;border:none;transition:background .2s,color .2s,border-color .2s}.btn i{font-size:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ink-2)}.btn-ghost{background:#fff;color:var(--accent);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--wash-2)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-2)}.btn-outline{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent);color:#fff}.btn-small{padding:4px 12px;font-size:11px;font-weight:800}.btn-tag{background:var(--wash-2);color:var(--accent);padding:4px 12px;font-size:11px;font-weight:800}.btn-tag:hover:not(:disabled){background:var(--wash-3)}.btn-danger-ghost{background:#f8426e1a;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger);color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:2px 9px;white-space:nowrap}.chip-draft{color:var(--warn);background:var(--warn-bg)}.chip-approved{color:var(--info);background:var(--info-bg)}.chip-published,.chip-success{color:var(--success);background:var(--success-bg)}.chip-error{color:var(--danger);background:var(--danger-bg)}.chip-warn{color:var(--warn);background:var(--warn-bg)}.chip-muted{color:var(--muted);background:var(--wash)}.ref,.ref-plain,.ref-copy{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%237F43FF'/%3E%3Ctext x='10' y='10.5' font-size='11' fill='white' text-anchor='middle' dominant-baseline='central'%3E%E2%A7%89%3C/text%3E%3C/svg%3E") 10 10,copy}.ref{font-family:var(--mono);font-size:10px;color:var(--muted);background:var(--wash);border:1px solid var(--line-2);border-radius:6px;padding:1px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;transition:border-color .2s,color .2s,background .2s}.ref:hover{color:var(--accent);border-color:var(--accent);background:var(--wash-2)}.ref-plain{font-family:var(--mono);font-size:10px;color:var(--muted);background:none;border:none;padding:0;transition:color .2s}.ref-plain:hover{color:var(--accent)}.mono{font-family:var(--mono);font-size:11px;color:var(--ink)}.muted{color:var(--muted)}.error{color:var(--danger)}.spacer{flex:1}html{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:6px;height:6px;background:transparent}*::-webkit-scrollbar-track{background:transparent;border:none}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}*::-webkit-scrollbar-corner{background:transparent}.ver-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ver-scroll::-webkit-scrollbar{width:6px;height:6px;background:transparent}.ver-scroll::-webkit-scrollbar-track{background:transparent;border:none}.ver-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.ver-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.curl-scroll{scrollbar-width:thin;scrollbar-color:var(--ink-2) transparent}.curl-scroll::-webkit-scrollbar{width:6px;height:6px;background:transparent}.curl-scroll::-webkit-scrollbar-track{background:transparent;border:none}.curl-scroll::-webkit-scrollbar-thumb{background:var(--ink-2);border-radius:999px}.curl-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.curl-scroll::-webkit-scrollbar-corner{background:transparent}.pre-dark,.modal textarea,.modal input{scrollbar-width:thin;scrollbar-color:var(--ink-2) transparent}.pre-dark::-webkit-scrollbar-thumb,.modal textarea::-webkit-scrollbar-thumb,.modal input::-webkit-scrollbar-thumb{background:var(--ink-2)}.pre-dark::-webkit-scrollbar-thumb:hover,.modal textarea::-webkit-scrollbar-thumb:hover,.modal input::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236C72AB' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:28px!important;font-size:12px;font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px;outline:none;cursor:pointer}.pre-dark{margin:0;background:var(--ink);color:var(--line);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:11px;line-height:1.6;overflow:auto;white-space:pre}.pre-light{margin:0;background:var(--wash);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:11px;line-height:1.6;overflow:auto;white-space:pre}.field-input{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:8px 12px;width:100%;outline:none}.field-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.table{border:1px solid var(--line-2);border-radius:10px;overflow:hidden}.table-header{padding:6px 12px;background:var(--wash);font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);display:grid;gap:8px}.table-row{display:grid;gap:8px;padding:6px 12px;border-top:1px solid var(--line-3);font-size:11.5px;color:var(--muted);align-items:center}.table-row:hover{background:var(--wash-2)}.table-row-clickable{cursor:pointer}.avatar{width:22px;height:22px;border-radius:50%;background:var(--wash);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.bottom-nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 32px));background:#000;border-radius:14px;padding:9px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 12px #eee6ff;z-index:40}.bottom-nav a{color:#fff}.bottom-nav .nav-btn{color:var(--ink);background:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}.bottom-nav .nav-btn:hover{background:var(--line)}.bottom-nav .nav-btn.active{color:#fff;background:var(--accent)}.bottom-nav .nav-btn-light{color:var(--ink);background:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}.bottom-nav .nav-btn-light:hover{background:var(--line)}.bottom-nav .nav-btn-light.active{color:#fff;background:var(--accent)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1e3c73;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#2f2e4d;border-radius:24px;padding:24px;width:520px;max-width:90vw;box-shadow:0 15px 82px #5451fc42,0 8px 24px #12072273;color:#fff}.modal h2{margin:0;font-size:16px;font-weight:800;color:#fff}.modal label{color:var(--muted-2)}.modal input,.modal textarea,.modal select{color:#fff;background:var(--ink);border:1px solid rgba(142,134,255,.35);border-radius:12px;padding:8px 12px;outline:none;font-size:12.5px}.modal textarea{font-family:var(--mono)}.icon-btn{border:none;background:transparent;color:var(--muted-2);cursor:pointer;font-size:11px;padding:2px 6px;transition:color .2s}.icon-btn:hover:not(:disabled){color:var(--accent)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.danger-zone{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px dashed rgba(248,66,110,.4);border-radius:14px}.summary-inline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.summary-inline *{display:inline!important;margin:0!important;padding:0!important}.summary-inline br{display:none!important}.summary-inline li:before{content:"• "}
