/* Preview context only. The downloadable artwork stays clean. */
.art-canvas{position:relative;isolation:isolate;box-sizing:border-box;height:680px;padding:32px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#e1dbcc55,transparent 64%),#eeeade;box-shadow:inset 0 0 0 1px #17171508}
.art-canvas::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.art-canvas .art-context{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:0;position:relative}
.art-canvas .art-surface{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;max-width:100%;position:relative}
.art-canvas .art-context .art-surface img{display:block;position:static;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain;margin:0;aspect-ratio:auto;box-shadow:2px 10px 20px #2c281b20}
.art-canvas .art-context[data-format=square] .art-surface img{outline:9px solid #fffdf3;box-shadow:2px 12px 24px #2c281b24}
.art-canvas .art-context[data-format=technical] .art-surface img{background:white;box-shadow:1px 4px 7px #2c281b17,3px 14px 24px #2c281b14}
.art-canvas .art-context[data-format=rectangle] .art-surface{width:100%;height:auto;max-height:none;flex:none;box-sizing:border-box;background:#171715;padding:8px 8px 28px;border-radius:4px;box-shadow:0 14px 25px #2c281b20}
.art-canvas .art-context[data-format=rectangle] .art-surface img{width:100%;height:auto;max-height:none;box-shadow:none}
.art-canvas .art-context[data-format=rectangle] .art-surface::after{content:"F / P";position:absolute;bottom:7px;left:50%;transform:translateX(-50%);color:#f7f5e49c;font:9px/1 'Geist Mono'}
.art-canvas .art-context[data-format=rectangle] .art-surface::before{content:"";position:absolute;right:15px;bottom:12px;width:3px;height:3px;border-radius:50%;background:#f7f5e480}
.art-canvas .art-context[data-format=rectangle]:hover .art-surface::before{background:#FFD400}
.art-monitor-stand{display:none}
.art-context[data-format=rectangle] .art-monitor-stand{display:block;position:relative;width:140px;height:36px;border-bottom:6px solid #171715;box-sizing:border-box;flex:none}
.art-context[data-format=rectangle] .art-monitor-stand::before{content:"";position:absolute;inset:0 44px;background:#171715;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.art-canvas .art-purpose{display:block;text-align:center;font:15px/1.4 Geist,Arial,sans-serif;color:#5b5b50}
.kit-stage{padding:0;background:transparent;min-height:0}
.kit-stage figcaption{margin:0;padding:16px 20px;max-width:none;background:#f7f5e4;font-size:12px;line-height:1.5}
@media(min-width:761px){.art-canvas:has([data-format=rectangle]){padding-inline:18px}}
@media(max-width:760px){.art-canvas{height:clamp(360px,62svh,520px);padding:24px 18px;gap:24px}.art-canvas .art-purpose{font-size:14px}.art-canvas:has([data-format=rectangle]){padding-inline:10px}.art-canvas .art-context[data-format=rectangle] .art-surface{padding:5px 5px 22px}.art-canvas .art-context[data-format=rectangle] .art-surface::after{font-size:7px;bottom:6px}.art-context[data-format=rectangle] .art-monitor-stand{width:100px;height:25px;border-bottom-width:4px}.art-context[data-format=rectangle] .art-monitor-stand::before{left:32px;right:32px}.art-canvas .art-context[data-format=square] .art-surface img{outline-width:6px}.kit-stage figcaption{font-size:11px;padding-inline:12px}}