.ogs.omnigrid-skin{isolation:isolate;background:var(--og-bg-deep);color:var(--og-text);font-family:var(--og-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.ogs *,.ogs :before,.ogs :after{box-sizing:border-box}.ogs-floats{z-index:1;pointer-events:none;--fc-border:1px solid var(--og-border-strong);--fc-radius:6px;--fc-bg:var(--og-bg-deep);--fc-shadow:0 18px 32px #02000eb3;--fc-focus:var(--og-signal);position:absolute;inset:0}.ogs-head,.ogs-tools,.ogs-tabs{pointer-events:none}.ogs-tabs button,.ogs-screen,.ogs-logo-btn{pointer-events:auto}.ogs-ping{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ogs-ping-grid{background:radial-gradient(var(--og-signal) 1.5px, transparent 1.8px) 0 0 / 26px 26px;opacity:0;animation:1.8s ease-out forwards ogs-ping-grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 9%,#000 0%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 9%,#000 0%,#0000 80%)}.ogs-ping-ring{border:2px solid var(--og-signal);opacity:0;border-radius:50%;width:200px;height:200px;margin:-100px 0 0 -100px;animation:1.8s cubic-bezier(.2,.6,.3,1) forwards ogs-ping-ring;position:absolute;top:76px;left:50%;box-shadow:0 0 18px #ff4d4273}@keyframes ogs-ping-grid{20%{opacity:.9}to{opacity:0}}@keyframes ogs-ping-ring{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(3.6)}}@media (prefers-reduced-motion:reduce){.ogs-ping-grid{animation:1.2s step-end forwards ogs-ping-still}.ogs-ping-ring{display:none}}@keyframes ogs-ping-still{0%{opacity:1}to{opacity:0}}.ogs-head{z-index:2;justify-content:center;padding:52px 24px 0;display:flex;position:relative}.ogs-logo-btn{cursor:pointer;background:0 0;border:0;padding:0;display:block}.ogs-logo-btn:focus-visible{outline:2px solid var(--og-signal);outline-offset:8px;border-radius:4px}.ogs-logo{width:290px;height:auto;display:block}.ogs-tools{z-index:2;flex-direction:column;flex:1;align-items:center;min-height:0;padding:20px 0 30px;display:flex;position:relative}.ogs-tabs{justify-content:center;gap:4px 26px;margin-bottom:12px;display:flex}.ogs-tabs button{min-height:44px;color:var(--og-text-muted);font:400 15px/1.2 var(--og-sans);cursor:pointer;background:0 0;border:0;padding:8px 0;transition:color .2s}.ogs-tabs button:hover{color:var(--og-text)}.ogs-tabs button[aria-pressed=true]{color:var(--og-signal)}.ogs-tabs button:focus-visible{outline:2px solid var(--og-signal);outline-offset:4px}.ogs-screen{background:var(--og-bg-deep);border:1px solid var(--og-border-strong);border-radius:10px;flex-direction:column;flex:none;width:620px;margin:0;display:flex;overflow:hidden;box-shadow:0 32px 90px #02000eb3}.ogs-bar{border-bottom:1px solid var(--og-border);background:#03001a;flex:none;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.ogs-bar span{background:#2a2c4c;border-radius:50%;width:8px;height:8px}.ogs-bar b{font:400 10px/1 var(--og-mono);letter-spacing:.08em;color:var(--og-meta);margin-left:8px}.ogs-view{aspect-ratio:1.28;position:relative;overflow:hidden}.ogs-view[data-board]{background:radial-gradient(70% 60% at 50% 50%, #073b5a8c, transparent 80%), var(--og-bg-deep);padding:18px}.ogs-view[data-board] img{object-fit:contain;object-position:center;filter:drop-shadow(0 14px 30px #0000008c)}.ogs-view img{object-fit:cover;object-position:top;width:100%;height:100%;animation:.45s cubic-bezier(.16,1,.3,1) both ogs-in;display:block}@keyframes ogs-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.ogs-view img{animation:none}}.ogs.is-compact .ogs-head{padding-top:46px}.ogs.is-compact .ogs-logo{width:230px}.ogs.is-compact .ogs-tools{padding:16px 16px 18px}.ogs.is-compact .ogs-tabs{gap:0 18px;margin-bottom:8px}.ogs.is-compact .ogs-tabs button{min-height:40px;font-size:15px}.ogs.is-compact .ogs-screen{flex:1;width:100%;min-height:0}.ogs.is-compact .ogs-view{aspect-ratio:auto;flex:1;min-height:0}
