body.web-shell{height:100vh;overflow:hidden;background:var(--ascii-face, #D4D0C8)}body.web-shell .app-shell{display:flex;flex-direction:column;height:100vh;width:100%;min-height:0}body.web-shell .codec-banner{background:var(--ascii-warn-bg, #FFFFCC);border-bottom:1px solid var(--ascii-warn-border, #C0A000);color:#664d03;padding:4px 8px;font-size:11px;text-align:left}body.web-shell .menubar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;background:var(--ascii-face, #D4D0C8);border-bottom:2px outset var(--ascii-face-classic, #C0C0C0);min-height:var(--ascii-menubar-height, 28px)}body.web-shell .menubar-brand{font-weight:700;font-size:12px;color:var(--ascii-black, #000);white-space:nowrap}body.web-shell .menubar-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}body.web-shell .menubar-actions a.win-button{color:inherit;text-decoration:none;box-shadow:inset -1px -1px 0 var(--dark, #808080);box-sizing:border-box;cursor:pointer}body.web-shell .menubar-actions a.win-button:visited,body.web-shell .menubar-actions a.win-button:link{color:inherit}body.web-shell .menubar-actions a.win-button:active{box-shadow:inset 1px 1px 0 var(--dark, #808080)}body.web-shell .menubar-font{font-size:10px;color:var(--ascii-dark, #404040);margin-left:4px}body.web-shell .shell-main{display:grid;grid-template-columns:var(--ascii-controls-width, 320px) 1fr;min-height:0;flex:1;overflow:hidden}body.web-shell .shell-main>.desktop{display:contents}body.web-shell #controlsWindow,body.web-shell #viewerWindow{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0;min-height:0;margin:0;box-shadow:none;resize:none;display:flex!important;flex-direction:column;overflow:hidden;z-index:auto!important}body.web-shell #controlsWindow{border-right:2px outset var(--ascii-face-classic, #C0C0C0);max-width:var(--ascii-controls-width, 320px)}body.web-shell #viewerWindow{border:none;flex:1}body.web-shell #controlsWindow .window-controls,body.web-shell #viewerWindow .window-controls{display:none!important}body.web-shell #controlsWindow .window-resize-handle,body.web-shell #viewerWindow .window-resize-handle,body.web-shell .window.modal-dialog .window-resize-handle{display:none!important;pointer-events:none!important}body.web-shell #controlsWindow .window-content,body.web-shell #viewerWindow .window-content{flex:1;min-height:0;overflow:auto}body.web-shell .viewer-container{flex:1;min-height:0;height:100%;position:relative}body.web-shell #asciiCanvas{width:100%;height:100%}body.web-shell fieldset.win-fieldset{border:2px groove var(--ascii-face-classic, #C0C0C0);margin:6px 4px;padding:6px 8px 8px;min-width:0}body.web-shell fieldset.win-fieldset legend{font-weight:700;font-size:11px;padding:0 4px}body.web-shell .statusbar{display:flex;align-items:center;gap:12px;padding:2px 6px;min-height:var(--ascii-status-height, 22px);background:var(--ascii-face, #D4D0C8);border-top:2px inset var(--ascii-face-classic, #C0C0C0);font-size:10px;color:var(--ascii-black, #000)}body.web-shell .statusbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.web-shell .statusbar .status-privacy{margin-left:auto;color:var(--ascii-dark, #404040)}body.web-shell .app-ad-footer{border-top:2px outset var(--ascii-face-classic, #C0C0C0);background:var(--ascii-face, #D4D0C8)}body.web-shell .app-ad-footer .ad-slot{margin:4px;min-height:60px}body.web-shell .window.modal-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(480px,92vw)!important;height:auto!important;max-height:85vh;z-index:5000!important;box-shadow:4px 4px #00000059}body.web-shell .window.modal-dialog .window-content{max-height:calc(85vh - 28px);overflow:auto}body.web-shell .modal-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:4990}body.web-shell .modal-backdrop.visible{display:block}body.web-shell .web-settings-modal{background:#00000059;display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:5100}body.web-shell .web-settings-modal.hidden{display:none}body.web-shell .web-settings-panel{background:var(--ascii-face, #D4D0C8);border:2px outset var(--ascii-face-classic, #C0C0C0);box-shadow:4px 4px #00000059;border-radius:0;width:min(360px,92vw);padding:0}body.web-shell .web-settings-panel .window-content{padding:8px}body.web-shell .web-settings-buttons{display:flex;gap:6px;justify-content:flex-end;margin-top:12px}@media (max-width: 900px){body.web-shell .shell-main{grid-template-columns:1fr;grid-template-rows:minmax(200px,40vh) 1fr}body.web-shell #controlsWindow{max-width:none;border-right:none;border-bottom:2px outset var(--ascii-face-classic, #C0C0C0)}}