@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-outline-style:solid}::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--bg-0:#0b1020;--bg-1:#141c34;--bg-2:#1a2444;--lavender:#b8a7ff;--cyan:#7ee0ff;--warm:#f7f1e8;--yellow:#ffe08a;--line:#2e3a66;--danger:#ff8fa3;--font-pixel:"Press Start 2P";--font-body:"IBM Plex Sans"}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--warm);background:radial-gradient(circle at 20% 0%,#243056 0%,transparent 42%),radial-gradient(circle at 90% 10%,#2a2450 0%,transparent 36%),linear-gradient(180deg,var(--bg-0),#090d18 70%,#070a14);font-family:var(--font-body),"IBM Plex Sans",sans-serif;line-height:1.5}a{color:var(--cyan);text-decoration-thickness:1px}a:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:4px solid var(--line);background:rgba(10,16,32,.72);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.brand-mark{color:var(--warm);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-pixel{width:28px;height:28px;image-rendering:pixelated;background:linear-gradient(#b8a7ff,#b8a7ff) 6px 8px/16px 14px no-repeat,linear-gradient(#1a1f3b,#1a1f3b) 4px 6px/20px 18px no-repeat,linear-gradient(#7ee0ff,#7ee0ff) 10px 12px/4px 4px no-repeat,linear-gradient(#7ee0ff,#7ee0ff) 18px 12px/4px 4px no-repeat}.brand-name{font-family:var(--font-pixel),monospace;letter-spacing:.04em;color:var(--lavender);font-size:.75rem}.site-nav{flex-wrap:wrap;gap:1rem;display:flex}.site-nav a{font-family:var(--font-pixel),monospace;color:var(--warm);font-size:.58rem;text-decoration:none}.site-main{flex:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.site-footer{border-top:4px solid var(--line);color:rgba(247,241,232,.75);padding:1rem 1.25rem 1.5rem;font-size:.9rem}.pixel-label,.brand-kicker{font-family:var(--font-pixel),monospace;letter-spacing:.03em;color:var(--cyan);text-transform:uppercase;font-size:.7rem}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;min-height:min(78vh,720px);display:grid}.hero-title{font-family:var(--font-pixel),monospace;color:var(--warm);max-width:14ch;margin:.75rem 0;font-size:max(1.1rem,min(2.4vw,1.7rem));line-height:1.45}.hero-sub{max-width:36ch;margin:0 0 1.25rem;font-size:1.05rem}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.btn{border:3px solid var(--line);font-family:var(--font-pixel),monospace;color:var(--warm);background:var(--bg-2);justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.58rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 4px #000}.btn.primary{background:var(--lavender);color:#12162a;border-color:#1a1f3b}.btn.ghost{background:0 0}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #000}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}.workshop-frame{border:4px solid var(--line);background:repeating-linear-gradient(90deg,transparent,transparent 7px,rgba(126,224,255,.05) 7px,rgba(126,224,255,.05) 8px),var(--bg-1);padding:1rem;box-shadow:8px 8px #000}.preview-canvas{width:100%;height:auto;image-rendering:pixelated;background:#0e1428;border:3px solid #1a1f3b;display:block}.workshop-tools{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}button,.workshop-tools button{font:inherit;cursor:pointer;border:3px solid var(--line);background:var(--bg-2);color:var(--warm);padding:.45rem .65rem;box-shadow:3px 3px #000}button.active,.workshop-tools button.active,.mode-tabs button.active{background:var(--cyan);color:#102038}button:disabled{opacity:.45;cursor:not-allowed}button.danger{border-color:var(--danger)}.fine-print{color:rgba(247,241,232,.7);font-size:.85rem}.section{border-top:3px solid var(--line);margin-top:2.5rem;padding-top:1.5rem}.section h2{margin-top:0}.faq details{border:3px solid var(--line);background:rgba(20,28,52,.8);margin:.6rem 0;padding:.75rem 1rem}.studio-toolbar{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem;display:flex}.mode-tabs,.toolbar-actions,.export-row,.pass-actions{flex-wrap:wrap;gap:.5rem;display:flex}.studio-grid{grid-template-columns:1.1fr .9fr .75fr;gap:1rem;display:grid}.studio-preview-panel,.studio-controls,.arc-block-panel,.pass-panel,.control-block{border:4px solid var(--line);background:rgba(14,20,40,.9);padding:.9rem;box-shadow:5px 5px #000}.studio-side{align-content:start;gap:1rem;display:grid}.control-block{box-shadow:none;margin-bottom:.75rem}.control-block label{gap:.3rem;margin:.55rem 0;font-size:.95rem;display:grid}.control-block label.checkbox{grid-template-columns:auto 1fr;align-items:start}input,select,textarea{border:3px solid var(--line);width:100%;color:var(--warm);font:inherit;background:#0b1020;padding:.45rem .55rem}textarea{resize:vertical;min-height:4.5rem}.seed-line,.status-line,.warn-line{font-size:.9rem}.warn-line{color:var(--yellow)}.project-list{margin:.5rem 0 0;padding:0;list-style:none}.project-list li{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem;display:flex}.arc-block-panel dl{gap:.45rem;display:grid}.arc-block-panel dt{color:var(--cyan);font-size:.75rem}.arc-block-panel dd{margin:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pass-status{font-family:var(--font-pixel),monospace;color:var(--yellow);font-size:.62rem}.page-prose{max-width:68ch}.page-prose h1{font-family:var(--font-pixel),monospace;font-size:1rem;line-height:1.5}@media (max-width:960px){.hero,.studio-grid{grid-template-columns:1fr}.hero{min-height:unset}.hero-title{max-width:none}}:root{--bg-0:#10162b;--bg-1:#1b2442;--lavender:#a99bff;--cyan:#72e5f3;--warm:#fff8e8;--yellow:#f5d66f}body{background:linear-gradient(180deg,#171e39,var(--bg-0)800px)}.site-main{width:min(1360px,100% - 3rem)}.site-header{background:#10162b;flex-wrap:wrap;gap:1rem 2rem;padding:1rem max(1.25rem,50vw - 680px)}.site-nav{align-items:center;gap:.25rem 1.25rem}.site-nav a{font:700 .9rem var(--font-body),sans-serif;align-items:center;min-height:44px;display:flex}.site-nav a:first-child{color:var(--cyan)}.brand-pixel{background:url(/icon.svg) 50%/contain no-repeat;width:40px;height:40px}.brand-name{font-size:.75rem}.site-footer{justify-content:space-between;gap:1rem 3rem;max-width:100%;padding:1.5rem max(1.25rem,50vw - 680px);display:flex}.site-footer p{max-width:60ch}.hero{gap:4rem;min-height:660px;padding:2.5rem 0}.hero-title{max-width:17ch;font-size:max(1.5rem,min(2.5vw,2.6rem));line-height:1.5}.hero-sub{margin:1.5rem 0;font-size:1.2rem}.brand-kicker{font-size:.6rem;line-height:1.8}.hero-copy .fine-print{max-width:49ch;margin-top:1.5rem}.btn{font:700 .95rem var(--font-body),sans-serif;min-height:48px}button{min-height:44px;font-weight:500}button.primary{background:var(--lavender);color:#10162b;font-weight:700}button:hover:not(:disabled){border-color:var(--cyan)}.workshop-frame{border-color:#536091;padding:1rem;position:relative;box-shadow:8px 8px #080b16}.panel-heading{color:#c0c9e5;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.72rem;display:flex}.panel-heading .pixel-label{font-size:.62rem;line-height:1.8}.workshop-frame .preview-canvas{max-width:500px;margin:auto}.workshop-tools{justify-content:center}.workshop-tools button{text-transform:capitalize;font-size:.85rem}.workshop-frame .fine-print{text-align:center}.preview-canvas{image-rendering:pixelated;background:0 0;border:0}.page-title{font-family:var(--font-pixel),monospace;margin:.8rem 0;font-size:max(1rem,min(2.3vw,1.55rem));line-height:1.6}.section-title{font-family:var(--font-pixel),monospace;margin:.75rem 0 1.5rem;font-size:max(1rem,min(2vw,1.55rem));line-height:1.7}.section{margin-top:4rem;padding-top:2.5rem}.example-grid{grid-template-columns:1fr 1fr 1.45fr;gap:1.5rem;margin-top:2rem;display:grid}.example-piece{min-width:0}.example-art{border:3px solid var(--line);background:#1b2442;align-content:center;min-height:320px;padding:1rem;display:grid;box-shadow:5px 5px #080b16}.example-piece h3{color:var(--lavender);margin:.5rem 0}.example-piece a{padding:.7rem 0;font-weight:700;display:inline-block}.arc-story{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.faq{max-width:900px}.faq summary,.seed-details summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:700;display:list-item}summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.studio-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);align-items:start;gap:1.5rem}.studio-preview-panel{padding:1.25rem;position:-webkit-sticky;position:sticky;top:1.25rem}.studio-controls{min-width:0;padding:1.25rem}.studio-preview-panel,.studio-controls,.arc-block-panel,.pass-panel{background:#151d36}.control-block{background:0 0;border:0;margin:0;padding:0}.control-block h3{margin-top:0;line-height:1.8}.studio-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.studio-side h2{line-height:1.8}.studio-side .fine-print{max-width:70ch}.canvas-mat{background-color:#202945;background-image:conic-gradient(#2b3451 25%,transparent 0 50%,#2b3451 0 75%,transparent 0);background-size:24px 24px;border:3px solid #080b16;place-items:center;min-height:200px;display:grid}.canvas-mat .preview-canvas{object-fit:contain;width:100%;max-height:610px}input,select,textarea{border-width:2px;border-color:#46557e;border-radius:0;min-width:0;max-width:100%;min-height:44px}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--cyan);flex:none}input[type=color]{height:44px;padding:.25rem}input[type=file]{padding:.4rem;font-size:.8rem}input[type=range]{accent-color:var(--cyan);padding:0}label{font-size:.95rem}label.checkbox{gap:.6rem;min-height:44px;align-items:center!important;display:flex!important}.lock-row{flex-wrap:wrap;gap:.3rem 1rem;margin:.6rem 0;display:flex}.export-row{align-items:end;margin-top:1rem}.export-row label{flex:180px;gap:.4rem;display:grid}.export-row button{flex:150px}.seed-details{border-top:2px solid var(--line);margin-top:1.5rem;padding-top:.5rem}.seed-details input{margin:.5rem 0}.seed-details p{overflow-wrap:anywhere}.draft-status{color:var(--cyan);min-height:1.5em;font-size:.85rem}.status-line{min-height:1.5em}.save-controls{border-top:2px solid var(--line);margin-top:1.5rem;padding-top:1rem}.save-controls label{gap:.4rem;margin-bottom:.8rem;display:grid}.save-controls .toolbar-actions{align-items:center;margin:.65rem 0}.text-link{padding:.65rem .4rem;font-weight:700}.fine-print{color:#bbc4dd}.pass-status{line-height:1.8}.skip-link{z-index:9999;background:var(--yellow);color:#10162b;padding:.8rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.library-toolbar{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.creation-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;margin-top:2rem;display:grid}.creation-card{border:3px solid var(--line);background:var(--bg-1);min-width:0;padding:1rem}.creation-card .preview-canvas{object-fit:contain;background:#10162b;height:230px}.creation-card h2{overflow-wrap:anywhere;font-size:1.25rem}.creation-card form{margin:1rem 0}.creation-card form label{margin-bottom:.5rem;display:grid}.empty-library{border:3px dashed var(--line);margin-top:2rem;padding:3rem 1.5rem}@media (min-width:1600px){.hero{min-height:740px}}@media (max-width:1050px){.hero{gap:2rem;min-height:580px}.studio-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.example-grid{grid-template-columns:1fr 1fr}.example-piece:last-child{grid-column:1/-1}.example-art{min-height:260px}}@media (max-width:767px){.site-main{width:calc(100% - 2rem);padding-top:1.2rem}.site-header{gap:.35rem;padding:.65rem 1rem}.site-nav{justify-content:space-between;gap:.35rem;width:100%}.site-nav a{font-size:.85rem}.site-footer{padding:1.25rem;display:block}.hero,.studio-grid,.studio-side,.arc-story{grid-template-columns:1fr}.hero{gap:1.5rem;padding:1rem 0}.hero-title{max-width:18ch;font-size:max(1.3rem,min(5.7vw,2rem))}.hero-sub{font-size:1.05rem}.studio-preview-panel{position:static}.studio-preview-panel,.studio-controls{padding:.8rem}.mode-tabs{gap:.3rem;width:100%}.mode-tabs button{flex:85px;padding:.5rem .35rem;font-size:.82rem}.toolbar-actions button{font-size:.9rem}.example-grid{grid-template-columns:1fr}.example-piece:last-child{grid-column:auto}.example-art{min-height:180px}.section{margin-top:2.5rem}.workshop-frame{padding:.7rem;box-shadow:5px 5px #080b16}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(../media/press-start-2p-latin-400-normal.dc03a7a0.woff2)format("woff2"),url(../media/press-start-2p-latin-400-normal.b7ba7548.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.d4d28424.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.1d8ce7f2.woff)format("woff")}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-sans-latin-700-normal.07630039.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-700-normal.6ed53252.woff)format("woff")}