:root{--wall:#f8f6f2;--text:#111;--muted:#0000008c;--line:#0000001a}*{box-sizing:border-box;font-family:VT323,monospace}html,body{height:100%}body{background:var(--wall);color:var(--text);margin:0}.topbar{border-bottom:1px solid var(--line);color:#2a1a1f;letter-spacing:.2px;background:#ffd0dc;justify-content:space-between;align-items:center;margin:0;padding:16px 24px;font-size:18px;display:flex}h1{font-size:40px}a{color:#2a1a1f;font-size:24px;text-decoration:none}.layout{grid-template-columns:1fr 1.2fr;gap:40px;max-width:1200px;margin:30px auto;padding:0 20px 40px;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.sectionTitle{margin:0 0 12px;font-size:30px;font-weight:800}.status{color:var(--muted);margin-top:10px;font-size:12px}.drawSection{align-self:start}#canvas{border:1px solid var(--line);touch-action:none;cursor:url(/pencil-cursor.svg) 1 1,crosshair;background:#fff;width:100%;height:auto;margin-top:20px;display:block}.controls{margin-top:14px}.controlRow{flex-wrap:wrap;align-items:flex-end;gap:16px;padding-top:15px;padding-bottom:15px;display:flex}.controlRow .label{flex-direction:column;gap:4px;min-width:140px;display:flex}#eraser.active{outline-offset:2px;outline:3px solid #000000b3}.titleInput{background:#fff;border-radius:10px;width:100%;margin-top:10px;padding:10px 12px;font-size:14px}#caption{border:none;padding:10px}.buttons{gap:10px;margin-top:10px;display:flex}button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:12px;padding:10px 16px;font-family:Playfair Display,serif;font-weight:800}button:hover{opacity:.92}.colorPicker{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.wheelWrap{flex-shrink:0;width:140px;height:140px;position:relative}#colorWheel{width:140px;height:140px;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;border-radius:50%;display:block;box-shadow:0 0 0 2px #0000001f}.wheelMarker{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:1px solid #111;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000059}.colorPickerMeta{flex-direction:column;gap:12px;min-width:160px;display:flex}.shadeLabel{flex-direction:column;gap:6px;display:flex}#colorValue{appearance:none;background:linear-gradient(to right, #000, var(--shade-end,#111));border-radius:999px;outline:none;width:100%;height:10px}#colorValue::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #111;border-radius:50%;width:16px;height:16px}.currentColorRow{align-items:center;gap:10px;display:flex}.colorPreview{background:#111;border:2px solid #0000002e;border-radius:8px;flex-shrink:0;width:36px;height:36px}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:64px 72px;display:grid}.artCard{gap:14px;display:grid;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.artWindow{left:var(--win-left,10%);right:var(--win-right,10%);top:var(--win-top,15%);bottom:var(--win-bottom,15%);z-index:1;background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.artWindow img{object-fit:contain;max-width:90%;max-height:90%;display:block}.artSquare{place-items:center;display:grid}.frameStage[data-orient=v] .artSquare{aspect-ratio:1;width:100%;height:auto}.frameStage[data-orient=h] .artSquare{aspect-ratio:1;width:auto;height:100%}.artSquare img{object-fit:contain;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(.92)}.frameImg{object-fit:contain;pointer-events:none;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.backboard{z-index:0;background:#fff;position:absolute}.placard{background-color:#fff;padding:10px}.placardTitle{margin:0;font-family:Georgia,serif;font-size:18px;font-weight:600;line-height:1.15}.placardMeta{color:var(--muted);margin-top:6px;font-size:13px}.galleryGrid>*{min-width:0}.frameStage{width:100%;aspect-ratio:var(--stage-ratio,3 / 2);position:relative}.frameImg{max-width:100%!important;max-height:100%!important}img{max-width:100%;height:auto}.marquee{width:100%;height:auto;padding:24px 0;position:relative;overflow:hidden}.track{will-change:transform;gap:26px;padding:18px 20px;display:grid}.track .row{gap:70px;display:flex}.track .row .artCard{flex:none;margin:10px}