:root{--paper:#e9e1ca;--ink:#11130f;--red:#ca3b32;--muted:#aba993}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 'IBM Plex Mono',monospace}a{color:inherit}header{max-width:1400px;margin:auto;padding:24px 32px;border-bottom:1px solid #464939;display:flex;align-items:center;justify-content:space-between;gap:20px}header>a:first-child{font:24px 'Archivo Black',sans-serif;text-decoration:none}header span{font-size:12px;letter-spacing:2px;color:var(--muted)}header>a:last-child{font-size:14px}main{max-width:1250px;padding:32px;margin:auto}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600}.heading .eyebrow{color:var(--muted);margin:0 0 8px}h1{font:clamp(28px,4vw,49px)/1.05 'Archivo Black',sans-serif;letter-spacing:-2px;margin:0}h1 span{color:var(--red)}.heading>p{color:var(--muted);max-width:230px;font-size:14px;margin:0}.studio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:36px;align-items:start}.frame{position:relative;border:1px solid #66694f;padding:10px;background:#22271c;box-shadow:8px 8px 0 #080a07}canvas{display:block;width:100%;height:auto;aspect-ratio:1}#loading{position:absolute;inset:35% 10%;text-align:center;background:var(--ink);padding:20px;height:fit-content}.history{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:22px}.history button{width:44px;height:44px;background:transparent;color:var(--paper);border:1px solid #62664d;font-size:22px}.history span{font-size:13px;letter-spacing:2px}.hint{text-align:center;color:var(--muted);font-size:12px}.controls{border:1px solid #555a43;background:#1a1e15;padding:26px}.tabbar{display:flex;border:1px solid #74785e;margin-bottom:28px}.tabbar button{width:50%;padding:11px;background:none;border:0;color:var(--muted);font:600 14px 'IBM Plex Mono'}.tabbar .selected{background:var(--paper);color:var(--ink)}.file-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:18px}.stamp{font-size:12px;border:2px solid var(--red);color:#ee7466;padding:3px 6px;transform:rotate(-6deg)}label{display:block;margin:17px 0 7px;font-size:14px}label span{float:right;color:var(--muted);font-size:12px}select,textarea{width:100%;border:1px solid #676d4c;background:#0e110c;color:var(--paper);font:16px/1.5 'IBM Plex Mono',monospace;padding:10px;border-radius:0}textarea{resize:vertical;min-height:86px}button{cursor:pointer;min-height:44px}button:disabled{opacity:.4;cursor:default}button:not(:disabled):hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ee7466;outline-offset:4px}.assignment{border-block:1px dashed #666c50;margin:24px 0;padding:14px 0}.assignment p{margin:0 0 8px}.assignment .eyebrow{color:#c6caab}.assignment small{color:var(--muted);font-size:13px}.generate,.download{display:block;width:100%;padding:14px 8px;font:600 14px 'IBM Plex Mono';letter-spacing:1px}.generate{background:var(--red);border:1px solid var(--red);color:white}.download{margin-top:10px;background:transparent;color:var(--paper);border:1px solid var(--paper)}#status{font-size:12px;color:var(--muted);margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #464939;margin-top:40px;padding-top:24px;font-size:12px;color:var(--muted)}@media(max-width:760px){header{padding:18px}header span{display:none}main{padding:24px 16px}.heading{display:block}.heading>p{max-width:none;margin-top:12px}.studio{grid-template-columns:1fr;gap:18px}.controls{padding:20px}footer{flex-direction:column;gap:12px}.hint{display:none}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:no-preference){.frame{transition:background .2s}.generate:active{transform:translateY(2px)}}