/* MomentLoop Studio V5 — practical creative controls, native-feeling single view. */
:root{--v5-paper:#fbfaf8;--v5-ink:#1f2833;--v5-muted:#68717b;--v5-line:#e4e6e8;--v5-accent:#f46d5e}
html,body{background:#080b10}
.studio{max-width:850px;background:var(--v5-paper);color:var(--v5-ink);box-shadow:0 16px 90px #0005}
.studio-top{height:59px;background:#fbfaf8;border-bottom:1px solid #ececec;padding:7px 18px}
.studio-top .brand{color:#1b232a;font-size:21px}
.studio-top .back{color:#1b232a;font-size:31px}
.studio-top .quiet{background:#fff;border:1px solid #e1e3e4;color:#1b2830;border-radius:10px;padding:9px 15px}
.top-hint{color:#6c7780}
.empty-stage{background:#fff}
.stage-hero{max-height:535px}
.capture-actions{background:#fff}
.capture-actions button{color:#152638;background:#fafafa;border:1px solid #e5e7e8;border-radius:12px;min-height:83px}
.capture-actions button:last-child{color:#fff;background:#222f3d;border-color:#222f3d}
.capture-actions button span{font-size:25px}
.tiny{color:#6d7580;background:#fff}
.editing-stage{min-height:calc(100dvh - 59px - env(safe-area-inset-bottom));background:#fafafa}
.canvas-box,.canvas-box.landscape{height:clamp(260px,51dvh,560px);min-height:260px;background:#202730}
.canvas-box.landscape{height:clamp(250px,46dvh,490px)}
.canvas-ambient{filter:blur(25px) brightness(.4)}
.canvas-mark{font-size:9px;right:13px;bottom:11px;color:#fff9}
.stage-controls{background:#fbfaf8;min-height:51px;border-bottom:1px solid var(--v5-line);padding:7px 18px}
.stage-controls #mediaType{color:#3b4d60;font-size:10px}
.mini-action{border:1px solid #e1e4e6;color:#35404c;background:#fff;font-size:11px;border-radius:9px;min-height:33px}
.mini-action[aria-pressed=true]{background:#e8edf1;color:#233344;border-color:#cbd8e1}
.toolstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--v5-line);background:#fff;padding:0 7px;gap:0}
.toolstrip button{display:flex;align-items:center;justify-content:center;min-height:51px;padding:10px 2px;color:#69717a;border-bottom:2.5px solid transparent;font-weight:680;font-size:12px;letter-spacing:-.15px;white-space:nowrap}
.toolstrip button.selected{color:#19242f;border-color:var(--v5-accent);font-weight:800}
.toolstrip button:disabled{color:#adb4bc}
.tools{background:#fbfaf8;color:#1b2834;padding:17px 20px 15px;min-height:168px}
.tool-title{padding:0 0 14px;align-items:center}
.tool-title b{font-size:16px;font-weight:820;letter-spacing:-.25px;color:#1b2630}
.tool-title small{font-size:11px;color:#818b92;max-width:260px}
.editor-bottom{background:#fbfaf8;border-top:1px solid #e3e5e7;grid-template-columns:39% 1fr;gap:12px;padding:12px 19px max(16px,env(safe-area-inset-bottom))}
.editor-bottom .secondary{border:1px solid #dfe3e7;background:white;color:#26343f;border-radius:12px;font-size:13px}
.editor-bottom .primary{background:#f46d5e;box-shadow:none;color:white;font-size:14px;border-radius:12px}
.editor-v5-looks,.editor-v5-crops,.editor-v5-options{display:flex;gap:9px;flex-wrap:wrap}
.editor-v5-look,.editor-v5-crop{border:1px solid #e1e4e7;background:#fff;color:#43505b;min-height:42px;padding:10px 16px;border-radius:11px;font-size:13px;font-weight:710}
.editor-v5-look.active,.editor-v5-crop.active{color:#fff;background:#213244;border-color:#213244}
.editor-v5-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.editor-v5-option{min-height:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;padding:12px 13px;background:#fff;color:#1e2b36;border:1px solid #e4e7ea;border-radius:12px}
.editor-v5-option b{font-size:13px;font-weight:790}
.editor-v5-option small{font-size:10px;color:#687580;line-height:1.4}
.editor-v5-option.active{border-color:#f46d5e;background:#fff5f2}
.editor-v5-wait{font-size:13px;line-height:1.6;padding:15px;color:#394957}
.editor-v5-range{display:flex;flex-direction:column;gap:5px;padding:0 3px 11px;margin:0 0 2px;color:#253647}
.editor-v5-range-name{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}
.editor-v5-range-name b{font-weight:730}
.editor-v5-range-name output{font-variant-numeric:tabular-nums;color:#5b6670}
.editor-v5-range input{width:100%;margin:3px 0 6px;accent-color:#f46d5e;cursor:pointer}
.editor-v5-reset,.editor-v5-rotate{min-height:41px;border:1px solid #e0e4e8;background:#fff;border-radius:10px;padding:8px 14px;color:#334555;font-size:12px;font-weight:740}
.editor-v5-rotate{margin-top:10px}
.tools .small-note{font-size:11px;color:#75838e;line-height:1.45;margin:9px 0 0;padding:0}
.tools .panel-field{background:white;border:1px solid #d9e0e5}
.tools .panel-field input{color:#26313c}
.tools .pill{background:white;color:#394856;border:1px solid #dde2e7}
.tools .pill.selected{background:#e9eef2;color:#1e3549;border-color:#839bb3}
.tools .range-wrap span{color:#394956}
.tools .range-wrap input{accent-color:#ed6c5e}
.tools .panel-field input::placeholder{color:#8a959f}
.sheet-content{color:#20262d}
@media(min-width:900px){.studio{max-width:850px}.canvas-box,.canvas-box.landscape{height:min(56dvh,570px)}.tools{min-height:175px}}
@media(max-width:450px){.studio-top{padding:7px 14px}.stage-controls{padding:7px 11px}.toolstrip button{font-size:11px}.tools{padding:15px 14px 12px}.editor-v5-look,.editor-v5-crop{padding:9px 12px;font-size:12px}.editor-v5-options{gap:6px}.editor-v5-option{padding:10px 9px}.editor-v5-option b{font-size:12px}.editor-v5-option small{font-size:9px}.editor-bottom{padding-inline:11px;gap:8px}.canvas-box,.canvas-box.landscape{height:clamp(235px,43dvh,490px)}}
@media(max-width:350px){.toolstrip button{font-size:10px;letter-spacing:-.4px}.editor-v5-crops{gap:6px}.editor-v5-option b{font-size:11px}}