:root{--paper:#f1eef5;--panel:#fff;--ink:#1e1726;--ink-soft:#625869;--line:#ded5e4;--line-strong:#c3b7ce;--accent:#55299b;--accent-soft:#ede5f8;--signal:#b8760f;--ok:#1f7350;--danger:#a02c26;--display:"Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.shell{max-width:1080px;margin:0 auto;padding:28px 20px 72px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700}.wordmark span{color:var(--accent)}.topbar-note{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.grid{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start;gap:28px;margin-top:28px;display:grid}@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.panel+.panel{margin-top:20px}.panel-title{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 16px;font-size:11px}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-hint{color:var(--ink-soft);margin-top:5px;font-size:12px;display:block}.control{border:1px solid var(--line-strong);width:100%;color:var(--ink);font-family:var(--mono);background:#fff;border-radius:7px;padding:10px 12px;font-size:14px}.control:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.row-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.row-two{grid-template-columns:1fr}}.panel-wide{margin-top:20px}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:560px){.actions{grid-template-columns:1fr}}.act{border:1px solid var(--line-strong);width:100%;color:var(--ink);font-family:var(--body);text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .14s,background .14s,transform .14s;display:flex}.act:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.act:active:not(:disabled){transform:translateY(1px)}.act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.act:disabled{opacity:.45;cursor:not-allowed}.act-key{font-family:var(--mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px}.act-sub{color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:400;display:block}.act.is-danger:hover:not(:disabled){border-color:var(--danger);background:#fbeceb}.act.is-danger .act-key{color:var(--danger);border-color:#e8c4c1}.scope-frame{aspect-ratio:1;border:1px dashed var(--line-strong);background:repeating-linear-gradient(45deg,#faf8fc,#faf8fc 9px,#f4f0f8 9px 18px);border-radius:8px;justify-content:center;align-items:center;max-width:250px;margin:0 auto;display:flex;position:relative;overflow:hidden}.scope-frame:before,.scope-frame:after{content:"";border:2px solid var(--accent);pointer-events:none;width:22px;height:22px;position:absolute}.scope-frame:before{border-bottom:0;border-right:0;top:10px;left:10px}.scope-frame:after{border-top:0;border-left:0;bottom:10px;right:10px}.scope-img{object-fit:contain;background:#fff;width:100%;height:100%;padding:16px;animation:.32s revelar}@keyframes revelar{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scope-img{animation:none}.act{transition:none}}.scope-empty{text-align:center;color:var(--ink-soft);max-width:240px;padding:24px;font-size:13px}.pairing{text-align:center;margin-top:14px}.pairing-label{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.pairing-code{font-family:var(--mono);letter-spacing:.16em;margin-top:2px;font-size:22px;font-weight:600}.expiry{font-family:var(--mono);color:var(--ink-soft);text-align:center;margin-top:12px;font-size:12px}.expiry.is-expired{color:var(--danger)}.track{border-top:1px solid var(--line);gap:4px;margin-top:18px;padding-top:14px;display:flex}.track-stop{text-align:center;flex:1}.track-dot{background:var(--line-strong);border-radius:50%;width:9px;height:9px;margin:0 auto 7px}.track-stop.is-on .track-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.track-stop.is-warn .track-dot{background:var(--signal);box-shadow:0 0 0 4px #fbf0dd}.track-stop.is-ok .track-dot{background:var(--ok);box-shadow:0 0 0 4px #dff0e8}.track-name{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.track-stop.is-on .track-name,.track-stop.is-warn .track-name,.track-stop.is-ok .track-name{color:var(--ink);font-weight:600}.note{border:1px solid var(--line);background:#fbfafc;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:13px}.note.is-bad{color:var(--danger);background:#fbeceb;border-color:#e8c4c1}.note.is-good{color:var(--ok);background:#eaf5ef;border-color:#bfdfcf}.note-title{margin-bottom:2px;font-weight:600;display:block}.raw{margin-top:14px}.raw summary{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;font-size:11px}.raw pre{border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#f7f5f9;border-radius:7px;margin:10px 0 0;padding:12px;font-size:11.5px;line-height:1.55;overflow-x:auto}.busy{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-top:14px;font-size:11px}