.phase-emblem{width:168px;height:160px;display:block;margin:0 auto 15px;overflow:visible}
.phase-emblem .orbit{fill:none;stroke:#503a75;stroke-width:1}
.phase-emblem .orbit-bright{fill:none;stroke:#a676ee;stroke-width:1.4;stroke-dasharray:162 611;transform-origin:163px 149px;animation:phase-orbit 45s linear infinite}
.phase-emblem .satellites{transform-origin:163px 149px;animation:phase-orbit 52s linear infinite}
.phase-emblem .halo{fill:#a676ee;opacity:.16}
.phase-emblem .dot{fill:#a676ee}
@keyframes phase-orbit{to{transform:rotate(360deg)}}
body[data-motion-paused="true"] .phase-emblem *{animation-play-state:paused}
.phase-site .hero{padding-top:42px}
.phase-site .hero-kicker{margin-top:0}
.phase-site .clickgui-preview{margin-top:20px;border:1px solid #38343f;border-radius:10px;overflow:hidden;background:#101014;color:#e1e1e6}
.phase-site .product-preview{max-width:1160px}
.gui-toolbar{padding:12px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.gui-toolbar p{margin:0;font-size:13px;color:#b4a9c6}
.gui-toolbar div{display:flex;gap:8px;flex-wrap:wrap}
.gui-toolbar button,.gui-inspector button{border:1px solid #4a4159;border-radius:5px;background:#201b29;color:#eee;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer}
.gui-toolbar button[aria-pressed="true"]{background:#5c3c80}
.gui-hint{margin:0;padding:0 16px 12px;font-size:12px;color:#9b96a5}
.gui-viewport{overflow:auto;max-height:760px;overscroll-behavior:contain;background:#6490b5;scrollbar-color:#a6a6b6 #25252c}
.gui-size{position:relative}
.gui-board{width:1920px;height:1220px;position:absolute;top:0;left:0;transform-origin:top left;font-family:Arial,sans-serif;color:#d8d8d8;background-color:#648eb3;background-image:repeating-linear-gradient(45deg,transparent 0 71px,#a0b6c8 72px 85px,transparent 86px 142px),repeating-linear-gradient(-45deg,transparent 0 71px,#a0b6c8 72px 85px,transparent 86px 142px)}
.gui-board:before{content:"";position:absolute;inset:0;backdrop-filter:blur(5px);background:#7793ac22;pointer-events:none}
.gui-search-wrap{position:absolute;top:20px;left:792px;width:354px;height:34px}
.phase-site .gui-search{width:100%;height:34px;box-sizing:border-box;border:0;border-radius:0;background:#101820dc;color:#eee;padding:4px 34px 4px 8px;font:18px Arial,sans-serif}
.gui-search-wrap span{position:absolute;right:9px;top:5px;font-size:22px;pointer-events:none}
.gui-columns{position:absolute;top:74px;left:433px;display:flex;align-items:flex-start;gap:4px}
.gui-category{width:150px;background:#17212cc7;flex-shrink:0}
.phase-site .gui-category h3{margin:0;padding:0 5px;height:25px;background:#b6bdc5dd;color:white;display:flex;justify-content:space-between;align-items:center;font:17px Arial,sans-serif;letter-spacing:0}
.gui-category h3 span{font-size:18px}
.phase-site .gui-category button{display:block;width:100%;height:25px;padding:0 5px;text-align:left;border:0;border-radius:0;font:17px Arial,sans-serif;color:#ceced0;background:transparent;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phase-site .gui-category button[aria-pressed="true"]{background:#d9dce0bb;color:white}
.phase-site .gui-category button:hover{background:#e8e9ed44}
.phase-site .gui-category button:focus-visible{outline:2px solid white;outline-offset:-2px}
.gui-managers{position:absolute;right:22px;top:350px;width:146px;display:grid;gap:8px}
.gui-managers button{height:44px;background:#090b10f2;border:1px solid #c4c8d0;border-radius:9px;color:white;font:13px Arial,sans-serif;cursor:pointer;text-align:left;padding:0 12px;display:flex;align-items:center;gap:12px;box-shadow:0 0 5px #ccc6}
.gui-managers button b{margin-left:auto;font-weight:normal}
.gui-managers button span{font-size:20px}
.gui-empty{position:absolute;top:130px;left:800px;color:white;background:#15121e;padding:12px}
.gui-inspector{width:min(360px,calc(100vw - 40px));box-sizing:border-box;padding:24px;border:1px solid #776582;border-radius:10px;background:#18151f;color:#eee}
.gui-inspector::backdrop{background:#0007}
.gui-inspector h3{font-size:22px;margin:0 0 12px}
.gui-inspector p{line-height:1.6;color:#c5bdcf}
.gui-inspector small{display:block;color:#9e94aa;margin:16px 0}
.clickgui-preview:fullscreen{overflow:auto;background:#101014;padding:10px}
.clickgui-preview:fullscreen .gui-viewport{max-height:calc(100vh - 115px)}
@media(max-width:600px){.phase-emblem{width:130px;height:124px}.phase-site .hero{padding-top:30px}.gui-viewport{max-height:580px}.gui-toolbar{padding:12px}.gui-toolbar div{gap:5px}}
@media(prefers-reduced-motion:reduce){.phase-emblem *{animation:none!important}}