.wg-shell{background:var(--wg-bg);height:100%;color:var(--wg-ink);padding-top:max(56px, env(safe-area-inset-top,0px));padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(0,1fr) auto;gap:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.wg-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 44% at 50% 30%,#e8954a24,#0000 62%),radial-gradient(closest-side at 50% 52%,#0000 55%,#0000006b 100%),linear-gradient(#241f1c2e,#1b1715b8);position:absolute;inset:0}.wg-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;padding:0 14px;display:flex;position:relative}.wg-chips{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.wg-chip{border:1px solid var(--wg-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:34px;color:var(--wg-muted);white-space:nowrap;background:#241f1c85;border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;line-height:1.2;display:inline-flex;box-shadow:0 14px 34px #0000002e}.wg-chip strong{color:var(--wg-ink);font-weight:650}.wg-top-controls{flex:none;align-items:center;gap:8px;display:flex}.wg-mute{border:1px solid var(--wg-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#241f1c85;border-radius:999px;min-width:40px;min-height:34px;font-size:15px}.wg-toggle{border:1px solid var(--wg-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241f1c85;border-radius:999px;gap:4px;padding:4px;display:flex}.wg-toggle button{min-width:40px;min-height:30px;color:var(--wg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:600}.wg-toggle button.active{color:var(--wg-ink);background:#f5f1ea29}.wg-stage-outer{z-index:1;background:#0b09082e;border:1px solid #f5f1ea1f;border-radius:22px;min-width:0;min-height:0;margin:0 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #e8954a12,0 18px 70px #00000040}.wg-stage-wrap{position:absolute;inset:0}.wg-canvas{touch-action:none;width:100%;height:100%;display:block}.wg-title{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:-.02em;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#14100ea3;border:1px solid #f5f1ea2e;border-radius:999px;max-width:calc(100% - 28px);padding:9px 13px;font-size:14px;font-weight:650;transition:opacity .45s,transform .45s;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.wg-hint{z-index:3;color:var(--wg-ink);white-space:nowrap;background:#f5f1ea1a;border:1px solid #f5f1ea2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:opacity .45s,transform .45s;animation:2.2s ease-in-out infinite wg-bob;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.wg-hint-dot{background:var(--wg-accent);border-radius:50%;width:16px;height:16px;box-shadow:0 0 24px #e8954ae6}.wg-touched .wg-title,.wg-touched .wg-hint{opacity:0;pointer-events:none;transform:translate(-50%,-6px)}@keyframes wg-bob{50%{transform:translate(-50%,-5px)}}.wg-focal-banner{z-index:4;color:#eaf7c8;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#c9f26b29;border:1px solid #c9f26b80;border-radius:999px;max-width:calc(100% - 24px);padding:8px 14px;font-size:12px;font-weight:600;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #c9f26b24}.wg-rail{z-index:2;gap:8px;padding:0 12px;display:grid;position:relative}.wg-geom-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.wg-geom-strip::-webkit-scrollbar{display:none}.wg-geom-strip button{scroll-snap-align:start;border:1px solid var(--wg-stroke);background:var(--wg-frost);min-height:38px;color:var(--wg-ink);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-size:12px;font-weight:500;transition:transform .12s,background .2s}.wg-geom-strip button.active{color:#fff;background:#e8954a42;border-color:#e8954a9e}.wg-geom-strip button:active{transform:scale(.97)}.wg-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wg-btn{cursor:pointer;border:1px solid #f5f1ea2e;border-radius:999px;min-height:46px;font-size:14px;font-weight:650;transition:transform .12s,opacity .2s}.wg-btn:active{transform:scale(.98)}.wg-btn:disabled{opacity:.6;cursor:default}.wg-btn-ghost{color:var(--wg-ink);background:#f5f1ea1f}.wg-btn-primary{background:var(--wg-accent);border-color:var(--wg-accent);color:#241f1c}.wg-btn-block{width:100%}.wg-result{z-index:1;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;padding:0 16px;display:grid;position:relative}.wg-result-head{text-align:center}.wg-result-title{letter-spacing:-.02em;font-size:20px;font-weight:700}.wg-result-sub{color:var(--wg-muted);margin-top:4px;font-size:13px}.wg-result-frame{background:#0b090833;border:1px solid #f5f1ea1f;border-radius:18px;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;overflow:hidden}.wg-result-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}.wg-result-loading{color:var(--wg-muted);font-size:24px}.wg-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wg-result-back{z-index:2;padding:0 16px;position:relative}@media (prefers-reduced-motion:reduce){.wg-hint{animation:none}}