/* Encounters Builder/Studio: standalone controls, phone-first */
.mode-strip{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}
.mode-strip button{border:1px solid #33556a;background:#111f31;color:#c7e6ee;font-weight:750;border-radius:12px;padding:12px 17px;min-height:44px}
.mode-strip button.selected{background:#24585e;border-color:#8ae3d3;color:#f0fffb}
#studio:empty{display:none}
#studio{margin-top:12px}
.workshop{border:1px solid #365368;border-radius:15px;background:#0e1a2b;overflow:hidden;box-shadow:0 20px 40px #0004}
.workshop-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #365067;background:#101c2c}
.workshop-nav button{padding:15px 8px;border:0;border-bottom:3px solid transparent;color:#a3c4d2;background:transparent;font-size:12px;font-weight:800}
.workshop-nav button.selected{color:#a6f0dc;border-bottom-color:#79dbc9;background:#182c38}
.workshop-content{padding:17px}
.build-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.build-head h2{margin:0;font-size:22px;font-weight:740}.build-head p{font-size:12px;color:#a3b6c9;line-height:1.5;margin:7px 0 0}
.enemy-pick{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.enemy-chip{border:1px solid #41607c;border-radius:99px;color:#afc8d8;background:#17283a;padding:8px 12px;font-size:12px}
.enemy-chip.selected{background:#2d5657;border-color:#80d9c7;color:white}
.build-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0 16px}
.build-actions button,.build-actions select,.build-panel button:not(.build-btn):not(.danger-btn):not(.frame-thumb),.sprite-tools button{border:1px solid #48657b;border-radius:8px;background:#1b3045;color:#e3f0fb;font-size:12px;padding:10px 12px;min-height:38px}
.build-btn{display:inline-flex;align-items:center;justify-content:center;background:#81d8c8!important;color:#0b2933!important;border:1px solid #81d8c8!important;font-weight:800;border-radius:9px;padding:11px 14px;font-size:13px;min-height:43px;text-decoration:none}
.build-btn.secondary{background:#263f4e!important;border-color:#568b91!important;color:#d1f1ee!important}
.build-btn:hover{filter:brightness(1.08)}
.studio-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.build-panel{background:#142437;border:1px solid #2f475e;border-radius:12px;padding:15px;min-width:0}
.build-panel h3{font-size:14px;color:#d7f4ef;margin:4px 0 11px;letter-spacing:.02em}
.build-panel h3:not(:first-child){margin-top:20px}
.build-panel p{font-size:12px;color:#a5bbc9;line-height:1.5}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.build-field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#b8cbd7;min-width:0}
.build-field input,.build-field select,.wave-panel select{color:#f0f9ff;background:#091726;border:1px solid #3a5971;padding:11px 9px;border-radius:7px;font-size:13px;min-width:0;width:100%;min-height:41px}
.build-field input:focus,.build-field select:focus{outline:2px solid #72d5c4;outline-offset:1px}
.small-note,.subtle{color:#92aabb!important;font-size:11px;line-height:1.5}
.ability-list,.phase-list{display:grid;gap:9px}
.ability-edit,.phase-row{border:1px solid #365168;background:#102135;border-radius:9px;padding:10px}
.ability-heading,.wave-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.sprite-panel{min-width:0}
.animation-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:12px}
.animation-tabs button{background:#1e344a;color:#b9d3df;border:1px solid #3d586f;border-radius:7px;padding:9px 2px;font-size:11px;text-transform:capitalize}
.animation-tabs button.selected{background:#39706b;color:#fff;border-color:#81e0cd}
.sprite-stage{display:flex;justify-content:center;gap:12px;align-items:flex-start;flex-wrap:wrap}
#sprite-editor{width:min(100%,280px);aspect-ratio:1/1;background-color:#243548;background-image:linear-gradient(45deg,#1b2939 25%,transparent 25%),linear-gradient(-45deg,#1b2939 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b2939 75%),linear-gradient(-45deg,transparent 75%,#1b2939 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0;image-rendering:pixelated;border:2px solid #70d2c0;border-radius:7px;touch-action:none;cursor:crosshair}
.sprite-tools{display:flex;flex-direction:column;gap:6px;min-width:98px;flex:1 1 96px}
.sprite-tools button.selected{background:#367269!important;border-color:#91e1d5!important}
.color-picker{font-size:11px;color:#bbd3dc;display:flex;justify-content:space-between;gap:5px;align-items:center}
.color-picker input{width:44px;height:42px;padding:0;background:transparent;border:0}
.frame-controls{padding:14px 0;border-top:1px solid #325168;margin-top:14px}
.frame-controls strong{font-size:11px;letter-spacing:.07em;color:#add9d6}
.frame-thumbs{display:flex;overflow-x:auto;gap:7px;padding:12px 0;max-width:100%}
.frame-thumb{min-width:58px;flex:0 0 58px;border:1px solid #365166;background:#152b41;color:#bcd4e0;border-radius:7px;padding:6px!important;display:flex;flex-direction:column;align-items:center;gap:4px}
.frame-thumb.selected{border-color:#85e0cf;box-shadow:0 0 0 1px #79dbcb inset}
.frame-thumb canvas{width:42px;height:42px;image-rendering:pixelated;background:#0c1a2a}
.frame-thumb span{font-size:10px}
.preview-strip{display:flex;gap:20px;align-items:center;padding:13px;border:1px solid #31566b;border-radius:10px;background:#101c2d}
#sprite-play{width:112px;height:112px;image-rendering:pixelated;flex:0 0 112px;background:radial-gradient(circle,#26495a,#0e1a2c);border-radius:7px}
.preview-strip .compact{margin-top:10px}.preview-strip .compact input{max-width:150px}
.upload-label input[type=file]{display:none}
.wave-list,.file-tiles{display:grid;gap:12px;margin:12px 0}
.file-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.wave-title h3{margin:0}
.wave-actors{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.wave-actor{background:#264556;border:1px solid #477084;border-radius:9px;display:flex;align-items:center;gap:10px;padding-left:12px;color:#d5edf4;font-size:12px}
.wave-actor button{font-size:20px!important;border:none!important;background:transparent!important}
.wave-panel>.build-field{max-width:420px}
.studio-msg{min-height:30px;padding:11px 17px;margin:0;font-size:12px;color:#a0cdbd;border-top:1px solid #2b4459}
.studio-msg[data-error="1"]{color:#ffbcae}
.danger-btn{background:#44252e;color:#ffddd8;border:1px solid #99566a;border-radius:8px;padding:10px 13px;font-size:12px}
button:disabled{opacity:.4;cursor:not-allowed}
.enemy-sprite{width:84px;height:84px;max-width:100%;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--accent));background:transparent}
.enemy-sprite-wrap{display:flex;justify-content:center;align-items:center;height:96px}
@media(max-width:680px){.studio-cols,.file-tiles{grid-template-columns:1fr}.workshop-content{padding:12px}.build-panel{padding:12px}}
@media(max-width:430px){.workshop-nav button{font-size:10px;padding:13px 4px}.build-head h2{font-size:20px}.form-grid{gap:7px}.build-field input,.build-field select{font-size:13px}.sprite-stage{gap:8px}.sprite-tools{flex:1 1 100px}.small-pill{display:none}}