.editor{gap:var(--gap);grid-template-columns:minmax(0,1fr);margin-top:1.5rem;display:grid}@media (width>=62rem){.editor--active{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}}.dropzone{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-1);text-align:center;padding:clamp(2rem,1.2rem + 3vw,3.25rem) clamp(1.15rem,3vw,2rem);transition:background-color .12s,border-color .12s;position:relative}.dropzone:before{content:"";border:1px dashed var(--rule);pointer-events:none;transition:border-color .12s;position:absolute;inset:9px}.dropzone--over{--rule:var(--accent);background:var(--accent-soft)}.dropzone h2{margin:0 0 .5rem;font-size:1.25rem}.dropzone p{color:var(--ink-soft);max-width:32rem;margin:0 auto 1.35rem}.dropzone .stamp{text-align:left;margin:1.35rem auto 0}.url-form{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:34rem;margin:1.5rem auto 0;display:flex}.url-form label{text-align:left;font-family:var(--font-mono);flex:100%;font-size:.8rem;font-weight:600}.url-form input{flex:16rem;min-width:0}.url-form input:disabled{opacity:.6}.divider{max-width:34rem;color:var(--ink-faint);font-family:var(--font-mono);align-items:center;gap:1rem;margin:1.5rem auto;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--rule);flex:1}.preview{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.preview__panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-sunk);flex-direction:column;margin:0;display:flex;overflow:hidden}.preview__panel h3{font-family:var(--font-mono);color:var(--ink-soft);background:var(--paper);border-bottom:1px solid var(--rule);margin:0;padding:.55rem .85rem;font-size:.8rem;font-weight:600}.preview__frame{aspect-ratio:1;background:repeating-conic-gradient(var(--paper-checker) 0% 25%, var(--paper) 0% 50%) 50% / 18px 18px;place-items:center;padding:.75rem;display:grid}.preview__frame img,.preview__frame canvas{object-fit:contain;background:var(--paper);max-width:100%;max-height:100%;box-shadow:var(--shadow-1)}.preview__meta{font-family:var(--font-mono);color:var(--ink-faint);border-top:1px solid var(--rule);background:var(--paper);flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;padding:.5rem .85rem;font-size:.78rem;display:flex}.preview__meta b{color:var(--ink);font-weight:600}.settings{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);box-sizing:border-box;gap:1.25rem;padding:1.25rem;display:grid;overflow:hidden}.settings fieldset{border:0;min-width:0;margin:0;padding:0}.settings legend{font-family:var(--font-mono);color:var(--ink);margin-bottom:.5rem;padding:0;font-size:.8rem;font-weight:600}.segmented{background:var(--paper-sunk);border:1px solid var(--rule);border-radius:calc(var(--radius) + 2px);box-sizing:border-box;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented>div{flex:3.8rem;min-width:0;display:flex}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label{text-align:center;cursor:pointer;border-radius:var(--radius);color:var(--ink-soft);overflow-wrap:break-word;background:0 0;border:0;flex:1;padding:.45rem .35rem;font-size:.84rem;line-height:1.2;transition:background-color .12s,color .12s,box-shadow .12s}.segmented input:checked+label{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1);font-weight:600}.segmented input:focus-visible+label{outline:2px solid var(--focus);outline-offset:1px}.segmented input:disabled+label{opacity:.5;cursor:not-allowed}.segmented label[aria-busy=true]{justify-content:center;align-items:center;gap:.3rem;display:flex}.segmented__spinner{border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;flex:none;width:.7rem;height:.7rem;animation:.72s linear infinite spin}.segmented__note{font-variant-numeric:tabular-nums;font-size:.75rem}@media (prefers-reduced-motion:reduce){.segmented__spinner{animation:none}}.settings__actions{gap:.6rem;display:grid}.settings__page-info{color:var(--ink-faint);margin:0;font-size:.82rem}@page a4-portrait{size:210mm 297mm;margin:0}@page a4-landscape{size:297mm 210mm;margin:0}@page letter-portrait{size:215.9mm 279.4mm;margin:0}@page letter-landscape{size:279.4mm 215.9mm;margin:0}@media print{.print-sheet--a4-portrait{page:a4-portrait;width:210mm;height:297mm;padding:12mm}.print-sheet--a4-landscape{page:a4-landscape;width:297mm;height:210mm;padding:12mm}.print-sheet--letter-portrait{page:letter-portrait;width:215.9mm;height:279.4mm;padding:12mm}.print-sheet--letter-landscape{page:letter-landscape;width:279.4mm;height:215.9mm;padding:12mm}}.status-region{margin:1rem 0 0}.notice{border-radius:var(--radius);border:1px solid;margin:1rem 0 0;padding:.9rem 1.1rem}.notice p{margin:0}.notice p+p{margin-top:.4rem}.notice--error{border-color:var(--err-soft);background:var(--err-bg);color:var(--err)}.notice--info{border-color:var(--rule);background:var(--paper-tint);color:var(--ink-soft)}.notice--warn{border-color:var(--warn-soft);background:var(--warn-bg);color:var(--warn)}.notice strong{margin-bottom:.2rem;display:block}.progress{color:var(--ink-soft);align-items:center;gap:.7rem;font-size:.95rem;display:flex}.spinner{border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;flex:none;width:1.1rem;height:1.1rem;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--rule);animation:none}}.confirm{border:1px solid var(--rule);border-radius:var(--radius);max-width:min(28rem,100vw - 2rem);color:var(--ink);background:var(--paper);box-shadow:var(--shadow-modal);padding:0}.confirm::backdrop{background:var(--scrim)}.confirm__body{padding:1.5rem}.confirm__body h2{margin:0 0 .5rem;font-size:1.15rem}.confirm__body p{color:var(--ink-soft);margin:0}.colour-it{margin-top:1.25rem}.colour-it__caveat{color:var(--ink-soft);margin:.75rem 0 0;font-size:.9rem}.convert__bar[data-astro-cid-brmdfpyo]{padding:calc(env(safe-area-inset-top) + .5rem) .75rem .5rem;border-block-end:1px solid var(--rule);align-items:center;gap:.75rem;display:flex}.convert__back[data-astro-cid-brmdfpyo]{flex:none;font-size:.9rem}.convert__title[data-astro-cid-brmdfpyo]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}
