:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17130f;--paper:#fffdf5;--yellow:#ffd84d;--pink:#ff5c8a;--blue:#55c7ff;--green:#7de2a8;--purple:#c7a4ff;--muted:#665f56;--border:3px solid var(--ink);color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px), var(--paper);background-size:28px 28px;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}button,#editor{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.skip-link{z-index:100;border:var(--border);background:#fff;padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,main,footer{width:min(1400px,100% - 2rem);margin-inline:auto}.site-header{border:var(--border);background:var(--paper);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1rem;display:flex}.wordmark{letter-spacing:-.08em;align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.2rem,3vw,1.75rem);font-weight:950;text-decoration:none;display:inline-flex}.wordmark span{background:var(--yellow);letter-spacing:0;border:2px solid;padding:.15rem .35rem;transform:rotate(-2deg)}.site-header>p{color:var(--muted);text-align:right;margin:0;font-weight:700}.step{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:900}.eyebrow{background:var(--pink);border:2px solid;padding:.3rem .55rem;display:inline-block}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.07em;margin:.4rem 0 .35rem;font-size:clamp(1.8rem,5vw,2.8rem);line-height:.96}.orientation-copy,.receiver-copy>p{max-width:46rem;margin-bottom:0;font-size:.95rem;line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"orientation creator""editor preview";gap:1.25rem;margin-top:0;display:grid}.workspace-intro,.creator-card{border:var(--border);min-width:0;box-shadow:5px 5px 0 var(--ink)}.workspace-intro{background:var(--paper);grid-area:orientation;justify-content:space-between;align-items:end;gap:1rem;padding:1rem;display:flex}.workspace-intro h1,.creator-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:.98}.workspace-intro h1{margin-top:.4rem}.orientation-copy{margin-top:.85rem}.creator-card{background:var(--purple);grid-area:creator;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.creator-card .step{margin-bottom:.25rem}.creator-card p{margin:.2rem 0 0;font-weight:700}.creator-card .creator-role{margin-top:.1rem;font-weight:900}.creator-availability{border:2px solid var(--ink);text-transform:uppercase;background:#fff;padding:.2rem .4rem;font-size:.8rem;display:inline-block}.creator-card a:not(.creator-qr-link){min-height:2.75rem;margin-top:.2rem;padding:.7rem .25rem;font-weight:900;display:inline-block}.creator-qr-link{border:2px solid var(--ink);background:#fff;flex:0 0 5.25rem;padding:.35rem}.creator-qr-link canvas{image-rendering:pixelated;display:block;width:100%!important;height:auto!important}.panel,.takeaway,.privacy,.receiver-copy{border:var(--border);box-shadow:7px 7px 0 var(--ink);background:#fff}.panel{min-width:0;overflow:hidden}.editor-panel{flex-direction:column;grid-area:editor;display:flex}.panel-heading{border-bottom:var(--border);background:var(--yellow);justify-content:space-between;align-items:center;gap:1rem;min-height:4.15rem;padding:.8rem 1rem;display:flex}.preview-panel .panel-heading,.receiver-preview .panel-heading{background:var(--blue)}.panel-heading h2,.takeaway h2,.receiver-copy h1{margin:0}#editor{background:#211d19;flex:1;min-height:clamp(18rem,44vh,32rem);overflow:auto}#editor .cm-editor{min-height:inherit}#editor .cm-scroller{min-height:inherit;overflow:auto}#editor .cm-focused{outline:4px solid var(--pink);outline-offset:-4px}#editor .cm-content{min-height:calc(clamp(18rem,44vh,32rem) - 2rem)}.preview-frame-shell,iframe{display:block}.preview-panel{flex-direction:column;grid-area:preview;display:flex}.preview-frame-shell{flex:1;min-height:clamp(18rem,44vh,32rem)}#preview{width:100%;height:100%;min-height:inherit;background:#fff;border:0;display:block}#preview.preview-focus-visible{outline:4px solid var(--pink);outline-offset:3px}.live-badge{text-transform:uppercase;background:#fff;border:2px solid;padding:.35rem .55rem;font-size:.8rem;font-weight:900}.button{border:2px solid var(--ink);min-height:2.75rem;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:0;padding:.65rem .9rem;font-weight:900}.button:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.button:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.button:focus-visible,summary:focus-visible,a:focus-visible,#preview.preview-focus-visible{outline:4px solid var(--pink);outline-offset:3px}.button-primary{background:var(--yellow)}.button-quiet{box-shadow:none;background:0 0}.button-quiet:hover:not(:disabled),.button-quiet:focus-visible:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button-quiet:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(0)}.button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.status,.error{min-height:1.5em;color:var(--muted);margin:.7rem 0 0;font-size:.95rem;font-weight:700}.status:empty,.error:empty{display:none}.error{color:#a3152d}.editor-panel>.status{border-top:2px solid var(--ink);background:#fff;margin:0;padding:.55rem 1rem}.safety-note{border:3px solid var(--ink);background:var(--yellow);margin:1rem 0;padding:.9rem 1rem;font-weight:700}.takeaway{background:var(--green);grid-template-columns:minmax(0,1fr) auto;gap:2rem;margin-top:1.5rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.takeaway h2,.receiver-copy h1{letter-spacing:-.05em;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95}.budget{background:#fff;border:2px solid;max-width:38rem;margin:1.5rem 0;padding:1rem}.budget-row{justify-content:space-between;gap:1rem;display:flex}progress{width:100%;height:1.25rem;accent-color:var(--pink);margin-top:.65rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.qr-card{border:var(--border);text-align:center;background:#fff;align-self:center;width:min(100%,25rem);padding:1rem}.qr-card canvas{image-rendering:pixelated;display:block;width:100%!important;height:auto!important}.qr-card p{margin:.75rem 0 0;font-weight:900}.privacy{margin:1.5rem 0 3rem;padding:1rem 1.25rem}.privacy summary{cursor:pointer;font-weight:900}.privacy p{max-width:65rem;line-height:1.6}footer{padding:1rem 0 2rem;font-weight:700}.receiver-page{background-color:var(--paper)}.compact-header{min-height:5rem}.receiver-shell{grid-template-columns:minmax(20rem,.7fr) minmax(0,1.3fr);gap:1.25rem;padding:clamp(1rem,4vw,4rem) 0;display:grid}.receiver-copy{background:var(--yellow);align-self:start;padding:clamp(1.25rem,4vw,2.5rem)}.receiver-copy .eyebrow{background:var(--pink)}.receiver-preview{flex-direction:column;display:flex}.receiver-preview .preview-frame-shell{flex:1;min-height:0}.receiver-preview iframe{width:100%;height:100%;min-height:60vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.workspace,.takeaway,.receiver-shell{grid-template-columns:1fr}.workspace{grid-template-areas:"orientation""editor""preview""creator"}.creator-card{align-items:start}.workspace{margin-top:0}.qr-card{justify-self:center;width:min(100%,30rem)}.site-header>p{display:none}textarea,iframe{min-height:23rem}.panel-heading{flex-wrap:nowrap;align-items:center}.panel-heading button{white-space:nowrap;max-width:10.5rem;padding:.55rem .75rem;font-size:.9rem}}@media (width<=520px){.site-header,main,footer{width:min(100% - 1rem,1400px)}h1{font-size:clamp(1.8rem,9vw,2.7rem)}.takeaway{box-shadow:4px 4px 0 var(--ink)}.panel-heading button{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}