.tool-orb{position:fixed;width:56px;height:56px;z-index:80;isolation:isolate}.tool-orb-toggle{position:relative;z-index:3;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff9,transparent 40%),linear-gradient(145deg,var(--accent),var(--panel));border:1px solid #ffffff65;box-shadow:0 7px 25px #0006,inset 0 0 18px #ffffff24;color:var(--text);touch-action:none;user-select:none;cursor:grab;transition:box-shadow .2s,transform .2s}.tool-orb-toggle:active{cursor:grabbing}.tool-orb-toggle svg{width:27px;height:27px}.tool-orb-toggle.has-timer:after{content:'';position:absolute;right:1px;top:1px;width:10px;height:10px;background:#8de0b1;border:2px solid var(--bg);border-radius:50%}.tool-orb.is-open .tool-orb-toggle{box-shadow:0 0 0 5px #ffffff0c,0 5px 30px #0007;transform:rotate(30deg)}.tool-orbit{position:absolute;left:-134px;top:-96px;width:164px;height:248px;border-radius:140px 0 0 140px;background:linear-gradient(90deg,#151922e8,#151922c0);border:1px solid #ffffff24;backdrop-filter:blur(15px);box-shadow:0 10px 30px #0003;animation:tool-fan .2s ease-out}.tool-orbit-item{position:absolute;left:49px;width:48px;height:48px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;box-shadow:0 3px 12px #0003}.tool-orbit-item svg{width:23px;height:23px}.tool-orbit-item span{position:absolute;right:56px;background:var(--panel);color:var(--text);padding:3px 7px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.tool-orbit-item:hover span,.tool-orbit-item:focus-visible span{opacity:1}.tool-orbit-item:hover,.tool-orbit-item[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.tool-orbit-item:nth-child(1){top:9px;left:87px}.tool-orbit-item:nth-child(2){top:69px;left:22px}.tool-orbit-item:nth-child(3){top:130px;left:22px}.tool-orbit-item:nth-child(4){top:190px;left:87px}.tool-orb[data-side=left] .tool-orbit{left:26px;border-radius:0 140px 140px 0}.tool-orb[data-side=left] .tool-orbit-item:nth-child(1),.tool-orb[data-side=left] .tool-orbit-item:nth-child(4){left:27px}.tool-orb[data-side=left] .tool-orbit-item:nth-child(2),.tool-orb[data-side=left] .tool-orbit-item:nth-child(3){left:92px}.tool-orb[data-side=left] .tool-orbit-item span{right:auto;left:56px}.tool-panel{position:fixed;z-index:5;padding:20px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 50px #0008;overflow:auto;overscroll-behavior:contain;animation:tool-fan .16s ease-out}.tool-panel h2{font-size:21px;letter-spacing:0;margin:0 25px 16px 0}.tool-panel p{font-size:14px;line-height:1.5;color:var(--muted)}.tool-panel-close{position:absolute;right:10px;top:8px;background:transparent;font-size:25px;min-width:36px;min-height:36px;color:var(--muted)}.tool-panel label{display:block;font-size:14px}.tool-volume-slider{display:block;width:100%;margin:20px 0;accent-color:var(--accent)}.tool-panel output{display:block;color:var(--accent);font-size:21px;margin-bottom:14px}.tool-choice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin:6px 0;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:14px;color:var(--text)}.tool-choice:hover,.tool-choice[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.tool-tone-grid,.tool-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-tone-grid i{width:15px;height:15px;border-radius:50%}.tool-share-link{display:flex;align-items:center;gap:7px;padding:9px 7px;border:1px solid var(--line);border-radius:9px;font-size:13px}.tool-share-link:hover{border-color:var(--accent)}.tool-social-icon{font-weight:800;display:grid;place-items:center;min-width:25px;height:25px;border-radius:6px;background:var(--bg);color:var(--accent);font-size:18px}
:root[data-tone=ocean]{--bg:#0a1720;--panel:#142936;--line:#294857;--text:#edf8fb;--muted:#acc4cc;--accent:#48cfe4}:root[data-tone=violet]{--bg:#151021;--panel:#241d35;--line:#413652;--text:#f5efff;--muted:#c0b2d1;--accent:#b49aff}:root[data-tone=forest]{--bg:#101c17;--panel:#1b2d24;--line:#344c3e;--text:#f0f8f2;--muted:#afc6b7;--accent:#7ed8a0}:root[data-tone=sunset]{--bg:#211611;--panel:#33251e;--line:#534034;--text:#fff5ec;--muted:#cfb8a5;--accent:#ffb26b}:root[data-tone=rose]{--bg:#20131b;--panel:#32212b;--line:#513744;--text:#fff1f7;--muted:#cfb1bf;--accent:#f69dbb}html[data-tone]:not([data-tone=midnight]) .player,html[data-tone]:not([data-tone=midnight]) .search{background:var(--panel)}
@keyframes tool-fan{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:440px){.tool-orbit-item span{display:none}.tool-panel{padding:18px}.tool-orb-toggle{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.tool-orbit,.tool-panel{animation:none}.tool-orb-toggle{transition:none}}
.tool-social-icon svg{width:22px;height:22px}