body.mosaic-theme{--accent:#6848d8;--accent-soft:#e8e0ff}.mosaic-theme .tool-stamp{background:#6848d8}.mosaic-theme .privacy-dot{background:#6848d8}.mosaic-workspace{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.photo-strip-wrap{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:2px solid var(--ink);background:#fff}.photo-strip{display:flex;flex:1;gap:9px;overflow-x:auto;padding:3px 4px 7px}.photo-thumb{position:relative;display:grid;flex:0 0 92px;height:68px;place-items:center;padding:0;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:#eee;cursor:pointer}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb.active{box-shadow:4px 4px 0 var(--ink);outline:3px solid var(--accent-soft)}.photo-thumb .edited-dot{position:absolute;right:5px;bottom:5px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--ink)}.photo-strip-wrap>p{flex:0 0 auto;margin:0;color:var(--muted);font-size:12px;font-weight:900}.paint-stage{position:relative;display:grid;width:100%;height:560px;place-items:center;border:2px solid var(--ink);border-radius:24px;overflow:hidden;background:#d9d8d3;touch-action:none}.paint-stage canvas{display:block;width:100%;height:100%;touch-action:none}.paint-stage.is-drawing{cursor:none}.paint-stage.is-moving{cursor:grab}.paint-stage.is-moving:active{cursor:grabbing}.stage-badge{position:absolute;top:12px;left:50%;padding:7px 11px;border:1.5px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.92);font-size:10px;font-weight:900;pointer-events:none;transform:translateX(-50%)}.brush-cursor{position:absolute;z-index:3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px var(--ink);pointer-events:none;transform:translate(-50%,-50%)}.effect-note{margin-top:12px;padding:10px 11px;border:1.5px dashed var(--ink);border-radius:12px;background:#fffaf0;color:var(--muted);font-size:11px}.effect-note strong{color:var(--ink)}.edit-actions,.view-actions{display:flex;flex-wrap:wrap;gap:7px}.edit-actions .button,.view-actions .button{flex:1 1 120px}.small-panel p{margin:2px 0 0!important}.small-panel .control-row{align-items:flex-start}.small-panel .button{flex:0 0 auto}.batch-working{opacity:.7;pointer-events:none}.batch-working .export-bar::after{content:"Building your ZIP…";font-size:12px;font-weight:900}.mosaic-theme .export-bar{background:#e7ddff}.mosaic-theme .button.accent{background:#6848d8}.mosaic-theme .segments{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.mosaic-workspace{grid-template-columns:1fr}.paint-stage{height:470px}.photo-strip-wrap{padding:12px}}
@media(max-width:680px){.paint-stage{height:390px;border-radius:18px}.photo-thumb{flex-basis:76px;height:58px}.photo-strip-wrap{align-items:flex-end}.head-actions{flex-wrap:wrap;justify-content:center}.mosaic-theme .segments{grid-template-columns:1fr 1fr 1fr}.brush-modes .segment{padding-inline:4px;font-size:11px}}
@media(max-width:390px){.paint-stage{height:340px}.photo-strip-wrap{gap:7px}.photo-strip-wrap>p{font-size:10px}.mosaic-theme .segments{grid-template-columns:1fr}.export-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.photo-thumb.active{box-shadow:3px 3px 0 var(--ink)}}