main.svelte-19ctnmn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem 1rem 1rem;text-align:center;box-sizing:border-box;background:none}h1.svelte-19ctnmn{font-size:2.2rem;font-weight:700;color:#7c83fd;margin-bottom:1rem;letter-spacing:-1px}.intro.svelte-19ctnmn{max-width:600px;margin:1.5rem auto 1rem;text-align:center;line-height:1.7;font-size:1.08rem;color:#555;background:#fff6fb;border-radius:18px;box-shadow:0 2px 12px #ffb6c114;padding:1.5rem 1rem}.disclaimer.svelte-19ctnmn{font-size:.92rem;color:#b48eae;margin-top:-.5rem;margin-bottom:1.2rem}input[type=file].svelte-19ctnmn{margin:1.2rem 0 1.5rem;display:block;width:100%;max-width:320px;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:12px;padding:.7rem 1rem;font-size:1rem;color:#6b7280;cursor:pointer;transition:border .2s}input[type=file].svelte-19ctnmn:hover{border:1.5px solid #a5b4fc}.preview-block.svelte-19ctnmn{display:flex;flex-direction:column;align-items:center;background:#f1f5ff;border-radius:18px;box-shadow:0 2px 12px #7c83fd14;padding:1.5rem 1rem 1rem;margin-bottom:1.2rem;max-width:350px}.preview-block.svelte-19ctnmn h2:where(.svelte-19ctnmn){color:#7c83fd;font-size:1.2rem;margin-bottom:.7rem}img#preview.svelte-19ctnmn{margin-top:.5rem;border-radius:14px;max-width:90%;max-height:260px;object-fit:contain;box-shadow:0 2px 8px #7c83fd1a;border:2px solid #e0e7ff}button.svelte-19ctnmn{margin-top:1rem;padding:.7rem 1.5rem;background:linear-gradient(90deg,#a5b4fc,#fbc2eb);color:#fff;border:none;border-radius:12px;font-size:1.08rem;font-weight:600;box-shadow:0 2px 8px #7c83fd1a;cursor:pointer;transition:background .2s,transform .1s}button.svelte-19ctnmn:hover{background:linear-gradient(90deg,#fbc2eb,#a5b4fc);transform:translateY(-2px) scale(1.03)}.color-samples.svelte-19ctnmn{margin:1.5rem 0;display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem}.color-box.svelte-19ctnmn{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:18px;box-shadow:0 2px 8px #7c83fd1a;font-size:1rem;font-weight:600;text-align:center;color:#333;background:#fff;border:2px solid #e0e7ff;transition:transform .1s}.color-box.svelte-19ctnmn:hover{transform:scale(1.06);box-shadow:0 4px 16px #7c83fd2e}p.svelte-19ctnmn{margin:.7rem 0}footer.svelte-19ctnmn{margin-top:2.5rem;font-size:.95rem;color:#b48eae;text-align:center;background:#f8fafc;border-radius:12px;padding:1.2rem 0 .7rem;width:100%;max-width:600px;box-shadow:0 2px 8px #ffb6c10f}footer.svelte-19ctnmn a:where(.svelte-19ctnmn){color:#b48eae;text-decoration:underline;margin:0 .5rem}@media (max-width: 600px){main.svelte-19ctnmn{padding:1.2rem .2rem .5rem}.intro.svelte-19ctnmn{padding:1.1rem .5rem;font-size:.98rem}.preview-block.svelte-19ctnmn{padding:1rem .3rem .7rem;max-width:98vw}.color-box.svelte-19ctnmn{width:70px;height:70px;font-size:.92rem}footer.svelte-19ctnmn{font-size:.88rem;padding:.7rem 0 .5rem}}