/* Capture uses the OS camera. This screen never sizes or crops its viewfinder. */
#main.capture-page{position:fixed;inset:0;z-index:100;margin:0;padding:0;min-height:0;height:var(--viewport-h,100dvh);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 50% 25%,#23232c,#0c0c10 65%);color:#fff;overscroll-behavior:contain}
.capture-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(var(--safe-t) + 10px) max(16px,var(--safe-r)) 10px max(16px,var(--safe-l));flex:none}.capture-head strong{font-size:20px}.capture-head .icon-btn{width:46px;height:46px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:50%}
.capture-body{width:min(100%,600px);margin:auto;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px 20px;min-height:min-content}.capture-mark{display:grid;place-items:center;width:76px;height:76px;background:#ffffff08;border:1px solid #ffffff18;border-radius:24px}.capture-mark svg{width:34px;height:34px;color:#d8d5e2}.capture-body h1{font-size:clamp(26px,6vw,40px);line-height:1.12;letter-spacing:-.04em;margin:0}.capture-body>p{font-size:14px;line-height:1.6;color:#b8b8c2;margin:0}.capture-modes{display:flex;gap:4px;background:#ffffff0b;border:1px solid #ffffff15;padding:4px;border-radius:28px;margin-top:10px}.capture-modes button{min-width:96px;min-height:44px;padding:8px 18px;border-radius:24px;color:#aaa;font-size:15px;font-weight:650}.capture-modes [aria-pressed=true]{background:#fff;color:#111}
.capture-shutter{display:grid;place-items:center;width:86px;height:86px;flex:none;border-radius:50%;background:transparent;border:3px solid #fff;padding:5px;box-shadow:0 0 0 6px #ffffff09}.capture-shutter span{width:100%;height:100%;border-radius:50%;background:#fff}.capture-page[data-capture-mode=video] .capture-shutter span{background:#ff315a}.capture-shutter:disabled{opacity:.5}.capture-body #capture-status{min-height:23px;font-size:13px;max-width:100%;overflow-wrap:anywhere}.capture-gallery{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid #ffffff26;border-radius:14px;padding:10px 20px;font-size:15px}.capture-gallery svg{width:20px;height:20px}.capture-more{display:flex;flex:none;justify-content:center;gap:8px;padding:12px max(12px,var(--safe-r)) calc(var(--safe-b) + 16px) max(12px,var(--safe-l));border-top:1px solid #ffffff12}.capture-more button{flex:1;max-width:160px;min-width:0;min-height:46px;border-radius:12px;font-size:13px;color:#c8c8d0;overflow-wrap:anywhere}.capture-more button:hover,.capture-gallery:hover{background:#ffffff0d}
/* Media keeps its own aspect ratio inside the editor. Only deliberate Crop changes it. */
.device-editor .sheet-panel{position:relative;left:0;right:auto;top:0;bottom:auto;width:100%;transform:none;animation:none}.device-editor .creator-stage{min-height:90px}.device-editor .creator-stage canvas{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.device-editor .creator-controls{height:clamp(170px,30dvh,270px);min-height:0;padding:14px 16px calc(var(--safe-b) + 12px)}.device-editor .creator-head strong{font-size:15px}.device-editor .creator-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;min-height:46px}.device-editor .creator-tabs button{flex:1 0 auto;min-width:66px;min-height:46px;font-size:13px;padding:10px 14px}.editor-help{font-size:12px;line-height:1.5;margin:0;color:#b2b2bf}.editor-formats{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.editor-formats button{flex:1 0 auto;min-height:44px;padding:8px 14px;border:1px solid #ffffff25;border-radius:12px;font-size:13px}.editor-formats [aria-pressed=true]{border-color:#cbb7ff;background:#cbb7ff1c}.editor-slider{display:grid;gap:8px;font-size:13px}.editor-slider>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-slider output{color:#bcb2d7;font-variant-numeric:tabular-nums}.editor-slider input[type=range]{min-height:30px}.editor-looks{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:3px;scrollbar-width:none}.editor-looks button{width:76px;flex:none;display:grid;gap:7px;text-align:center;font-size:11px;color:#ccc}.editor-looks img{width:72px;height:72px;border-radius:16px;object-fit:cover;border:2px solid transparent}.editor-looks [aria-pressed=true] img{border-color:#fff}.trim-summary{display:flex;justify-content:space-between;gap:12px;font-size:13px;flex-wrap:wrap}.trim-summary span{color:#aaa}.trim-frames{display:flex;width:100%;min-width:0;overflow:hidden;border:1px solid #ffffff2a;border-radius:10px;background:#16161b}.trim-frames canvas{width:16.6667%;height:auto;min-width:0;aspect-ratio:5/3;object-fit:contain}.device-editor .group-tools{flex-wrap:wrap}.device-editor input:not([type=range]):not([type=color]),.device-editor textarea,.device-editor select{font-size:16px!important}
@media(min-width:768px){#main.capture-page{left:var(--rail-w);width:auto}.capture-body{gap:22px}.device-editor{width:100vw!important;max-width:1100px!important}.device-editor .sheet-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto 36px 46px minmax(0,1fr)}.device-editor .creator-head{grid-column:1/-1}.device-editor .creator-stage{grid-column:1;grid-row:2/5}.device-editor #creator-status{grid-column:2;grid-row:2;align-self:start;padding-top:14px}.device-editor .creator-tabs{grid-column:2;grid-row:3}.device-editor .creator-controls{grid-column:2;grid-row:4;height:auto;max-height:none}.device-editor #creator-cancel-export{grid-column:1/-1}}
@media(max-height:600px){.capture-body{gap:10px;padding:12px}.capture-mark{display:none}.capture-body h1{font-size:25px}.capture-modes{margin-top:0}.capture-shutter{width:68px;height:68px}.capture-more{padding-bottom:calc(var(--safe-b) + 6px)}.device-editor .creator-controls{height:145px}.device-editor .creator-head{min-height:46px}}
@media(max-height:500px) and (min-width:600px){.capture-body{display:grid;grid-template-columns:1fr auto;column-gap:38px;text-align:left;max-width:680px;padding:8px 28px}.capture-body h1,.capture-body>p:not(#capture-status){grid-column:1}.capture-modes,.capture-shutter,.capture-gallery,.capture-body #capture-status{grid-column:2;justify-self:center}.capture-modes{grid-row:1}.capture-shutter{grid-row:2}.capture-body #capture-status{grid-row:3}.capture-gallery{grid-row:4}.capture-more{padding-block:4px}.capture-head{padding-top:var(--safe-t)}.device-editor .sheet-panel{display:grid;grid-template-columns:1fr 300px;grid-template-rows:48px 26px 46px minmax(0,1fr)}.device-editor .creator-head{grid-column:1/-1}.device-editor .creator-stage{grid-column:1;grid-row:2/5}.device-editor #creator-status{grid-column:2;grid-row:2}.device-editor .creator-tabs{grid-column:2;grid-row:3}.device-editor .creator-controls{grid-column:2;grid-row:4;height:auto;padding-bottom:8px}}

.capture-sound{display:flex;align-items:center;gap:8px;max-width:100%;border:1px solid #ffffff24;border-radius:22px;padding:0 8px 0 14px;font-size:13px}.capture-sound span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.capture-sound svg{width:18px;height:18px;flex:none}.capture-sound button{min-width:40px;min-height:44px;display:grid;place-items:center}