.mosaic-studio-page{max-width:1120px;padding:30px 0 60px}.mosaic-intro{max-width:760px;margin:12px auto 28px;text-align:center}.mosaic-intro h1{max-width:16ch;margin:0 auto 14px;font-size:clamp(42px,6vw,68px);line-height:.98}.mosaic-lead{max-width:60ch;margin:0 auto;color:var(--muted);font-size:15px}.mosaic-privacy{display:flex;gap:12px;align-items:start;max-width:700px;margin:20px auto 0;padding:13px 16px;border:1px solid #b9b99f;border-radius:19px;background:#e7e8d4;color:#514f40;text-align:left}.mosaic-privacy>span{font-size:20px;color:#80503b}.mosaic-privacy p{margin:2px 0;font-size:12px;line-height:1.5}
.mosaic-workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:20px}.mosaic-controls{padding:21px;border-radius:25px;background:#fffaf0}.mosaic-controls .section-top{align-items:start;gap:10px}.mosaic-controls h2,.mosaic-preview h2{margin:0;font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:24px}.mosaic-upload{width:100%;min-height:48px;justify-content:center;margin:12px 0 4px}.mosaic-controls .micro-copy{margin:7px 0;color:#786950;font-size:11px;line-height:1.5}.mosaic-file-name{min-height:1.25em;margin:4px 0;color:#695844;font-size:11px;overflow-wrap:anywhere}.mosaic-divider{height:1px;margin:14px 0;border-top:1px dashed #c9b795}.mosaic-tile-tools{display:flex;align-items:center;gap:5px;flex:none}.mosaic-tile-tools .text-button{min-height:48px;padding:8px;font-size:10px;white-space:nowrap}.mosaic-count{flex:none;min-width:34px;padding:5px 10px;border-radius:99px;background:#ede1ca;color:#68543a;font-size:10px;text-align:center}.mosaic-tile-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:10px 0}.mosaic-tile-gallery:empty{display:none}.mosaic-tile-thumb{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid #d6c6a7;border-radius:9px;background:#eadfc9}.mosaic-tile-thumb img{display:block;width:100%;height:100%;object-fit:cover}.mosaic-tile-thumb span{position:absolute;right:2px;bottom:2px;min-width:15px;padding:1px 3px;border-radius:99px;background:#332a21cc;color:#fffaf0;font-size:8px;text-align:center}.mosaic-more-tiles{grid-column:1/-1;margin:2px;color:#786950;font-size:10px}.mosaic-blend-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:15px 0 2px;color:#514533;font-size:12px}.mosaic-blend-control input{grid-column:1/-1;grid-row:2;width:100%;accent-color:#785f43}.mosaic-blend-control output{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.mosaic-controls .full{min-height:48px;margin-top:9px}.mosaic-status{min-height:1.5em;margin:10px 0 0;color:#725b3d;font-size:11px;line-height:1.5}.mosaic-results{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px}.mosaic-preview{min-width:0;padding:14px;border:1px solid #d6c6a7;border-radius:23px;background:#f5eddc}.mosaic-preview-heading{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:7px;margin-bottom:10px}.mosaic-preview h2{font-size:21px}.mosaic-preview-paper{display:grid;min-height:230px;place-items:center;overflow:hidden;border:1px solid #dfd1b5;border-radius:17px;background:#e8dcc4}.mosaic-preview-paper img,.mosaic-preview-paper canvas{display:block;width:auto;max-width:100%;max-height:620px;object-fit:contain;border-radius:11px}.mosaic-preview-checker{background-color:#fffdf7;background-image:linear-gradient(45deg,#e8e1d5 25%,transparent 25%),linear-gradient(-45deg,#e8e1d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e1d5 75%),linear-gradient(-45deg,transparent 75%,#e8e1d5 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.mosaic-preview-paper img[hidden],.mosaic-preview-paper canvas[hidden]{display:none}.mosaic-empty{max-width:24ch;padding:20px;color:#75664e;font-size:12px;text-align:center}.mosaic-print-hint{margin:9px 2px 0;color:#786950;font-size:10px;line-height:1.45}.mosaic-footnote{max-width:74ch;margin:23px auto 0;color:#75664e;font-size:11px;line-height:1.55;text-align:center}.mosaic-studio-page :focus-visible{outline:3px solid #a8583e88;outline-offset:3px}
@media(max-width:840px){.mosaic-workspace{grid-template-columns:1fr}.mosaic-controls{max-width:700px;width:100%;margin-inline:auto}.mosaic-results{max-width:900px;width:100%;margin-inline:auto}}
@media(max-width:600px){.mosaic-studio-page{padding-top:12px}.mosaic-intro{margin:8px auto 20px}.mosaic-intro h1{font-size:44px}.mosaic-lead{font-size:13px}.mosaic-privacy{align-items:flex-start;padding:12px 13px}.mosaic-privacy p{font-size:11px}.mosaic-controls{padding:17px;border-radius:20px}.mosaic-controls .section-top{flex-wrap:wrap}.mosaic-tile-tools{width:100%;justify-content:space-between}.mosaic-results{grid-template-columns:1fr}.mosaic-preview{padding:12px}.mosaic-preview-paper{min-height:170px}.mosaic-preview-paper img,.mosaic-preview-paper canvas{max-height:520px}.mosaic-tile-gallery{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.mosaic-studio-page *{scroll-behavior:auto}}