:root{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;color:#252331;background:#f5f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label.upload{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,.upload:focus-within{outline:3px solid #7056d8;outline-offset:4px}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdacf}.brand{text-decoration:none;color:inherit;font-size:17px;font-weight:800}.brand-icon{display:inline-grid;place-items:center;color:#fff;background:#7963e8;border-radius:12px;width:37px;height:37px;font-size:27px;vertical-align:middle;margin-right:8px}.privacy{font-size:12px;color:#65616c}main{max-width:1340px;margin:auto;padding:36px 4% 22px}.intro{margin-bottom:27px}.eyebrow{font-size:10px!important;color:#7963e8!important;font-weight:800;letter-spacing:2px}.intro h1{font-size:clamp(26px,3.5vw,44px);line-height:1.35;letter-spacing:-1.7px;margin:9px 0}.intro p{font-size:14px;color:#65616c;margin:8px 0}.mobile{display:none}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.controls{background:#fffdf9;border:1px solid #e3ded6;border-radius:22px;padding:22px}.controls section+section{border-top:1px solid #e9e3da;margin-top:21px;padding-top:17px}h2{font-size:14px;display:flex;align-items:center;gap:9px;margin:0 0 14px}.step{font-size:10px;letter-spacing:1px;color:#8b7dad}.upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:1.5px dashed #b2a3d2;background:#f5f0ff;padding:17px 8px;border-radius:12px;cursor:pointer}.upload:hover{background:#ece4ff}.upload-icon{font-size:24px;color:#7963e8}.upload strong{font-size:13px}.upload span:last-of-type{font-size:10px;color:#756c83}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.hint{font-size:10px;line-height:1.7;color:#756f7c;margin:8px 0 13px}.sample-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#756f7c}.sample-row button{border:0;background:none;color:#7056bc;font-size:10px;font-weight:bold;padding:6px 0}.original{display:flex;align-items:center;gap:12px;margin-top:10px}.original canvas{width:58px;height:58px;background:#fff;border:1px solid #e3ded6;border-radius:10px}.original strong{font-size:11px;display:block;max-width:168px;overflow-wrap:anywhere}.original p{font-size:10px;color:#756f7c;margin:5px 0}.range-label{display:flex;justify-content:space-between;font-size:11px}output{color:#7056bc;font-weight:bold}input[type=range]{width:100%;accent-color:#7963e8;margin:10px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#82798e}.check{font-size:11px;display:flex;gap:7px;align-items:center;margin:15px 0}.check input{accent-color:#7963e8}.primary{width:100%;background:#7963e8;border:0;border-radius:11px;padding:13px;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 0 #5f49bc}.primary:hover{background:#6851d5}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenes button{font-size:10px;border:1px solid #dfd8e8;border-radius:9px;background:#fff;padding:11px 3px;color:#62596e}.scenes button[aria-pressed=true]{background:#eee6ff;border-color:#ac99e1;color:#6243a7;font-weight:bold}.preview-panel{overflow:hidden;border-radius:24px;background:#e7dfef;border:1px solid #dbd1e4;box-shadow:0 13px 40px #6450760b}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;gap:12px}.preview-top{font-size:10px;color:#786a88;background:#f5eff8}.preview-top>span:first-child{font-weight:700;color:#594865}.preview-top i{display:inline-block;background:#9b83cf;width:7px;height:7px;border-radius:50%;margin-right:5px}.canvas-wrap{width:100%;background:#e7dfef;line-height:0}#world{width:100%;height:auto;max-height:660px;object-fit:contain}.preview-bottom{background:#fffdf9}#status{font-size:11px;line-height:1.6;margin:0;color:#6c6275}.save{border:1px solid #cfc3df;background:#fffdf9;border-radius:10px;padding:11px 18px;font-size:11px;font-weight:bold;white-space:nowrap;color:#554363}.method{max-width:720px;margin:22px auto 0;text-align:center;font-size:10px;color:#7f7683;line-height:1.8}footer{max-width:1340px;padding:22px 4% 30px;margin:auto;display:flex;justify-content:space-between;font-size:10px;color:#8b8290;letter-spacing:1px}footer a{color:#70617e;text-decoration:none;letter-spacing:0}@media(min-width:1100px){.canvas-wrap{max-height:650px}#world{display:block;margin:auto;width:min(100%,650px)}}@media(max-width:760px){header{padding:18px 5%}.brand{font-size:13px}.brand-icon{width:30px;height:30px;font-size:23px}.privacy{font-size:9px;max-width:85px;text-align:right}main{padding:25px 5% 15px}.intro{margin-bottom:22px}.intro p{font-size:12px;line-height:1.8}.workspace{grid-template-columns:1fr;gap:18px}.preview-panel{grid-row:1}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.controls section+section{margin:0;padding:0;border:0}.controls section:last-child{grid-column:1/-1;border-top:1px solid #e9e3da;padding-top:16px}.upload{padding:14px 5px}.upload strong{font-size:10px}.upload span:last-of-type{font-size:8px}.hint{font-size:9px}.original{gap:6px}.original canvas{width:42px;height:42px}.original strong{font-size:9px}.original p{display:none}.sample-row{display:block}.sample-row>span{display:none}.primary{font-size:10px;padding:14px 2px}.check{font-size:10px;gap:2px}.scenes{grid-template-columns:1fr 1fr}.preview-top,.preview-bottom{padding:13px 14px}.preview-top{font-size:9px}.save{padding:10px}#status{font-size:10px}h2{font-size:11px}.method{text-align:left;font-size:9px}footer{font-size:8px}.mobile{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}