:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#f4f7fb;background:#0b0e13;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 5%,#223249 0,#0b0e13 38%),#0b0e13}.shell{max-width:1060px;margin:auto;padding:58px 24px 38px}header{margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#82a9ff;font-weight:700;margin-bottom:12px}h1{font-size:clamp(42px,7vw,76px);line-height:1.03;letter-spacing:-.06em;margin:0}h1 span{color:#87a9ff}.lead{color:#aab4c5;margin:20px 0 0;font-size:16px}.card{background:rgba(19,24,33,.84);border:1px solid #2b3545;border-radius:24px;padding:24px;box-shadow:0 18px 60px #0005}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dropzone{min-height:300px;border:1px dashed #4b5b76;border-radius:18px;padding:22px;display:flex;flex-direction:column;position:relative;cursor:pointer;overflow:hidden;background:#121923;transition:.2s}.dropzone:hover,.dropzone.has-file{border-color:#8caeff;background:#172235}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.number{color:#87a9ff;font-size:12px;letter-spacing:.15em}.upload-title{font-size:20px;font-weight:700;margin-top:38px}.upload-help{font-size:13px;color:#9ca9ba}.preview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}.dropzone.has-file .preview{display:block}.dropzone.has-file:after{content:"画像を変更";position:absolute;right:16px;bottom:14px;background:#0b0e13dd;border-radius:99px;padding:6px 10px;font-size:11px;color:#dbe6ff}.dropzone.has-file .number,.dropzone.has-file .upload-title,.dropzone.has-file .upload-help{position:relative;z-index:1;text-shadow:0 1px 8px #000}.note-label{display:block;color:#aeb9c9;font-size:13px;margin:20px 0 14px}.note-label input{display:block;width:100%;margin-top:7px;background:#0d121a;border:1px solid #334154;border-radius:10px;padding:13px 14px;color:#fff;font:inherit;outline:none}.note-label input:focus{border-color:#87a9ff}button{width:100%;border:0;border-radius:12px;background:#8eafff;color:#081020;padding:15px;font:700 16px inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center}button:disabled{opacity:.55;cursor:wait}.arrow{font-size:24px}.fineprint,footer,.meta{color:#8793a5;font-size:12px}.fineprint{text-align:center;margin:14px 0 0}.status{min-height:24px;text-align:center;color:#9db9f7;margin-top:14px}.result{margin-top:20px}.hidden{display:none}.result-head{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{margin:0;font-size:30px;letter-spacing:-.04em}.download{color:#a8c0ff;font-size:13px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.result-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#0d121a}.result-grid small{display:block;color:#9ba8ba;margin-bottom:7px}footer{text-align:center;padding:28px 0 0}@media(max-width:680px){.shell{padding:34px 14px}.upload-grid,.result-grid{grid-template-columns:1fr}.dropzone{min-height:230px}.result-head{align-items:start;flex-direction:column}}