@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/ui/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/ui/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/ui/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/ui/assets/big-shoulders-display-latin-700-normal-KM2fueoL.woff2) format("woff2"),url(/ui/assets/big-shoulders-display-latin-700-normal-CMi6UoP4.woff) format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/ui/assets/big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2) format("woff2"),url(/ui/assets/big-shoulders-display-latin-800-normal-CI0lhnTM.woff) format("woff")}:root{--turf: #237a41;--turf-deep: #1a5e31;--ink: #173b2a;--ink-soft: #4a6657;--stock: #fcfdfb;--verge: #e4efe3;--rule: #c9dccb;--ball: #ffc93c;--flag: #b8321f;--ok: #1d6b38;--display: "Big Shoulders Display", "Arial Narrow", sans-serif;--text: "Atkinson Hyperlegible", system-ui, sans-serif;font-family:var(--text);font-size:1rem;line-height:1.5;color:var(--ink);background:var(--verge)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--verge)}h1,h2,h3,h4,legend{font-family:var(--display);color:var(--ink);line-height:1.1;margin:0}h1{font-size:2.25rem;font-weight:800;letter-spacing:.01em}h2{font-size:1.5rem;font-weight:700}h3,legend{font-size:1.3125rem;font-weight:700}h4{font-size:1rem;font-weight:700}p{margin:0;max-width:70ch}a{color:var(--turf);text-underline-offset:.18em}a:hover{color:var(--turf-deep)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--ball)}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.6rem clamp(1rem,3vw,2rem);background:var(--turf);color:#fff}.topbar strong{font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:.01em}.topbar nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:center}.topbar a,.topbar .btn-link{color:#fff;font-weight:700;text-decoration:none}.topbar a:hover,.topbar .btn-link:hover{text-decoration:underline;color:#fff}.topbar :focus-visible{outline-color:#fff}.page{max-width:1100px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:grid;gap:1.25rem}.stack{display:grid;gap:1.25rem}.page>*,.stack>*,.card>*,.tab-content{min-width:0}.card{background:var(--stock);border:1px solid var(--rule);border-radius:8px;padding:clamp(1rem,3vw,1.5rem);display:grid;gap:1rem;min-width:0}.card.narrow{max-width:440px;margin:clamp(1rem,6vh,4rem) auto 0;width:100%;border-top:6px solid var(--turf)}.card .card{border-radius:6px}fieldset.card{margin:0}legend{padding:0 .35rem;margin-left:-.35rem}.muted{color:var(--ink-soft);font-size:.875rem}p.muted{max-width:70ch}form{display:grid;gap:1rem}form.row{display:flex;align-items:end}.field{display:grid;gap:.3rem;min-width:0}.field>span{font-size:.875rem;font-weight:700;color:var(--ink)}input,select{font:inherit;color:var(--ink);padding:.5rem .65rem;border:2px solid var(--rule);border-radius:6px;background:#fff;min-width:0}input:hover,select:hover{border-color:#a9c4ad}input:focus,select:focus{border-color:var(--turf)}input::placeholder{color:var(--ink-soft);opacity:.8}input[type=checkbox],input[type=radio]{padding:0;width:1.15rem;height:1.15rem;accent-color:var(--turf)}input[type=color]{width:3.25rem;height:2.6rem;padding:.2rem;cursor:pointer}input[type=number]{font-family:var(--display);font-size:1.15rem;font-weight:700;max-width:7rem}.row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.btn{font:inherit;font-weight:700;color:var(--ink);border:2px solid var(--rule);background:#fff;border-radius:6px;padding:.45rem 1rem;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--turf);border-color:var(--turf);color:#fff}.btn-primary:hover:not(:disabled){background:var(--turf-deep);border-color:var(--turf-deep)}.btn-danger{color:var(--flag);border-color:#e7b9b1}.btn-danger:hover:not(:disabled){border-color:var(--flag)}.btn-link{border:0;background:none;color:var(--turf);padding:0;font-weight:700}.form-error,.field-errors{color:var(--flag);margin:0;font-size:.875rem;font-weight:700}.form-error:empty,.field-errors:empty,.form-success:empty{display:none}.form-success{color:var(--ok);margin:0;font-weight:700}.errors{border-left:4px solid var(--flag);padding:.25rem 0 .25rem 1rem;display:grid;gap:.35rem}.errors h3{color:var(--flag)}.errors ul{margin:0;padding-left:1.1rem}table{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--turf)}th{background:var(--turf);color:#fff;font-family:var(--display);font-size:1.05rem;font-weight:700;text-align:left;padding:.4rem .65rem;border-right:1px solid rgb(255 255 255 / 25%)}td{padding:.45rem .65rem;border:1px solid var(--rule);vertical-align:middle}td:first-child{font-family:var(--display);font-size:1.15rem;font-weight:700;white-space:nowrap}td input{width:100%;min-width:9rem}td input[type=number]{min-width:4.25rem;max-width:5rem;text-align:center}td.row{display:table-cell;white-space:nowrap}td.row>*+*{margin-left:.4rem}td.row .btn{min-width:2.5rem;padding:.3rem .55rem;font-family:Arial,Segoe UI Symbol,DejaVu Sans,sans-serif;font-size:1.1rem;line-height:1.2;font-variant-emoji:text}.card:has(>table),.stack:has(>table){overflow-x:auto}ul{margin:0;padding-left:0;list-style:none;display:grid;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .8rem .25rem .35rem;border-radius:999px;font-weight:700;font-size:.875rem;background:var(--verge);color:var(--ink)}.badge:before{content:"";width:1.1rem;height:1.1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 75%) 0 18%,transparent 45%),var(--ball-colour, var(--ink-soft));box-shadow:inset 0 -2px #0000002e}.badge[data-state=published]{--ball-colour: var(--turf)}.badge[data-state=modified]{--ball-colour: var(--ball)}.badge[data-state=invalid]{--ball-colour: var(--flag)}.secret{font-family:ui-monospace,Cascadia Mono,monospace;background:#fff6d8;border:2px dashed var(--ball);padding:.65rem .8rem;border-radius:6px;overflow-wrap:anywhere}.editor{gap:1.25rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem .5rem;border-bottom:2px solid var(--rule)}.tabs a{font-family:var(--display);font-size:1.2rem;font-weight:700;padding:.35rem .6rem;margin-bottom:-2px;text-decoration:none;color:var(--ink-soft);border-bottom:4px solid transparent}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--turf)}.status{min-height:2.25rem}.pin-placer{position:relative;max-width:560px;user-select:none}.pin-placer img{width:100%;display:block;border-radius:6px;border:2px solid var(--rule);cursor:crosshair}.pin{position:absolute;transform:translate(-50%,-50%);min-width:2.1rem;height:2.1rem;padding:0 .3rem;border-radius:999px;border:2px solid var(--ink);color:var(--ink);background:radial-gradient(circle at 35% 30%,#fff6d1 0 15%,transparent 50%),var(--ball);font-family:var(--display);font-size:1.05rem;font-weight:800;cursor:grab;touch-action:none;box-shadow:0 2px #00000040}.pin:active{cursor:grabbing}.pin[aria-pressed=true]{outline:3px solid var(--turf);outline-offset:2px}.pin-tray .btn{font-family:var(--display);font-size:1.05rem;min-width:2.75rem;padding:.3rem .6rem}.pin-tray .btn[aria-pressed=true]{border-color:var(--ink);background:var(--ball)}.upload label.btn{display:inline-block}.thumb{max-width:96px;max-height:96px;border-radius:6px;border:1px solid var(--rule);background:#fff}.background-row{display:grid;gap:.75rem;padding:1rem 0;border-top:1px solid var(--rule)}.background-row h3{font-size:1.2rem}.band-placer{position:relative;max-width:320px;user-select:none}.band-placer img{width:100%;display:block;border-radius:6px;cursor:crosshair}.band-shade{position:absolute;left:0;right:0;top:0;background:#237a4159;pointer-events:none}.band-line{position:absolute;left:0;right:0;height:0;border-top:3px dashed var(--ball);cursor:ns-resize;touch-action:none}.band-line:before{content:"";position:absolute;left:0;right:0;top:-10px;height:20px}.text-row code{font-size:.8rem;color:var(--ink-soft)}.preview-frame{border:10px solid var(--ink);border-radius:28px;background:#000;max-width:100%}@media(prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}