.studio{max-width:940px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.slot{position:relative;padding:12px;display:grid;grid-template-columns:48px 1fr;column-gap:10px;text-align:left;align-items:center;min-height:100px}.slot-tag{font-size:10px;letter-spacing:.12em;color:var(--muted);grid-column:2}.slot-thumb{grid-column:1;grid-row:1/4;display:grid;place-items:center;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--tint);color:var(--accent)}.slot-thumb img{height:100%;width:100%;object-fit:cover}.slot-label{font-weight:650;font-size:13px;grid-column:2}.slot-sub{font-size:10px;color:var(--muted);grid-column:2}.slot.filled{border-style:solid}.sticky-preview{position:sticky;top:0;z-index:12;background:var(--bg);padding:8px 0 12px}.reg-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:8px}.dim{margin-left:auto;font-variant-numeric:tabular-nums}.dl-mini{font-size:12px;text-decoration:none;border:1px solid var(--line);padding:8px 12px;border-radius:10px;min-height:44px;align-content:center;background:var(--paper)}.lighttable{border:1px solid var(--line);background:var(--tint);border-radius:18px;padding:14px;display:grid;place-items:center}.reg-mark{display:none}.stage{width:min(100%,230px,37dvh);aspect-ratio:1;border-radius:12px;overflow:hidden;display:grid;place-items:center}.stage img{display:block;width:100%;height:100%;object-fit:contain}.empty{font-size:12px;line-height:1.8;text-align:center;color:var(--muted)}.tabs{display:flex;gap:4px;background:var(--tint);padding:4px;border-radius:13px;margin-top:12px}.tab{flex:1;min-height:48px;display:grid;place-items:center;border:0;background:none;color:var(--muted);font-size:12px;border-radius:10px}.tab.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 5px #0001}.tab-sub{font-size:10px;color:var(--muted)}.tabpanel{display:none}.tabpanel.active{display:block}.control{margin:16px 0 24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.control.disabled{opacity:.45;pointer-events:none}.control-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;align-items:center;margin:5px 0}.control-head .name,.val{font-weight:650}.val{font-variant-numeric:tabular-nums}.slider-row{display:flex;align-items:center;gap:8px}.slider-row input{min-width:0}.step-btn,.dpad button{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-width:44px;min-height:44px;padding:11px}.step-btn svg,.dpad svg{display:block;width:20px;height:20px}.control-hint,.dpad-info .hint{font-size:11px;color:var(--muted);line-height:1.7;margin:7px 0 15px}.dpad-row{display:flex;align-items:center;gap:16px;margin-top:14px}.dpad{grid-template-columns:repeat(3,44px);flex-shrink:0}.cell-up{grid-column:2}.cell-left{grid-column:1}.cell-down{grid-column:2}.dpad-info .name{font-size:12px;color:var(--muted)}.dpad-info .val{font-size:12px}.ring-status{font-size:12px;line-height:1.7;background:var(--tint);padding:12px;border-radius:10px;margin-bottom:10px}.ring-status.warn{color:var(--error)}.reset-btn{width:100%;min-height:44px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:12px;margin-top:12px}.pick-wrap{position:relative;max-width:220px;margin:auto;cursor:crosshair}.pick-wrap img{display:block;width:100%;border-radius:10px}.pick-mark{display:none;position:absolute;width:20px;height:20px;border:2px solid #ff5844;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.adjust-body{padding-bottom:12px}#result-area{position:sticky;bottom:0;z-index:14;background:var(--bg);padding:10px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin:0 0 22px}#result-area .hint{margin-bottom:7px;text-align:center}.spinner{width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:850px){.intro h2 br{display:none}.slots{max-width:100%}.studio-workbench{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.sticky-preview{top:20px}.stage{width:100%;max-width:350px}.control{margin-top:8px}.lighttable{padding:20px}.slots .slot{grid-template-columns:60px 1fr}.slot-label{font-size:15px}.slot-sub{font-size:12px}#result-area{position:static;max-width:400px;margin:20px auto}}