:root{font-family:DotGothic16,Inter,system-ui,-apple-system,sans-serif;color:#f3f4f6;background-color:#0a0a0a;background-image:linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),radial-gradient(circle at 20% 10%,#3f3f46,#111 46%,#020202);background-size:12px 12px,12px 12px,cover}body{margin:0}main{max-width:680px;margin:24px auto 48px;padding:24px;background:linear-gradient(180deg,#222,#101010);border:4px solid #d4d4d8;border-radius:2px;box-shadow:0 0 0 4px #27272a,0 12px 32px #00000073}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(90deg,#18181b,#27272a);color:#f8fafc;border-bottom:4px solid #a1a1aa;box-shadow:inset 0 -4px #09090b}.site-header h1,.site-header h2{margin:0;font-size:1.25rem}.language-control{margin-left:auto}.hero{margin-bottom:16px;padding:14px;border:2px solid #a1a1aa;border-radius:6px;background:linear-gradient(180deg,#18181b,#111827)}.hero-copy{margin:0;font-size:1.1rem;font-weight:700;line-height:1.5;color:#f8fafc}.hero-lead{margin:10px 0 0;color:#e5e7eb;line-height:1.7}.hero-cta{margin-top:12px;border:2px solid #d4d4d8;border-radius:4px;background:#27272a;color:#fafafa;font-weight:700;padding:12px 18px;min-height:44px;cursor:pointer;box-shadow:3px 3px #09090b}.how-to{margin-top:16px;margin-bottom:16px;padding:14px;border:2px solid #a1a1aa;border-radius:6px;background:linear-gradient(180deg,#111827,#0f172a)}.how-to-heading{margin:0;font-size:1rem}.how-to-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}.how-to-item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:4px;align-items:start}.how-to-item:before{content:counter(step);counter-increment:step;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d4d4d8;border-radius:999px;font-size:.85rem;font-weight:700;color:#fafafa;background:#1f2937;margin-top:2px}.how-to-list{counter-reset:step}.how-to-step-title{grid-column:2;margin:0;font-weight:700}.how-to-step-description{grid-column:2;margin:0;color:#e5e7eb;line-height:1.6}.app-description{margin-top:0;line-height:1.7;color:#e5e7eb}.upload-button{display:inline-block;padding:10px 16px;border:2px solid #d4d4d8;border-radius:2px;background:#27272a;color:#fafafa;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:3px 3px #09090b}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-zone{margin-top:16px;padding:28px;border:3px dashed #a1a1aa;border-radius:2px;text-align:center;background:repeating-linear-gradient(45deg,#18181b,#18181b 8px,#27272a 8px 16px);color:#e5e7eb}.upload-button:focus-visible,.drop-zone:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.drop-zone[role=button]{cursor:pointer}.drop-zone.is-dragover{border-color:#f4f4f5;background:#3f3f46;color:#fafafa}.status{margin-top:16px;font-weight:600;color:#e4e4e7}.privacy-notice{margin-top:12px;padding:10px 12px;border:1px solid #a1a1aa;border-radius:8px;background:#18181b;color:#f4f4f5;font-size:.9rem;line-height:1.5}.controls{margin-top:12px;color:#e5e7eb}.download-button{margin-top:16px;border:none;border-radius:8px;background:#f5f5f5;color:#111;font-weight:700;padding:10px 16px;cursor:pointer}.download-button:disabled{background:#71717a;cursor:not-allowed}.action-row{display:flex;gap:12px;margin-top:16px}.action-row .download-button{margin-top:0}.reset-button{margin-top:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font-weight:700;padding:10px 16px;cursor:pointer}.action-hint{margin:8px 0 0;color:#d4d4d8;font-size:.875rem}.toggle-control{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#e5e7eb}.adjustment-control{display:grid;margin-top:10px;gap:4px;font-size:.875rem;color:#e5e7eb}.adjustment-control input[type=range]{width:100%}.adjustment-fields{display:grid;grid-template-columns:minmax(0,1fr) 76px auto;gap:8px;align-items:center}.adjustment-number-input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:.875rem;color:#111827;box-sizing:border-box}.adjustment-reset-button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font-size:.75rem;font-weight:600;padding:6px 10px;white-space:nowrap;cursor:pointer}.adjustment-validation{min-height:1.1em;font-size:.75rem;color:#b91c1c}.preview{margin-top:16px}.preview-heading{margin:0 0 8px;font-size:1rem}.preview-summary{margin:0;font-size:.875rem;color:#d4d4d8;line-height:1.6}.preview-tabs{display:none}.preview-tab{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;padding:8px 12px;font-size:.875rem;font-weight:600}.preview-tab[aria-selected=true]{border-color:#f4f4f5;background:#27272a;color:#f4f4f5}.preview-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-panel{border:2px solid #a1a1aa;border-radius:2px;background:#111;padding:10px}.preview-panel-heading{margin:0 0 8px;font-size:.9rem;color:#e5e7eb}.preview-image{image-rendering:pixelated;display:block;max-width:100%;width:100%;max-height:240px;object-fit:contain;border-radius:8px;border:1px solid #d1d5db;background:#f3f4f6}.preview-image-pixel{image-rendering:pixelated;image-rendering:crisp-edges}.preview-meta{margin:8px 0 0;color:#cbd5e1;font-size:.875rem}.preview-meta-list{margin:8px 0 0;padding-left:18px;color:#cbd5e1;font-size:.8rem;line-height:1.5}.preset-section{margin-bottom:12px}.preset-heading{margin:0 0 8px;font-weight:700;color:#e5e7eb}.preset-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;padding:8px 10px;font-size:.8rem;font-weight:600;cursor:pointer}.preset-button.is-active{border-color:#f4f4f5;background:#27272a;color:#f4f4f5}@media(max-width:430px){main{margin:20px 8px;padding:16px;border-radius:10px}.hero-cta,.upload-button,.download-button,.reset-button,.preset-button{min-height:44px}.hero-cta,.upload-button,.download-button,.reset-button{width:100%;box-sizing:border-box;text-align:center}.how-to-item{grid-template-columns:1fr}.how-to-step-title,.how-to-step-description{grid-column:1}.drop-zone{margin-top:12px;padding:18px 14px;line-height:1.5}.status,.preview-meta,.action-hint{line-height:1.6}.preview-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.preview-tabs.is-disabled{opacity:.7}.preview-grid{grid-template-columns:1fr}.preview-panel.mobile-hidden{display:none}.action-row{flex-direction:column;gap:8px}.preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adjustment-fields{grid-template-columns:minmax(0,1fr) 76px}.adjustment-reset-button{grid-column:1 / -1;width:fit-content}}@media(max-width:360px){.preset-buttons{grid-template-columns:1fr}}@media(max-width:640px){main{margin:12px;padding:16px}.site-header{padding:12px 16px;align-items:flex-start;flex-direction:column}.language-control{margin-left:0}}.site-footer{max-width:680px;margin:0 auto 32px;padding:16px 24px;border:2px solid #a1a1aa;background:linear-gradient(180deg,#111827,#0f172a);color:#e5e7eb}.footer-about{margin:0;line-height:1.6}.footer-links{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.footer-links a{color:#93c5fd}.footer-copyright{display:block;margin-top:12px;color:#d4d4d8}.status[data-tone=success]{color:#1b8f4d}.status[data-tone=error]{color:#c53030}