body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050712;color:#f5f5f5}.app{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.app-header{text-align:center}.app-main{position:fixed;top:0;left:0;right:0;bottom:0;display:block;padding:0;margin:0;width:100vw;height:100vh;background:#050712;overflow:hidden}.gpu-canvas{width:100%;height:100%;display:block}.shader-selector-container{position:fixed;z-index:1000;background:#050712e0;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;touch-action:none;max-width:min(320px,92vw)}.shader-selector{display:flex;flex-direction:column;gap:10px}.shader-selector-collapsed-shell{padding:4px;margin:-4px}.shader-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#e8e8e8;cursor:pointer;transition:background .15s,border-color .15s}.shader-menu-toggle:hover{background:#ffffff1f;border-color:#ffffff59}.shader-menu-toggle:focus-visible{outline:2px solid rgba(120,170,255,.85);outline-offset:2px}.shader-menu-chevron{display:block;transition:transform .2s ease}.shader-menu-chevron--open{transform:rotate(0)}.shader-menu-header{display:flex;align-items:center;gap:10px}.shader-menu-header-label{font-size:11px;font-weight:600;color:#8a8f9e;text-transform:uppercase;letter-spacing:.6px}.shader-menu-toggle--open{width:36px;height:36px;flex-shrink:0}.shader-menu-list{display:flex;flex-direction:column;gap:2px;max-height:min(52vh,360px);overflow-y:auto;padding:4px 0;margin:0 -4px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.shader-radio-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;color:#e4e4e8;font-size:14px;line-height:1.25;transition:background .12s}.shader-radio-row:hover{background:#ffffff0f}.shader-radio-input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:#6b9fff;cursor:pointer}.shader-radio-title{flex:1}.shader-description{font-size:11px;color:#888;margin-top:4px;line-height:1.4}.app-shortcuts-hint{position:fixed;left:14px;bottom:14px;z-index:1000;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:.02em;color:#ebeefc61;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none;user-select:none;-webkit-user-select:none;opacity:0;transition:opacity .25s ease}.app-shortcuts-row{white-space:nowrap}.app-shortcuts-key{display:inline-block;min-width:.65rem;font-weight:700;letter-spacing:.06em;color:#f5f7ff85}.app-shortcuts-colon{margin-right:.25em;opacity:.65}.app-shortcuts-hint--visible{opacity:1}.app-screenshot-fab{position:fixed;right:14px;bottom:14px;z-index:1000;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#080a14b8;color:#f0f2ffeb;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000059;opacity:0;pointer-events:none;transition:opacity .25s ease,background .15s,border-color .15s}.app-screenshot-fab--visible{opacity:1;pointer-events:auto}.app-screenshot-fab:hover{background:#121626e0;border-color:#ffffff38}.app-screenshot-fab:focus-visible{outline:2px solid rgba(120,170,255,.85);outline-offset:2px}