.creative-project{--art-ink:#6b4058;--art-paper:#f6e8e4;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--art-paper);font:11px/1.4 "Lucida Grande","Lucida Sans",Arial,sans-serif;color:var(--art-ink);container-type:inline-size}.creative-project *{box-sizing:border-box}.creative-stage{position:relative;flex:1;min-height:160px;overflow:hidden;isolation:isolate;touch-action:none}.creative-canvas{visibility:hidden;display:block;width:100%;height:100%;position:absolute;inset:0;cursor:crosshair;touch-action:none;outline:none}.creative-canvas:focus-visible{outline:2px solid #7ba9d4;outline-offset:-4px}.creative-hint{position:absolute;left:0;right:0;bottom:13px;text-align:center;pointer-events:none;font-size:10px;letter-spacing:.02em;color:var(--art-ink);opacity:.65;margin:0;transition:opacity .5s}.creative-hint-used{opacity:.3}.creative-controls{flex:none;display:flex;align-items:center;gap:17px;padding:11px 15px;background:linear-gradient(#f9f9fb,#e1e5ea);border-top:1px solid #afb7c0;box-shadow:inset 0 1px #fff;color:#455264;min-height:59px}.creative-controls label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.creative-controls select{font:11px "Lucida Grande","Lucida Sans",Arial,sans-serif;border:1px solid #a1aaba;border-radius:5px;background:linear-gradient(#fff,#eef2f7);color:#455264;padding:5px 4px;width:98px;min-height:28px}.creative-slider{min-width:70px;flex:1}.creative-slider input{accent-color:#78a7d5;width:100%;min-width:40px;max-width:100px;height:24px}.creative-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.creative-controls button{font:11px "Lucida Grande","Lucida Sans",Arial,sans-serif;white-space:nowrap;border:1px solid #8c9ba8;border-radius:13px;background:linear-gradient(#fff 0%,#f5f7fa 45%,#d9e0e7 51%,#f3f7fa);color:#344554;padding:5px 11px;min-height:28px;box-shadow:inset 0 1px #fff,0 1px 1px #0002;text-shadow:0 1px #fff;cursor:pointer}.creative-controls button:active,.creative-controls button[aria-pressed=true]{background:linear-gradient(#cce9ff,#79b8ed 48%,#4c94d2 51%,#a0d4f6);border-color:#6b9cc7}.creative-controls button:focus-visible,.creative-controls select:focus-visible,.creative-controls input:focus-visible{outline:3px solid #7cb5e7;outline-offset:2px}.creative-fallback{position:absolute;inset:35% 20px auto;text-align:center}.creative-fallback[hidden]{display:none}.creative-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.creative-dark .creative-hint{text-shadow:0 1px 8px #070d25}.mac-window.mac-art .mac-window-bottom{display:none}.mac-window.mac-art .mac-app-body{background:#f6e8e4}
@container(max-width:740px){.creative-controls{flex-wrap:wrap;gap:7px 14px;padding:9px 12px}.creative-palette-label{flex:1}.creative-slider{flex:1;max-width:180px}.creative-actions{justify-content:flex-end;margin-left:0}.creative-controls .creative-slider:last-of-type{margin-right:0}.creative-controls button,.creative-controls select{min-height:36px}.creative-hint{bottom:12px}}@container(max-width:480px){.creative-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:8px 10px}.creative-palette-label{grid-column:1}.creative-controls label{justify-content:space-between;font-size:10px}.creative-controls select{width:98px}.creative-slider{max-width:none;min-width:0}.creative-slider input{max-width:100px;min-width:32px}.creative-slider:nth-of-type(3){grid-column:1}.creative-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.creative-controls button,.creative-controls select{min-height:44px}.creative-controls input{height:32px}.creative-stage{min-height:180px}.creative-hint{font-size:10px;padding:0 10px}}
@media(pointer:coarse){.creative-controls button,.creative-controls select{min-height:44px}}@media(prefers-reduced-motion:reduce){.creative-hint{transition:none}}

.creative-canvas.creative-painted{visibility:visible}

@media(max-height:500px){.creative-stage{min-height:0}.creative-hint{display:none}.creative-controls{padding-block:5px;gap:4px 10px}}