/* A presentation surface inside Studio; editor data stays in its original DOM. */
.studio-present-launch{white-space:nowrap}
.studio-review-shell[hidden]{display:none!important}
.studio-review-shell{position:absolute;inset:0;z-index:20;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;min-height:0;background:#102635;color:#edf6fa;overflow:hidden}
.studio-review-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #355165;background:#142d3f;min-width:0}
.studio-review-heading{display:flex;flex-direction:column;gap:3px;flex:1;min-width:100px}.studio-review-heading strong{font-size:15px}.studio-review-heading small{font-size:11px;color:#c0d5df;line-height:1.3}
.studio-review-shell button,.studio-review-shell select{min-height:44px;min-width:44px;border:1px solid #668798;border-radius:7px;background:#eaf2f6;color:#183b4d;padding:8px 11px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;touch-action:manipulation;cursor:pointer}
.studio-review-shell button[disabled]{opacity:.5;cursor:wait}.studio-review-shell button[aria-pressed=true]{background:#a9e0ce;color:#103d38;border-color:#66b5a0}
.studio-review-shell button:focus-visible,.studio-review-shell select:focus-visible{outline:3px solid #f2c66e;outline-offset:2px}
.studio-review-back{background:#b4e3d5!important;white-space:nowrap}.studio-review-controls{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 10px;background:#1c3647;border-bottom:1px solid #355165}
.studio-review-source{display:flex;align-items:center;gap:6px;font-size:12px;flex:0 1 260px;min-width:150px}.studio-review-source select{width:100%;min-width:0}
.studio-review-actions{display:flex;gap:5px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;flex:1;scrollbar-width:thin}.studio-review-actions button{flex:0 0 auto}
.studio-review-playback,.studio-review-views{display:flex;gap:5px;flex:0 0 auto}
.studio-review-status{margin:0;padding:5px 12px;color:#c7dce5;font-size:11px;line-height:1.3;min-height:24px}
.studio-review-frame{position:relative;min-width:0;min-height:0;overflow:hidden}.studio-review-frame iframe{display:block;width:100%;height:100%;border:0;background:#122a3a}
.studio-review-wake{position:absolute;z-index:5;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));background:#143a50!important;color:#fff!important;box-shadow:0 2px 12px #0004}
.studio-review-retry{position:absolute;z-index:6;left:12px;bottom:12px}
.studio-review-shell.is-clean{grid-template-rows:minmax(0,1fr)}.studio-review-shell.is-clean>.studio-review-header,.studio-review-shell.is-clean>.studio-review-controls,.studio-review-shell.is-clean>.studio-review-status{display:none}
.studio-review-active .studio-topbar,.studio-review-active .studio-rail,.studio-review-active .studio-statusbar,.studio-review-active .studio-inspector,.studio-review-active>.studio-wake-tools{display:none!important}
.studio-review-active #studio-shell{grid-template-rows:minmax(0,1fr)!important}.studio-review-active .studio-workarea{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}.studio-review-active .studio-viewport{position:relative;min-width:0;min-height:0;grid-column:1!important;grid-row:1!important}
@media(max-width:740px){.studio-review-header{gap:5px;padding:6px;flex-wrap:wrap}.studio-review-heading{flex:1 1 100px}.studio-review-heading small{display:none}.studio-review-heading strong{font-size:13px}.studio-review-header button{font-size:11px;padding:7px}.studio-review-back{flex:1 1 auto}.studio-review-controls{display:block;padding:5px 6px}.studio-review-source{display:flex;min-width:0;margin-bottom:4px}.studio-review-source select{max-width:none}.studio-review-actions{overflow-x:auto;gap:4px}.studio-review-actions button{font-size:11px;padding:7px 9px}.studio-review-status{font-size:10px;min-height:20px;padding:4px 8px}.studio-review-shell{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}
@media(max-width:740px) and (max-aspect-ratio:4/3){.studio-review-actions{display:flex;flex-direction:column;overflow:visible}.studio-review-views{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;order:0}.studio-review-views button{min-width:0;padding:7px 3px;font-size:10px;white-space:normal}.studio-review-playback{display:grid;grid-template-columns:minmax(44px,.65fr) minmax(0,1.8fr) minmax(44px,1fr);gap:4px;order:1}.studio-review-playback button{min-width:0}}
@media(max-width:500px){.studio-review-header{flex-wrap:nowrap}.studio-review-heading{display:none}}
@media(max-height:520px) and (min-aspect-ratio:4/3){.studio-review-header{padding:4px 6px;flex-wrap:nowrap}.studio-review-heading small{display:none}.studio-review-controls{display:flex;padding:3px 6px}.studio-review-source{flex-basis:190px;margin:0}.studio-review-status{position:absolute;z-index:3;bottom:0;left:0;max-width:60%;background:#102635c9}.studio-review-shell{grid-template-rows:auto auto minmax(0,1fr)}.studio-review-frame{grid-row:3}.studio-review-shell.is-clean{grid-template-rows:minmax(0,1fr)}.studio-review-shell.is-clean .studio-review-frame{grid-row:1}}
/* Legacy banners, floating editor helpers and menus must not cover presentation. */
body.studio-review-active> :not(#studio-shell):not(script):not(style):not(link){display:none!important}

/* Keep the shared Help target clear while preserving a single mobile header row. */
body.ccr-help-enabled .studio-review-header{padding-right:94px}
@media(max-width:740px){body.ccr-help-enabled .studio-review-heading{display:none}}