.wiz{padding:10px clamp(12px,4vw,48px) 40px;scroll-margin-top:10px}.wiz-book{perspective:2200px;filter:drop-shadow(0 26px 40px #020308b3);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);max-width:1120px;margin:0 auto;display:grid}.wiz-left{box-shadow:none;background:linear-gradient(270deg, #e7dcc5 0, var(--paper) 7%);flex-direction:column;min-height:680px;padding:56px clamp(24px,3.4vw,46px) 28px;display:flex;position:relative}.ex{font-family:var(--book);text-align:center;font-size:18px;font-style:italic}.ex-name{font-family:var(--display);text-align:center;overflow-wrap:anywhere;font-size:clamp(38px,4.4vw,60px);line-height:1.05}.ex-list{font-family:var(--book);margin:26px 0 0;padding:0;font-size:17px;list-style:none}.ex-list li{border-top:1px solid var(--line);color:#a39a8b;overflow-wrap:anywhere;padding:8px 0}.ex-list li.on{color:var(--ink)}.ex-photo{width:62%;margin:20px auto 0;transform:rotate(-2deg)}.ex-photo img{aspect-ratio:1;object-fit:cover;border:7px solid #fff;width:100%;display:block;box-shadow:0 6px 14px #1e140859}.ex-photo figcaption{color:var(--ink-soft);text-align:center;margin-top:8px;font-size:13px}.wiz-step{color:var(--ink-soft);margin-top:auto;padding-top:18px;font-size:15px;font-weight:700}.wiz-right{box-shadow:none;background:linear-gradient(90deg, #e7dcc5 0, var(--paper) 6%);transform-origin:0;flex-direction:column;gap:24px;min-height:680px;padding:50px clamp(24px,4vw,60px) 36px;display:flex}.wiz-right h1{font-size:clamp(30px,3.2vw,44px);line-height:1.1}.turn-out{animation:.28s ease-in forwards wiz-out}.turn-in{animation:.28s ease-out wiz-in}@keyframes wiz-out{to{filter:brightness(.72);transform:rotateY(-88deg)}}@keyframes wiz-in{0%{filter:brightness(.72);transform:rotateY(88deg)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--ink);min-width:52px;min-height:52px;color:var(--ink);cursor:pointer;background:0 0;padding:8px 14px;font-size:18px;font-weight:700}.chip:hover{background:var(--paper-shade)}.chip-on,.chip-on:hover{background:var(--ink);color:var(--paper)}.chip-wide{min-width:118px}.chips-small .chip{border-width:1px;border-color:#a39a8b;min-height:42px;font-size:15px;font-weight:600}.wiz-act{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;display:flex}.wiz-act .btn:only-child{margin-left:auto}.wiz .wiz-act .btn{min-width:180px}.drop{text-align:center;cursor:pointer;border:2px dashed #8d8373;justify-content:center;align-items:center;height:210px;display:flex;overflow:hidden}.drop:hover,.drop:focus-within{border-color:var(--ribbon);background:var(--paper-shade)}.drop img{object-fit:contain;width:100%;height:100%}.drop b{font-size:22px;font-family:var(--book);font-weight:600;display:block}.drop small{color:var(--ink-soft);font-size:15px}.tip{color:var(--ink-soft);font-size:16px}.consent{cursor:pointer;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.4;display:grid}.consent input{width:26px;height:26px;accent-color:var(--ribbon);margin:0}.styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.style{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1.5px solid #cfc3ab;flex-direction:column;gap:4px;padding:8px;display:flex}.style img{aspect-ratio:1;object-fit:cover;background:#fff;width:100%}.style b{margin-top:4px;font-size:16px;line-height:1.2}.style small{color:var(--ink-soft);font-size:13px;line-height:1.3}.style-on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.free-line{border-top:1px solid var(--line);padding:14px 0 0;font-size:17px}@media (max-width:800px){.wiz-book{grid-template-columns:1fr}.wiz-left{background:var(--paper);border-bottom:1px solid var(--line);min-height:0;padding:16px 20px 14px}.wiz-left .ribbon,.ex,.ex-list,.ex-photo{display:none}.ex-name{text-align:left;font-size:26px}.wiz-step{margin-top:0;padding-top:2px}.wiz-right{background:var(--paper);min-height:0;padding:24px 20px 28px}.styles{grid-template-columns:1fr}.style{grid-template-columns:76px minmax(0,1fr);column-gap:12px;display:grid}.style img{grid-row:span 2}.wiz .wiz-act .btn{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.turn-out,.turn-in{animation:none}}