@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0);font-family:Poppins,sans-serif}*{box-sizing:border-box}.container{position:absolute;top:0;width:100%;height:100vh;display:flex;pointer-events:none}header{padding:40px;display:flex;align-content:space-between;justify-content:space-between;width:100%;height:140px;align-items:center;position:relative}h3{font-size:.8em;font-family:Poppins,sans-serif;font-weight:100;margin-right:auto;margin-left:20px}header>p{position:absolute;left:225px;top:85px;font-size:.6em}.annotation{font-family:Poppins,sans-serif;user-select:none}.content{transform:translate3d(calc(50% + 40px),0,0);text-align:left;background:#35230295;color:#fff;padding:8px 25px;border-radius:50px;font-size:.6em;border:1px solid rgb(46,0,0);user-select:none;backdrop-filter:blur(3px);cursor:pointer;transition:all .45s ease-in-out;pointer-events:all}.content:hover{padding:8px 35px;background:#1e1401c6}.content:before{content:"";position:absolute;top:14px;left:-40px;height:1px;width:40px;background:rgb(46,0,0)}button{font-family:Poppins,sans-serif;background-color:#b7c5c0;border:none;font-size:.6em;color:#fff;padding:5px 10px;border-radius:8px;pointer-events:all;cursor:pointer}footer{position:absolute;bottom:25px;text-align:center;left:50%;transform:translate(-50%);opacity:.4;font-size:.3em}footer a{color:gray;text-decoration:none}.config-panel__toggle-wrapper{position:fixed;bottom:68px;left:50%;transform:translate(-50%);will-change:transform;pointer-events:all;z-index:10}.config-panel__toggle{width:40px;height:40px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.75);color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000000f;transition:color .2s ease,background .2s ease,opacity .2s ease;opacity:.7;animation:config-panel__pulse 8s ease-in-out infinite}.config-panel__toggle:hover{opacity:1;color:#374151;background:rgba(255,255,255,.95)}.config-panel__toggle svg{width:22px;height:22px}@keyframes config-panel__pulse{0%,85%,to{box-shadow:0 2px 12px #0000000f;transform:scale(1)}92.5%{box-shadow:0 4px 24px #0000001f;transform:scale(1.06)}}.config-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%) scale(.92);transform-origin:center bottom;display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 20px 36px;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 4px 20px #00000014;pointer-events:all;z-index:10;opacity:0;transition:transform var(--panel-duration, .28s) cubic-bezier(.34,1.56,.64,1),opacity var(--panel-duration, .28s) ease-out}.config-panel--open{transform:translate(-50%) scale(1);opacity:1}.config-panel--closing{transform:translate(-50%) scale(.92);opacity:0;pointer-events:none}.config-panel__close{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) scale(.8);width:32px;height:32px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.95);color:#9ca3af;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000014;opacity:0;transition:opacity .18s ease-out,color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.config-panel__close:hover{color:#374151;background:rgba(255,255,255,1);box-shadow:0 2px 14px #0000001f}.config-panel--open .config-panel__close{opacity:1;transform:translate(-50%,50%) scale(1);transition-delay:80ms}.config-panel__close--closing{opacity:0;transform:translate(-50%,50%) scale(.8);transition-delay:0ms}.config-panel__colors{display:flex;gap:15px;align-items:center;justify-content:center}.color-sphere{width:24px;height:24px;border-radius:50px;border:none;cursor:pointer;padding:0;background:var(--sphere-color);box-shadow:inset -4px -4px 8px #00000026,inset 4px 4px 8px #fff6,0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease,opacity .22s ease-out,transform .22s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:scale(.6)}.config-panel--open .color-sphere{opacity:1;transform:scale(1);transition-delay:var(--item-delay, 80ms)}.config-panel--closing .color-sphere{opacity:0;transform:scale(.85);transition-delay:0ms}.config-panel--open .color-sphere:hover{transform:scale(1.08)}.color-sphere--selected{outline:2px solid #aaacae;outline-offset:2px;box-shadow:inset -4px -4px 8px #00000026,inset 4px 4px 8px #fff6,0 2px 6px #0000001a,0 0 0 4px #3b82f633}.config-panel__tabs{display:flex;gap:4px;padding:3px;background:#ebedef;border-radius:50px;opacity:0;transform:translateY(8px);transition:opacity .24s ease-out,transform .24s cubic-bezier(.34,1.56,.64,1)}.config-panel--open .config-panel__tabs{opacity:1;transform:translateY(0);transition-delay:var(--item-delay, .2s)}.config-panel--closing .config-panel__tabs{opacity:0;transform:translateY(4px);transition-delay:0ms}.config-panel__tab{padding:6px 16px;border:none;border-radius:50px;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:500;cursor:pointer;background:transparent;color:#9ca1aa;transition:all .2s ease}.config-panel__tab:hover{color:#374151;background:rgba(255,255,255,.5)}.config-panel__tab--active{background:#ffffff;color:#111827;box-shadow:0 1px 3px #00000014}.config-panel--minimal{bottom:68px;left:50%;transform:translate(-50%) scaleX(.15);transform-origin:center center;padding:0;border-radius:999px;max-width:40px;overflow:hidden;transition:max-width var(--panel-duration, .28s) cubic-bezier(.34,1.56,.64,1),transform var(--panel-duration, .28s) cubic-bezier(.34,1.56,.64,1),opacity var(--panel-duration, .28s) ease-out}.config-panel--minimal.config-panel--open{max-width:320px;transform:translate(-50%) scaleX(1)}.config-panel--minimal.config-panel--closing{max-width:40px;transform:translate(-50%) scaleX(.15)}.config-panel__minimal-inner{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 12px;width:fit-content}.config-panel__minimal-tabs{display:flex;gap:2px;padding:2px;background:rgba(0,0,0,.04);border-radius:999px;flex-shrink:0}.config-panel__tab--minimal{padding:4px 10px;font-size:.65rem}.config-panel__colors--minimal{flex-shrink:0;gap:8px;display:flex;align-items:center}.config-panel__colors--minimal .color-sphere{width:20px;height:20px}.config-panel__colors--minimal{opacity:0;transition:opacity .2s ease-out;transition-delay:.12s}.config-panel--minimal.config-panel--open .config-panel__colors--visible{opacity:1}.config-panel--minimal.config-panel--closing .config-panel__colors--closing{opacity:0;transition-delay:0ms}.config-panel__colors--minimal .color-sphere{transition-delay:var(--item-delay, .1s)}.config-panel__minimal-close{width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:#9ca3af;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,background .2s ease}.config-panel__minimal-close:hover{color:#374151;background:rgba(0,0,0,.06)}