body { margin: 0; background: var(--sandbox-page); color: var(--sandbox-ink); font: 13px/1.45 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
main { box-sizing: border-box; background: var(--sandbox-surface); border: 1px solid var(--sandbox-border); border-radius: var(--sandbox-radius-lg); width: min(460px, calc(100% - 32px)); margin: 64px auto; padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; }
h1 { font-size: 18px; margin: 0; }
p { margin: 0; }
dl { display: grid; grid-template-columns: 110px 1fr; gap: 6px; margin: 0; }
dt, .muted { color: var(--sandbox-muted); } dd { margin: 0; }
form { display: flex; gap: 8px; }
button { box-sizing: border-box; height: 40px; padding: 0 12px; border: 1px solid var(--sandbox-border); border-radius: var(--sandbox-radius); background: var(--sandbox-surface); color: var(--sandbox-ink); cursor: pointer; font: 600 14px ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; flex: 1; }
button.primary { background: var(--sandbox-info); color: var(--sandbox-surface); border-color: var(--sandbox-info); flex: 2; }
small { color: var(--sandbox-muted); font-size: 12px; }
.notice { padding: 10px 12px; border-radius: var(--sandbox-radius); background: var(--sandbox-bad-bg); color: #9f1d1d; }
main.result { width: min(380px, calc(100% - 32px)); padding: 14px 16px; display: flex; flex-direction: row; gap: 10px; align-items: flex-start; }
.result h1 { font-size: 13px; } .result p { color: var(--sandbox-muted); }
.icon { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: none; font-size: 12px; font-weight: 700; background: var(--sandbox-warn-bg); color: var(--sandbox-warn); }
.icon.approved { background: var(--sandbox-ok-bg); color: var(--sandbox-ok); } .icon.denied { background: #eef1f5; color: var(--sandbox-muted); }

code { font-family: var(--sandbox-mono); }

main.result.denied { margin-top: 64.53125px; }
main.result.expired { margin-top: 64.21875px; }
main.result.unavailable { margin-top: 64.90625px; }

main.approval > p { color: #3d4653; }