.olpbn-studio{width:100%}.olpbn-studio-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.olpbn-studio-head h1{font-size:clamp(34px,4vw,56px)}
.olpbn-progress-copy{display:grid;text-align:right}.olpbn-progress-copy b{font-size:20px}.olpbn-progress-copy span{color:var(--olpbn-muted)}
.olpbn-studio-layout{display:grid;grid-template-columns:minmax(220px,250px) minmax(460px,1fr) minmax(250px,290px);gap:20px;align-items:start}
.olpbn-studio-layout>*{min-width:0;max-width:100%}
.olpbn-settings-panel,.olpbn-camera-panel,.olpbn-photos-panel,.olpbn-edit-panel{border:1px solid var(--olpbn-line);border-radius:22px;background:var(--olpbn-surface);padding:18px;box-shadow:var(--olpbn-shadow)}
.olpbn-settings-panel h2,.olpbn-photos-panel h2{font-size:21px;margin:0 0 18px}.olpbn-settings-panel fieldset{border:0;padding:0;margin:0 0 18px}.olpbn-settings-panel legend{font-weight:800;margin-bottom:8px}
.olpbn-segment{display:flex;gap:4px;padding:4px;background:var(--olpbn-soft);border-radius:13px}.olpbn-segment label,.olpbn-segment button{min-height:42px;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:transparent;color:var(--olpbn-ink);font-weight:750}.olpbn-segment label:has(input:checked),.olpbn-segment button.is-active{background:var(--olpbn-surface);box-shadow:0 1px 3px rgba(0,0,0,.1)}.olpbn-segment input{position:absolute;opacity:0;pointer-events:none}
.olpbn-toggle{min-height:46px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;font-weight:750}.olpbn-toggle input{width:42px;height:23px;accent-color:var(--olpbn-accent-strong)}
.olpbn-settings-panel>.olpbn-secondary{width:100%;margin-top:10px}
.olpbn-camera-panel{padding:14px}.olpbn-camera{--olpbn-slot-ratio:1.3333;--olpbn-camera-position:50% 36%;position:relative;width:100%;aspect-ratio:var(--olpbn-slot-ratio);min-height:0;max-height:72vh;background:#000;border-radius:17px;overflow:hidden;color:#fff}.olpbn-camera video{width:100%;height:100%;object-fit:cover;object-position:var(--olpbn-camera-position);display:block}.olpbn-camera video.is-mirrored{transform:scaleX(-1)}
.olpbn-camera-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#fff;text-align:center;padding:24px}.olpbn-camera-empty .olpbn-icon{width:38px;height:38px}.olpbn-camera-empty span{color:#aeb5b0}.olpbn-camera.is-running .olpbn-camera-empty{display:none}
.olpbn-grid-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.18) 33% 33.3%,transparent 33.3% 66%,rgba(255,255,255,.18) 66% 66.3%,transparent 66.3%),linear-gradient(0deg,transparent 33%,rgba(255,255,255,.18) 33% 33.3%,transparent 33.3% 66%,rgba(255,255,255,.18) 66% 66.3%,transparent 66.3%)}
.olpbn-camera-guide{position:absolute;z-index:3;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 10px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:12px;font-weight:800;pointer-events:none}
.olpbn-countdown{position:absolute;inset:0;z-index:4;display:grid;place-items:center;font-size:clamp(80px,12vw,150px);font-weight:950;color:var(--olpbn-accent);background:rgba(0,0,0,.24);pointer-events:none}.olpbn-countdown:empty{display:none}
.olpbn-capture-row{min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.olpbn-capture-row .olpbn-primary{margin:0}.olpbn-upload{position:relative}.olpbn-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.olpbn-capture{width:68px;height:68px;display:grid;place-items:center;border:7px solid #fff;outline:2px solid var(--olpbn-ink);border-radius:50%;background:var(--olpbn-accent);color:#000}
.olpbn-photos-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}.olpbn-photo-count{font-weight:900}.olpbn-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.olpbn-thumb{position:relative;aspect-ratio:1;border:1px dashed var(--olpbn-line);border-radius:13px;background:var(--olpbn-soft);padding:3px;color:var(--olpbn-ink);overflow:hidden}.olpbn-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}.olpbn-thumb>span{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;color:var(--olpbn-muted)}.olpbn-thumb.is-active{border:2px solid var(--olpbn-accent-strong)}.olpbn-thumb.has-photo>span{display:none}
.olpbn-thumb-actions{position:absolute;inset:5px 5px auto auto;display:flex;gap:4px}.olpbn-thumb-actions button{width:30px;height:30px;border:0;border-radius:9px;background:rgba(0,0,0,.75);color:#fff;display:grid;place-items:center;padding:0}.olpbn-thumb-actions .olpbn-icon{width:16px;height:16px}
.olpbn-photos-panel>.olpbn-secondary,.olpbn-photos-panel>.olpbn-primary{width:100%;margin-top:9px}
.olpbn-edit-panel{margin-top:22px}.olpbn-panel-title,.olpbn-review-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.olpbn-edit-grid{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(250px,.65fr);gap:20px;margin-top:16px}
.olpbn-composite-shell{position:relative;min-height:440px;display:grid;place-items:center;background:#050605;border-radius:17px;overflow:hidden}.olpbn-composite-shell canvas{display:block;max-width:100%;max-height:580px;width:auto;height:auto;cursor:grab;touch-action:none}.olpbn-composite-shell canvas:active{cursor:grabbing}.olpbn-render-state{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#fff;background:rgba(0,0,0,.56)}.olpbn-render-state[hidden]{display:none}
.olpbn-controls{display:grid;align-content:start;gap:12px}.olpbn-controls label{display:grid;gap:5px;color:var(--olpbn-muted);font-size:14px;font-weight:750}.olpbn-controls select{min-height:44px;border:1px solid var(--olpbn-line);border-radius:11px;background:var(--olpbn-surface);color:var(--olpbn-ink);padding:0 10px}.olpbn-controls input[type=range]{width:100%;accent-color:var(--olpbn-accent-strong)}.olpbn-controls .olpbn-secondary{width:100%}
.olpbn-filter-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;margin-top:20px}.olpbn-filter-wrap>button{height:44px;border:1px solid var(--olpbn-line);border-radius:12px;background:var(--olpbn-surface);color:var(--olpbn-ink);display:grid;place-items:center}
.olpbn-filters{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:4px}.olpbn-filter{flex:0 0 88px;min-height:82px;border:1px solid var(--olpbn-line);border-radius:14px;background:var(--olpbn-soft);color:var(--olpbn-ink);display:grid;place-content:center;gap:5px;text-align:center;font-size:13px;font-weight:800}.olpbn-filter:before{content:"";width:34px;height:34px;border-radius:11px;margin:auto;background:linear-gradient(135deg,#1c2520,var(--olpbn-accent))}.olpbn-filter[data-filter="Vintage"]:before{filter:sepia(1)}.olpbn-filter[data-filter="B&W"]:before{filter:grayscale(1)}.olpbn-filter[data-filter="Blur"]:before{filter:blur(2px)}.olpbn-filter[data-filter="Warm"]:before{background:linear-gradient(135deg,#ff6b2c,#ffd95b)}.olpbn-filter[data-filter="Cool"]:before{background:linear-gradient(135deg,#3d66ff,#45e2ff)}.olpbn-filter.is-active{border-color:var(--olpbn-accent-strong);box-shadow:inset 0 0 0 2px var(--olpbn-accent)}
.olpbn-filter-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.olpbn-filter-dots i{width:6px;height:6px;border-radius:50%;background:var(--olpbn-line)}.olpbn-filter-dots i.is-active{background:var(--olpbn-accent-strong)}
.olpbn-review,.olpbn-download-help{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px;overflow:auto}.olpbn-review[hidden],.olpbn-download-help[hidden]{display:none}
.olpbn-review-dialog,.olpbn-download-help>div{width:min(1040px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:24px;background:var(--olpbn-surface);color:var(--olpbn-ink);padding:22px}.olpbn-review-body{display:grid;grid-template-columns:minmax(280px,1fr) 280px;gap:20px;margin:18px 0}.olpbn-review-body>canvas{display:block;width:100%;height:auto;max-height:66vh;object-fit:contain;background:#000;border-radius:16px}.olpbn-review-body>[data-review-grid]{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}.olpbn-review-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.olpbn-review-card button{width:100%;min-height:38px;margin-top:5px;border:1px solid var(--olpbn-line);border-radius:9px;background:var(--olpbn-surface);color:var(--olpbn-ink)}
.olpbn-review-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.olpbn-download-help>div{width:min(480px,100%);position:relative}.olpbn-download-help>div>.olpbn-icon-button{position:absolute;right:16px;top:16px}.olpbn-download-help img{display:block;max-width:100%;max-height:55vh;margin:16px auto;border-radius:12px}.olpbn-download-help .olpbn-primary{width:100%}
@media(max-width:1100px){.olpbn-studio-layout{grid-template-columns:1fr 1fr;grid-template-areas:"camera camera" "settings photos"}.olpbn-camera-panel{grid-area:camera}.olpbn-settings-panel{grid-area:settings}.olpbn-photos-panel{grid-area:photos}.olpbn-thumbs{display:flex;overflow:auto}.olpbn-thumb{flex:0 0 100px}.olpbn-photos-panel>.olpbn-secondary,.olpbn-photos-panel>.olpbn-primary{width:auto;margin-right:8px}.olpbn-camera{max-height:68vh}}
@media(max-width:767px){.olpbn-studio-head{align-items:start}.olpbn-studio-layout{grid-template-columns:1fr;grid-template-areas:"camera" "settings" "photos"}.olpbn-edit-grid{grid-template-columns:1fr}.olpbn-composite-shell{min-height:360px}.olpbn-review-body{grid-template-columns:1fr}.olpbn-review-actions>*{flex:1 1 180px}.olpbn-camera{max-height:none}}
@media(max-width:520px){.olpbn-studio-head{display:grid}.olpbn-progress-copy{text-align:left}.olpbn-settings-panel,.olpbn-camera-panel,.olpbn-photos-panel,.olpbn-edit-panel{padding:13px;border-radius:17px}.olpbn-capture-row{flex-wrap:wrap}.olpbn-capture-row .olpbn-primary{flex:1 1 150px}.olpbn-photos-panel>.olpbn-secondary,.olpbn-photos-panel>.olpbn-primary{width:100%;margin-right:0}.olpbn-composite-shell{min-height:300px}.olpbn-panel-title{align-items:start}.olpbn-panel-title .olpbn-secondary{padding-inline:12px}.olpbn-review,.olpbn-download-help{padding:8px}.olpbn-review-dialog{padding:14px;border-radius:17px}.olpbn-review-actions{display:grid}.olpbn-review-actions>*{width:100%}}
@media(max-width:390px){.olpbn-studio-layout{gap:12px}.olpbn-thumbs{gap:7px}.olpbn-thumb{flex-basis:86px}.olpbn-filter{flex-basis:78px}.olpbn-filter-wrap{grid-template-columns:40px minmax(0,1fr) 40px}.olpbn-filter-wrap>button{height:40px}.olpbn-edit-panel{margin-top:12px}}