/* Studio V6 immersive photo editor: editor chrome belongs to photo/video stage, not a page beneath it. */
:root{--v6-fg:#fff;--v6-overlay:rgba(13,18,25,.84);--v6-soft:rgba(19,25,32,.66)}
html,body{background:#080a0d!important}
.studio{max-width:100vw;box-shadow:none;background:#080a0d}
.studio.editor-v6-active{height:100dvh;min-height:100dvh;overflow:hidden}
.studio.editor-v6-active .work-area{height:100dvh;min-height:0;display:block}
.studio.editor-v6-active .studio-top{position:absolute;inset:0 0 auto;height:63px;z-index:24;border:0;background:linear-gradient(180deg,rgba(8,11,17,.96),rgba(8,11,17,.43));padding:9px 20px}
.studio.editor-v6-active .studio-top .back{color:white}
.studio.editor-v6-active .studio-top .brand{color:white}
.studio.editor-v6-active .studio-top .quiet{border:1px solid #ffffff42;background:#111827a3;color:white}
.studio.editor-v6-active .editing-stage{position:relative;height:100dvh!important;min-height:100dvh!important;padding:0!important;display:block!important}
.studio.editor-v6-active .canvas-box,
.studio.editor-v6-active .canvas-box.landscape{position:relative!important;width:100%;height:100dvh!important;min-height:0!important;max-height:none!important;overflow:hidden;background:#11151a;padding:0;isolation:isolate;display:flex;align-items:center;justify-content:center}
.studio.editor-v6-active #preview{position:relative;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;box-shadow:none;z-index:1;touch-action:none;cursor:crosshair}
.studio.editor-v6-active .canvas-ambient{filter:blur(50px) brightness(.39) saturate(.8);inset:-70px}
.studio.editor-v6-active .canvas-mark{display:none}
.studio.editor-v6-active .stage-controls{position:absolute;top:73px;right:15px;left:15px;z-index:7;background:none;border:0;padding:0;gap:7px;pointer-events:none}
.studio.editor-v6-active .stage-controls>*{pointer-events:auto}
.studio.editor-v6-active .stage-controls #mediaType{margin-right:auto;align-self:center;padding:8px 12px;color:#f5f6f8;background:#101821ab;backdrop-filter:blur(16px);border:1px solid #ffffff28;border-radius:100px;letter-spacing:1.4px}
.studio.editor-v6-active .stage-controls .mini-action{min-height:40px;background:#101821b8;border:1px solid #ffffff35;color:#f8fafb;backdrop-filter:blur(14px);border-radius:100px;padding:8px 12px;box-shadow:0 3px 15px #0004}
.studio.editor-v6-active .stage-controls .mini-action[aria-pressed=true]{border-color:#fff;color:white;background:#ffffff42}
.studio.editor-v6-active .toolstrip{position:absolute;bottom:82px;left:50%;transform:translateX(-50%);z-index:13;width:min(calc(100% - 26px),540px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:5px;border:1px solid #ffffff20;background:rgba(10,17,25,.83)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:17px;box-shadow:0 10px 34px #0007}
.studio.editor-v6-active .toolstrip button{min-height:55px;border:0!important;color:#cbd1d7;font-size:12px;font-weight:710;white-space:normal;line-height:1.1;padding:7px 1px;border-radius:12px;background:none;transition:background .12s}
.studio.editor-v6-active .toolstrip button.selected{color:white;background:#ffffff25;border:0!important}
.studio.editor-v6-active .toolstrip button[aria-expanded=true]{color:white;background:#ee7766eb!important}
.studio.editor-v6-active .toolstrip button:disabled{color:#818a92!important}
.studio.editor-v6-active .tools{display:none;position:absolute;bottom:155px;left:50%;transform:translateX(-50%);z-index:12;width:min(calc(100% - 26px),600px);max-height:min(48dvh,420px);overflow-y:auto;background:rgba(17,22,30,.94)!important;color:white!important;border:1px solid #ffffff22;border-radius:19px;padding:16px 19px 18px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 44px #0009;overscroll-behavior:contain}
.studio.editor-v6-active.editor-v6-panel-open .tools{display:block}
.studio.editor-v6-active .tool-title{padding:0 0 12px;display:flex;align-items:center}
.studio.editor-v6-active .tool-title b{color:white}
.studio.editor-v6-active .tool-title small{color:#c4cbd1}
.studio.editor-v6-active .tool-title .editor-v6-close{flex:0 0 auto;border:1px solid #ffffff30;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:white;font-size:19px;line-height:1;margin-left:auto}
.studio.editor-v6-active .editor-bottom{position:absolute;bottom:0;left:0;right:0;z-index:14;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:10px;border:0;background:linear-gradient(0deg,#080c13ec,#080c1300);padding:14px max(18px,calc((100vw - 560px)/2)) max(17px,env(safe-area-inset-bottom))}
.studio.editor-v6-active .editor-bottom .secondary{color:white;background:#ffffff22;border:1px solid #ffffff50;backdrop-filter:blur(14px)}
.studio.editor-v6-active .editor-bottom .primary{background:#f46d5e}
.studio.editor-v6-active .tools .editor-v5-option{border:1px solid #ffffff30;background:#ffffff12;color:white}
.studio.editor-v6-active .tools .editor-v5-option b{color:white}
.studio.editor-v6-active .tools .editor-v5-option small{color:#c2cbd5}
.studio.editor-v6-active .tools .editor-v5-option.active{background:#ff837344;border-color:#fa8578}
.studio.editor-v6-active .tools .editor-v5-look,.studio.editor-v6-active .tools .editor-v5-crop{background:#ffffff18;border:1px solid #ffffff34;color:#f9fafb}
.studio.editor-v6-active .tools .editor-v5-look.active,.studio.editor-v6-active .tools .editor-v5-crop.active{background:#f46d5e;border-color:#f46d5e}
.studio.editor-v6-active .tools .small-note{color:#ccd2d9}
.studio.editor-v6-active .tools .editor-v5-range-name{color:white}
.studio.editor-v6-active .tools .editor-v5-range-name output{color:#e0e8ee}
.studio.editor-v6-active .tools .panel-field{background:#101821;border:1px solid #ffffff35}
.studio.editor-v6-active .tools .panel-field input{color:white}
.studio.editor-v6-active .tools .pill{background:#ffffff12;color:#fff;border:1px solid #ffffff2c}
.studio.editor-v6-active .tools .pill.selected{background:#f46d5e;border-color:#f46d5e}
.studio.editor-v6-active .tools .editor-v5-reset,.studio.editor-v6-active .tools .editor-v5-rotate{background:#ffffff1c;border-color:#ffffff44;color:white}
.studio.editor-v6-active .tools .range-wrap span{color:#e9eaeb}
.studio.editor-v6-active .play-overlay{z-index:4}
.studio.editor-v6-active .canvas-box .editor-v6-guide{position:absolute;top:129px;left:50%;transform:translateX(-50%);z-index:5;pointer-events:none;color:#fff;border:1px solid #ffffff2e;background:#1018218c;padding:7px 13px;border-radius:40px;font-size:11px;white-space:nowrap;box-shadow:0 5px 16px #0006}
.studio.editor-v6-active .toast{background:#fff;color:#151d26;bottom:183px}
.studio.editor-v6-active .sheet{position:fixed;z-index:80}
@media(max-width:520px){
.studio.editor-v6-active .studio-top{height:58px;padding:8px 13px}
.studio.editor-v6-active .stage-controls{top:65px;left:10px;right:10px;gap:5px}
.studio.editor-v6-active .stage-controls .mini-action{padding:8px 9px;font-size:10px;min-height:38px}
.studio.editor-v6-active .stage-controls #mediaType{font-size:9px;padding:8px 9px}
.studio.editor-v6-active .toolstrip{bottom:79px;width:calc(100% - 16px)}
.studio.editor-v6-active .toolstrip button{min-height:55px;font-size:11px}
.studio.editor-v6-active .tools{bottom:149px;width:calc(100% - 18px);max-height:min(42dvh,365px);padding:13px}
.studio.editor-v6-active .editor-bottom{padding:9px 10px max(12px,env(safe-area-inset-bottom))}
.studio.editor-v6-active .tools .editor-v5-option{padding:10px 7px}
}
@media(max-width:350px){.studio.editor-v6-active .toolstrip button{font-size:10px}.studio.editor-v6-active .stage-controls .mini-action{padding:8px 6px}.studio.editor-v6-active .tools{max-height:36dvh}}