@import url('./landing-spacing.css');

/* Landing previews are quiet, full-surface entry points, not inline controls. */
.workspace-preview{position:relative;min-width:0;isolation:isolate}
.workspace-preview>.preview-open{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;min-height:44px;min-width:44px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;cursor:zoom-in;touch-action:pan-y}
.workspace-preview>.preview-open:hover{background:transparent;box-shadow:inset 0 0 0 1px var(--blue)}
.workspace-preview>.preview-open:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.workspace-preview>.app-frame{pointer-events:auto}
.workspace-preview:not(.overview-only)>.preview-open{display:none}
.workspace-preview.overview-only>.app-frame{pointer-events:none}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
/* The lower source scene exposes real files/review at desktop as well as touch. */
#focus-app.editor-scene .app-body{display:grid;grid-template-columns:200px minmax(0,1fr)}
#focus-app.editor-scene .explorer{display:block;overflow:auto}
#focus-app.editor-scene .editor-stack{min-width:0}
#focus-app.editor-scene .file-list{display:block}
#focus-app.editor-scene .file-row{width:100%;text-align:left}
@media(max-width:850px){#focus-app.editor-scene .app-body{display:flex;flex-direction:column}#focus-app.editor-scene .file-list{display:flex}#focus-app.editor-scene .file-row{width:auto}}