.q{padding-top:14px;padding-bottom:40px;min-height:100vh}.q-top{gap:12px;margin-bottom:34px}.q-back,.q-top{display:flex;align-items:center}.q-back{width:36px;height:36px;border-radius:50%;border:none;background:#fff;font-size:24px;line-height:1;color:var(--brown);cursor:pointer;justify-content:center;text-decoration:none}.q-bar{flex:1 1;height:6px;background:#f0e4d4;overflow:hidden}.q-bar,.q-bar i{border-radius:9px}.q-bar i{display:block;height:100%;background:var(--gold);transition:width .4s}.q h1{font-size:24px;line-height:1.4;margin-bottom:14px}.q-next{margin-top:26px}.q-skip{margin:14px auto 0;background:none;border:none;font-size:14px;cursor:pointer}.q-lab,.q-skip{display:block;color:var(--brown2)}.q-lab{font-size:13px;margin:18px 0 6px}.q-opts{display:grid;grid-gap:12px;gap:12px;margin-top:8px}.q-opt{background:#fff;border:1px solid var(--wood2);border-radius:16px;padding:18px;font-size:17px;color:var(--brown);cursor:pointer;text-align:left}.q-opt.on,.q-opt:hover{border-color:var(--gold);background:#fffaf2}.q-toys{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:6px}.q-toy{background:#fff;border:1.5px solid transparent;border-radius:16px;padding:10px 6px 8px;cursor:pointer;color:var(--brown);display:flex;flex-direction:column;align-items:center;gap:4px}.q-toy img{height:64px;width:auto;object-fit:contain}.q-toy span{font-size:13px}.q-toy.on{border-color:var(--gold);background:#fffaf2}.q-tips{list-style:none;padding:0;margin:4px 0 20px;display:flex;gap:8px;flex-wrap:wrap}.q-tips li{background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.q-upload{cursor:pointer}.cr-frame{position:relative;width:300px;height:400px;margin:6px auto 0;overflow:hidden;border-radius:16px;background:#eee3d3;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cr-frame img{left:0;top:0;max-width:none}.cr-frame img,.cr-guide{position:absolute;pointer-events:none}.cr-guide{inset:0;border-radius:16px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}.cr-zoom{display:block;width:300px;margin:14px auto 0;accent-color:var(--gold)}.cr-row{display:flex;gap:10px;justify-content:center;margin-top:12px}.center{text-align:center}.q-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:12px 0 4px}.q-check input{width:18px;height:18px;accent-color:var(--gold)}