:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f2f0e8}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(17,17,17,.03) 1px,transparent 1px),#f2f0e8;background-size:28px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 28px;border-bottom:2px solid #111;background:#fffdf4}.brand,.user-menu{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:3px solid #111;border-radius:50%;transform:rotate(-8deg);background:#f8d447}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;width:min(1320px,calc(100vw - 32px));margin:28px auto}.composer-section,.history-section,.side-panel,.auth-panel{border:3px solid #111;background:#fffdf4;box-shadow:8px 8px #111}.composer-section,.history-section{padding:24px}.history-section{grid-column:1 / -1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h1,.section-heading h2,.auth-copy h1{margin:0;max-width:820px;font-size:clamp(2rem,4vw,4.6rem);line-height:.95}.section-heading.compact h2{font-size:2rem}.eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.composer{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.controls{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:800}input,textarea{width:100%;border:2px solid #111;border-radius:0;padding:12px;background:#fff}textarea{resize:vertical}.mode-grid,.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode,.segmented button,.primary,.emulator-link,.file-input{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:10px;border:2px solid #111;background:#fff;color:#111;text-decoration:none;font-weight:900}.mode.selected,.segmented .selected{background:#b7e4d1}.primary{width:100%;background:#111;color:#fffdf4}.primary:disabled{opacity:.6}.file-input{position:relative;min-height:58px;background:#f8d447}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.preview-frame{width:100%;border:3px solid #111;background:#d8d8cf;padding:12px}.preview-frame canvas{display:block;width:100%;aspect-ratio:4 / 3;background:#fff}.side-panel{display:grid;align-content:start;gap:16px;padding:18px}.metric{display:grid;gap:8px;padding:18px;border:2px solid #111;background:#d6e8ff}.metric span{font-weight:800}.metric strong{font-size:1.6rem;line-height:1}.submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.submission{border:2px solid #111;background:#fff}.submission img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-bottom:2px solid #111}.submission-meta,.submission-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;font-weight:800}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid #111;background:#fff;color:#111}.icon-button svg,.primary svg,.file-input svg{width:20px;height:20px}.danger{background:#ffd0d0}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;width:min(1120px,calc(100vw - 32px));margin:64px auto;align-items:center}.auth-copy p:last-child{max-width:560px;font-size:1.18rem;font-weight:700}.auth-panel{display:grid;gap:16px;padding:22px}.error{padding:12px;border:2px solid #111;background:#ffd0d0;font-weight:800;white-space:pre-wrap}.success{padding:12px;border:2px solid #111;background:#d9f2d4;font-weight:800}.empty,.loading{padding:24px;font-weight:800}@media(max-width:900px){.app-grid,.composer,.auth-layout{grid-template-columns:1fr}.topbar{padding:0 16px}.section-heading h1,.auth-copy h1{font-size:2.6rem}}