/* MomentLoop V4 premium editorial editor; intentionally reduces generic badges and boxed controls. */
:root{--v4-ink:#f6f5f2;--v4-muted:#b7b8bb;--v4-accent:#ff7768}
.studio{background:#151619}
.studio-top{height:57px;padding:7px 16px;border-bottom:1px solid #24272b;background:#16171a}
.studio-top .brand{letter-spacing:-1.15px;font-size:20px;font-weight:830}
.studio-top .back{font-size:30px}
.studio-top .quiet{background:#24262b;border:1px solid #404248;padding:8px 14px;border-radius:999px;font-size:12px}
.editing-stage{min-height:calc(100dvh - 57px - env(safe-area-inset-bottom))}
.canvas-box,.canvas-box.landscape{height:clamp(230px,42dvh,410px);min-height:230px;background:#242329;isolation:isolate}
.canvas-box.landscape{height:clamp(200px,33dvh,320px);min-height:200px}
.canvas-ambient{position:absolute;inset:-25px;background:#403840 center/cover no-repeat;filter:blur(23px) brightness(.42) saturate(.74);transform:scale(1.07);z-index:-1;pointer-events:none}
.canvas-box::after{position:absolute;inset:0;content:'';pointer-events:none;border-block:1px solid #ffffff15}
.canvas-box canvas{object-fit:contain;max-width:100%;max-height:100%;position:relative;z-index:1;box-shadow:0 0 28px #0003}
.canvas-mark{right:11px;bottom:8px;font-size:9px;color:#ffffff9c;letter-spacing:1px;font-weight:700}
.stage-controls{min-height:47px;background:#1a1b1f;border-bottom:1px solid #28292d;padding:8px 16px;gap:7px}
.stage-controls #mediaType{color:#ffab9c;letter-spacing:1.6px}
.mini-action{font-size:11px;color:#d7d6d5;background:transparent;border:1px solid #3b3d43;border-radius:999px;padding:8px 11px}
.mini-action:active{background:#414145}
.toolstrip{padding:6px 9px 0;background:#1a1b1f;border-bottom:1px solid #2d2f34}
.toolstrip button{gap:5px;padding:8px 1px 10px;color:#91969f;font-size:11px;font-weight:650;letter-spacing:.05px}
.toolstrip button span{display:flex;align-items:center;justify-content:center;line-height:25px;height:26px}
.toolstrip button span svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.toolstrip button.selected{color:#fff;border-color:var(--v4-accent)}
.toolstrip button.selected span{color:var(--v4-accent)}
.tools{min-height:156px;background:#1a1b1e;padding:12px 13px 14px}
.tool-title{align-items:center;padding:1px 3px 12px}
.tool-title b{font-size:15px;font-weight:760;letter-spacing:-.3px}
.tool-title small{color:#979b9f;font-size:10px;max-width:173px}
.choices{gap:11px;overflow-x:auto;scrollbar-width:none;padding:0 2px 8px;touch-action:pan-x}
.choices::-webkit-scrollbar{display:none}
.choice{flex:0 0 88px;gap:8px;color:#a9aaad}
.choice .thumb{width:88px;height:99px;position:relative;border-radius:14px;border:2px solid #323439;background:#2b2c31;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}
.choice .thumb canvas,.choice .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.choice.selected .thumb{border:2px solid var(--v4-accent);box-shadow:0 0 0 2px #ff77682c,0 6px 14px #0004}
.choice-label{display:block;white-space:normal;line-height:1.22;font-size:11px;font-weight:580;min-height:26px;max-width:90px}
.choice.selected .choice-label{font-weight:770;color:#fff}
.original-indicator{position:absolute;left:6px;bottom:6px;background:#111b;padding:4px 5px;border-radius:4px;color:#fff;font-size:8px;font-weight:850;letter-spacing:.7px}
.editor-bottom{grid-template-columns:40% 1fr;gap:10px;border-top:1px solid #333439;background:#151619;padding:12px 14px max(14px,env(safe-area-inset-bottom))}
.editor-bottom .secondary{background:#27292d;color:#e9e8e6;border:1px solid #393b40;font-weight:690;border-radius:12px}
.editor-bottom .primary{background:linear-gradient(125deg,#fc695e,#ff816e);border-radius:12px;box-shadow:0 4px 17px #ff77681c;font-size:14px}
.face-notice{padding:16px 18px;border:1px solid #474246;background:linear-gradient(130deg,#2c292e,#232428);border-radius:13px;display:flex;flex-direction:column;gap:7px}
.face-notice b{color:#fff4e9;font-size:13px}
.face-notice p{margin:0;color:#c1bdc0;font-size:12px;line-height:1.45}
.face-switch{background:none;border:none;color:#ffaaa0;font-size:12px;font-weight:770;align-self:flex-start;padding:6px 0}
.small-note{color:#9f9d9d;line-height:1.45;padding:7px 4px;margin:0}
.sheet-content{background:#faf8f5;border-radius:26px 26px 0 0}
.sheet-title h2{font-size:25px;letter-spacing:-.9px}
@media(max-width:359px){.canvas-box{height:clamp(210px,39dvh,340px)}.choice{flex-basis:78px}.choice .thumb{width:78px;height:89px}.toolstrip button{font-size:10px}.mini-action{font-size:10px;padding:7px 6px}}

/* Large, legible previews: selected effects are actual edited previews, not badges. */
.choice{flex-basis:104px;gap:7px}.choice .thumb{width:104px;height:118px;border-radius:14px}.choice-label{max-width:106px;min-height:26px;font-size:11px}.face-notice{padding:13px 15px;gap:5px}.face-notice p{font-size:11px}.face-switch{padding:4px 0}
@media(max-width:359px){.choice{flex-basis:89px}.choice .thumb{width:89px;height:102px}}