:root{--shell: #f6f7f9;--panel: #ffffff;--panel-border: #e4e7ec;--text: #1b1e24;--text-dim: #6b7280;--accent: #228be6;--accent-soft: rgba(34, 139, 230, .1);--erase: #e03131;--btn-bg: #f1f3f5;--btn-border-hover: #c9ced6;--card-bg: #f1f2f4;--panel-tint: rgba(255, 255, 255, .92);--picked-bg: #fff3d6;--cover-grad: linear-gradient(145deg, #dfe3ea, #eef0f4 60%, #e3e6f0);--btn-active: #e4e7ec;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .1);--glass-border-hover: rgba(0, 0, 0, .22);--glass-hover: rgba(0, 0, 0, .05);--glass-active: rgba(0, 0, 0, .09);--glass-press: rgba(255, 255, 255, .88);--shadow-pop: 0 8px 32px rgba(31, 32, 36, .16);--shadow-soft: 0 4px 20px rgba(31, 32, 36, .12)}html[data-mantine-color-scheme=dark]{--shell: #2b2d31;--panel: #1e2023;--panel-border: #35383e;--text: #e9ebed;--text-dim: #909396;--accent-soft: rgba(34, 139, 230, .16);--erase: #fa5252;--btn-bg: #26282c;--btn-border-hover: #4a4e55;--card-bg: #232529;--panel-tint: rgba(30, 32, 35, .9);--picked-bg: #2f2a1e;--cover-grad: linear-gradient(145deg, #2c3242, #1d2129 60%, #26203a);--btn-active: #303338;--glass-bg: rgba(43, 45, 49, .38);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .22);--glass-hover: rgba(255, 255, 255, .07);--glass-active: rgba(255, 255, 255, .1);--glass-press: rgba(43, 45, 49, .55);--shadow-pop: 0 8px 32px rgba(0, 0, 0, .45);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .35)}.site-root{--site-navbar-w: calc(18.75rem * var(--mantine-scale));--site-topbar-h: calc(3.5rem * var(--mantine-scale))}.site-topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--site-topbar-h);display:flex;align-items:center;gap:calc(.625rem * var(--mantine-scale));padding:0 calc(1rem * var(--mantine-scale));background:var(--panel);border-bottom:1px solid var(--panel-border)}@media(min-width:993px){.site-burger{display:none!important}}.site-topbar .site-logo{flex:1;text-align:left}.site-logo{border:none;background:none;color:var(--text);font:800 calc(.9375rem * var(--mantine-scale)) Inter,system-ui,sans-serif;cursor:pointer;letter-spacing:calc(.01875rem * var(--mantine-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-topbar-right{display:flex;align-items:center;gap:calc(.625rem * var(--mantine-scale))}.site-navbar{position:fixed;top:var(--site-topbar-h);bottom:0;left:0;width:var(--site-navbar-w);z-index:150;background:var(--panel);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.site-navbar.open{transform:none}@media(min-width:993px){.site-navbar{transform:none}}.site-navbar-main{flex:1;overflow-y:auto;padding:calc(.625rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));-webkit-overflow-scrolling:touch}.site-navbar-user{font-size:calc(.75rem * var(--mantine-scale));color:var(--text-dim);padding:calc(.5rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-navbar-divider{height:calc(.0625rem * var(--mantine-scale));background:var(--panel-border);margin:calc(.625rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale))}.site-navbar-footer{border-top:1px solid var(--panel-border);padding:calc(.625rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale))}.site-nav-link{display:flex;align-items:center;gap:calc(.625rem * var(--mantine-scale));width:100%;padding:calc(.5625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));border:none;border-radius:calc(.5rem * var(--mantine-scale));background:transparent;color:var(--text-dim);font:500 calc(.875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background-color 50ms ease-in-out,color 50ms ease-in-out}@media(hover:hover){.site-nav-link:hover{background:var(--btn-bg);color:var(--text)}}.site-nav-link.active{background:var(--accent-soft);color:var(--accent)}.site-nav-icon{display:flex;align-items:center}.site-overlay{position:fixed;top:var(--site-topbar-h);left:0;right:0;bottom:0;background:#00000080;z-index:140}.site-body{margin-top:var(--site-topbar-h);height:calc(100vh - var(--site-topbar-h));height:calc(100dvh - var(--site-topbar-h));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--shell);color:var(--text);-webkit-user-select:text;user-select:text}@media(min-width:993px){.site-body{margin-left:var(--site-navbar-w)}}.site-copyright{padding:calc(1.5rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));text-align:center;font-size:calc(.75rem * var(--mantine-scale));color:var(--text-dim);opacity:.75;-webkit-user-select:none;user-select:none}.site-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--site-topbar-h));min-height:calc(100dvh - var(--site-topbar-h))}html.force-landscape body{position:fixed;top:0;left:0;width:var(--app-w, 100vh);height:var(--app-h, 100vw);overflow:hidden;transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}html.force-landscape .site-body{height:calc(var(--app-h, 100vw) - var(--site-topbar-h))}html.force-landscape .site-page{min-height:calc(var(--app-h, 100vw) - var(--site-topbar-h))}html.force-landscape .topright-panel{max-width:calc(var(--app-w, 100vh) - 92px)}html.force-landscape [role=radiogroup]>span[data-initialized],html.force-landscape [role=radiogroup]>span[data-hidden]{display:none!important}html.force-landscape [role=radiogroup] label[data-active]:before{display:block!important}html.force-landscape div:has(>section[data-modal-content]){--modal-y-offset: 2dvh !important;--modal-x-offset: 2vw !important}html.force-landscape section[data-modal-content]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;will-change:transform;transform:translateZ(0)}.page-band{background:var(--btn-bg);border-bottom:1px solid var(--panel-border);padding:calc(1.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale))}@media(max-width:560px){.page-band{padding:calc(1.125rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale))}}.page-band-inner.wide,.page-body.wide{max-width:calc(61.25rem * var(--mantine-scale));margin-left:auto;margin-right:auto}.page-band-title{margin:0 0 calc(.375rem * var(--mantine-scale));font-size:calc(1.875rem * var(--mantine-scale));font-weight:900;letter-spacing:calc(.0125rem * var(--mantine-scale));color:var(--text)}@media(max-width:560px){.page-band-title{font-size:calc(1.625rem * var(--mantine-scale))}}.page-band-desc{margin:0;color:var(--text-dim);font-size:calc(.875rem * var(--mantine-scale));line-height:1.6}.page-body{padding:calc(1.25rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale)) calc(2.5rem * var(--mantine-scale))}.page-actions{display:flex;justify-content:flex-end;gap:calc(.625rem * var(--mantine-scale));margin-bottom:calc(1rem * var(--mantine-scale));flex-wrap:wrap}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(.375rem * var(--mantine-scale));height:calc(2.125rem * var(--mantine-scale));padding:0 calc(1rem * var(--mantine-scale));border-radius:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text);font:600 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}@media(hover:hover){.site-btn:hover{border-color:var(--btn-border-hover)}}.site-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover){.site-btn.primary:hover{filter:brightness(1.1)}}.site-btn.ghost{background:transparent}.site-btn.small{height:calc(1.625rem * var(--mantine-scale));padding:0 calc(.625rem * var(--mantine-scale));font-size:calc(.75rem * var(--mantine-scale))}.site-btn.danger{color:var(--erase)}.theme-toggle-header{width:calc(2.125rem * var(--mantine-scale));height:calc(2.125rem * var(--mantine-scale));border-radius:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.theme-toggle-header:hover{color:var(--text);border-color:var(--btn-border-hover)}}.landing{display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:calc(2.75rem * var(--mantine-scale));padding:calc(2.5rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale)) calc(3rem * var(--mantine-scale));text-align:center}@media(max-width:560px){.landing{gap:calc(1.875rem * var(--mantine-scale));padding:calc(1.625rem * var(--mantine-scale)) calc(.875rem * var(--mantine-scale)) calc(2.25rem * var(--mantine-scale))}.landing-title{font-size:calc(1.875rem * var(--mantine-scale))}.landing-feat{width:100%;max-width:calc(23.75rem * var(--mantine-scale))}.landing-section-head{text-align:center}}.landing-hero{max-width:calc(40rem * var(--mantine-scale))}.landing-title{font-size:calc(2.5rem * var(--mantine-scale));font-weight:800;letter-spacing:calc(.03125rem * var(--mantine-scale));background:linear-gradient(120deg,#7ab6ff,#228be6 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-sub{margin-top:calc(.875rem * var(--mantine-scale));color:var(--text-dim);font-size:calc(.9375rem * var(--mantine-scale));line-height:1.7}.landing-actions{margin-top:calc(2rem * var(--mantine-scale));display:flex;gap:calc(.75rem * var(--mantine-scale));justify-content:center;flex-wrap:wrap}.landing-actions .site-btn{height:calc(2.625rem * var(--mantine-scale));padding:0 calc(1.75rem * var(--mantine-scale));font-size:calc(.875rem * var(--mantine-scale))}.landing-section{max-width:calc(60rem * var(--mantine-scale));width:100%}.landing-section-head{margin-bottom:calc(1.125rem * var(--mantine-scale));text-align:left}.landing-section-title{font-size:calc(1.25rem * var(--mantine-scale));font-weight:800;text-align:left}.landing-section-title:after{content:"";display:block;width:calc(2.125rem * var(--mantine-scale));height:calc(.1875rem * var(--mantine-scale));margin-top:calc(.5rem * var(--mantine-scale));border-radius:calc(.125rem * var(--mantine-scale));background:linear-gradient(90deg,#7ab6ff,#a78bfa)}.landing-section-sub{margin-top:calc(.5rem * var(--mantine-scale));color:var(--text-dim);font-size:calc(.84375rem * var(--mantine-scale));line-height:1.6}.landing-features{display:flex;gap:calc(1rem * var(--mantine-scale));flex-wrap:wrap;justify-content:center}.landing-feat{width:calc(16.25rem * var(--mantine-scale));padding:calc(1.25rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(.75rem * var(--mantine-scale));background:var(--panel);text-align:left}.landing-feat-icon{width:calc(2.25rem * var(--mantine-scale));height:calc(2.25rem * var(--mantine-scale));border-radius:calc(.625rem * var(--mantine-scale));background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:calc(.75rem * var(--mantine-scale))}.landing-feat-icon svg{display:block}.landing-feat-title{font-weight:700;font-size:calc(.9375rem * var(--mantine-scale))}.landing-feat-desc{margin-top:calc(.5rem * var(--mantine-scale));color:var(--text-dim);font-size:calc(.8125rem * var(--mantine-scale));line-height:1.6}.landing-badges{display:flex;gap:calc(.75rem * var(--mantine-scale));flex-wrap:wrap;justify-content:center}.landing-badge{display:inline-flex;align-items:center;gap:calc(.5rem * var(--mantine-scale));padding:calc(.5rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(62.4375rem * var(--mantine-scale));background:var(--panel);color:var(--text-dim);font-size:calc(.8125rem * var(--mantine-scale));font-weight:600}.landing-badge svg{color:var(--accent);flex-shrink:0}.landing-foot{color:var(--text-dim);font-size:calc(.78125rem * var(--mantine-scale));opacity:.85}.login{display:flex;align-items:center;justify-content:center}.login-card{width:calc(22.5rem * var(--mantine-scale));padding:calc(2rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(1.5rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(.875rem * var(--mantine-scale));background:var(--panel)}.login-title{text-align:center;font-weight:800;font-size:calc(1.125rem * var(--mantine-scale));margin-bottom:calc(1.125rem * var(--mantine-scale))}.login-back{display:block;margin:calc(.875rem * var(--mantine-scale)) auto 0;border:none;background:none;color:var(--text-dim);font-size:calc(.75rem * var(--mantine-scale));cursor:pointer}@media(hover:hover){.login-back:hover{color:var(--text)}}.preview-page{height:100%;display:flex;flex-direction:column;background:var(--shell);color:var(--text)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:calc(.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));border-bottom:1px solid var(--panel-border);background:var(--panel)}.preview-title{font:600 calc(.875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-speed{display:flex;align-items:center;gap:calc(.625rem * var(--mantine-scale));flex-shrink:0;margin-left:calc(.875rem * var(--mantine-scale))}.preview-speed-label{font:500 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim)}.preview-speed input[type=range]{width:calc(7.5rem * var(--mantine-scale));accent-color:var(--accent);cursor:pointer}.preview-speed-val{font:600 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text);min-width:calc(2.625rem * var(--mantine-scale));text-align:center;font-variant-numeric:tabular-nums}.preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;background:#000}.preview-canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.skin-picker{display:flex;flex-direction:column;align-items:center;gap:calc(1.25rem * var(--mantine-scale));padding:calc(2.5rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));width:100%;overflow-y:auto}.skin-picker-title{font:600 calc(.9375rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim);letter-spacing:calc(.125rem * var(--mantine-scale))}.skin-external-link{display:block;width:calc(16.25rem * var(--mantine-scale));max-width:100%;box-sizing:border-box;padding:calc(.625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));border:1px solid var(--accent);border-radius:calc(.625rem * var(--mantine-scale));background:var(--accent-soft);color:var(--text);font:400 13px/1.7 Inter,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.skin-external-link:hover,.skin-external-link:focus-visible{background:var(--accent);color:#fff;outline:none}.skin-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(1.125rem * var(--mantine-scale));max-width:calc(56.25rem * var(--mantine-scale))}.skin-card{position:relative;width:calc(16.25rem * var(--mantine-scale));padding:calc(.625rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(.75rem * var(--mantine-scale));background:var(--panel);cursor:pointer;color:var(--text);text-align:left;transition:border-color .15s,transform .15s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(hover:hover){.skin-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.skin-card.current{border-color:var(--accent)}.skin-card-cover{width:100%;height:calc(9.375rem * var(--mantine-scale));border-radius:calc(.5rem * var(--mantine-scale));background:#000 center / cover no-repeat}.skin-card-cover-empty{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:calc(.8125rem * var(--mantine-scale))}.skin-card-title{font:600 calc(.875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card-desc{font:400 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.875rem * var(--mantine-scale))}.skin-card-tag{position:absolute;top:calc(1rem * var(--mantine-scale));right:calc(1rem * var(--mantine-scale));padding:calc(.125rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));border-radius:calc(.375rem * var(--mantine-scale));font:600 calc(.6875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:#fff;background:#007affd9}.preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.875rem * var(--mantine-scale));background:#00000073}.preview-hint{font:500 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim)}.pv-back-wrap{position:relative}.pv-back-menu{position:absolute;top:calc(100% + 8px);left:0;width:calc(14.375rem * var(--mantine-scale));background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(.625rem * var(--mantine-scale));padding:calc(.3125rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(.25rem * var(--mantine-scale));box-shadow:var(--shadow-pop);z-index:60;animation:pv-back-pop .16s ease-out}@keyframes pv-back-pop{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.pv-back-opt{border:calc(.0625rem * var(--mantine-scale)) solid transparent;background:var(--btn-bg);border-radius:calc(.5rem * var(--mantine-scale));padding:calc(.5625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(.1875rem * var(--mantine-scale));text-align:left;cursor:pointer;transition:all .15s}@media(hover:hover){.pv-back-opt:hover{border-color:var(--accent);background:var(--accent-soft)}}.pv-back-title{font:600 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text)}.pv-back-sub{font:400 calc(.6875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim)}.pv-topright{position:absolute;top:calc(.75rem * var(--mantine-scale));right:calc(.875rem * var(--mantine-scale));z-index:30;display:flex;align-items:center;padding:calc(.375rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(.625rem * var(--mantine-scale));background:var(--panel-tint);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pv-spin{display:flex;align-items:center;gap:calc(.375rem * var(--mantine-scale))}.pv-spin-value{border:none;background:transparent;color:var(--text);font:600 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;padding:calc(.25rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale));border-radius:calc(.375rem * var(--mantine-scale));cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}@media(hover:hover){.pv-spin-value:hover{background:var(--btn-bg)}}.pv-spin-arrows{display:flex;flex-direction:column;gap:calc(.0625rem * var(--mantine-scale))}.pv-spin-arrow{width:calc(1.125rem * var(--mantine-scale));height:calc(.8125rem * var(--mantine-scale));border:none;border-radius:calc(.25rem * var(--mantine-scale));background:transparent;color:var(--text-dim);font-size:calc(.5rem * var(--mantine-scale));line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(hover:hover){.pv-spin-arrow:hover{color:var(--text);background:var(--btn-active)}}.pv-spin-arrow:active{background:var(--btn-active)}.pv-sep{width:calc(.0625rem * var(--mantine-scale));height:calc(1.375rem * var(--mantine-scale));background:var(--panel-border);margin:0 calc(.375rem * var(--mantine-scale))}.preview-msg{font:500 calc(.875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim)}.charts-empty{color:var(--text-dim);text-align:center;padding:calc(3.75rem * var(--mantine-scale)) 0;font-size:calc(.875rem * var(--mantine-scale));line-height:1.8}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:calc(.875rem * var(--mantine-scale))}@media(max-width:560px){.chart-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:calc(.625rem * var(--mantine-scale))}}.chart-card{position:relative;aspect-ratio:1 / 1;padding:0;border:1px solid var(--panel-border);border-radius:calc(.75rem * var(--mantine-scale));overflow:hidden;background:var(--card-bg);cursor:pointer;display:block;width:100%;transition:border-color .15s,transform .15s}@media(hover:hover){.chart-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.chart-card:disabled{cursor:default}.chart-card:disabled:hover{border-color:var(--panel-border);transform:none}.chart-card.dim{filter:grayscale(.9) brightness(.55)}.chart-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.chart-card-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--cover-grad);color:var(--text-dim);pointer-events:none}.chart-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:calc(1.875rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(.5625rem * var(--mantine-scale));background:linear-gradient(180deg,#0000,#000000b8 68%);text-align:left;pointer-events:none}.chart-card-title{color:#fff;font:700 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-card-note{color:#ffffffa8;font-size:calc(.6875rem * var(--mantine-scale));margin-top:calc(.1875rem * var(--mantine-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-card-badges{position:absolute;top:calc(.5rem * var(--mantine-scale));left:calc(.5rem * var(--mantine-scale));display:flex;gap:calc(.3125rem * var(--mantine-scale));z-index:2}.chart-badge{padding:calc(.125rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale));border-radius:calc(.375rem * var(--mantine-scale));font:600 calc(.6875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chart-badge.green{background:#208c4ad9}.chart-badge.gray{background:#3c4046d1}.chart-badge.blue{background:#2278d6d9}.chart-badge.red{background:#d63636e0}.chart-badge.yellow{background:#b2800ee6}.chart-modal-sub{color:var(--text-dim);font-size:calc(.75rem * var(--mantine-scale));margin-bottom:calc(.75rem * var(--mantine-scale))}.chart-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:calc(.625rem * var(--mantine-scale))}.chart-modal-actions .site-btn{height:calc(2.75rem * var(--mantine-scale));font-size:calc(.875rem * var(--mantine-scale))}.chart-modal-hint{color:var(--text-dim);font-size:calc(.6875rem * var(--mantine-scale));margin-top:calc(.5rem * var(--mantine-scale));line-height:1.5}.chart-modal-footer{margin-top:calc(.875rem * var(--mantine-scale));padding-top:calc(.75rem * var(--mantine-scale));border-top:1px solid var(--panel-border);display:flex;flex-direction:column;gap:calc(.375rem * var(--mantine-scale));align-items:flex-start}.chart-modal-link{border:none;background:none;padding:0;color:var(--accent);font:600 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}@media(hover:hover){.chart-modal-link:hover{filter:brightness(1.2)}}.chart-modal-link.danger{color:var(--erase)}.chart-transfer{width:100%}.chart-transfer-row{display:flex;gap:calc(.5rem * var(--mantine-scale));margin-top:calc(.25rem * var(--mantine-scale))}.charts-search{background:var(--panel, #1b1e24);border:1px solid var(--panel-border, #2c313a);border-radius:calc(.375rem * var(--mantine-scale));color:var(--text, #e8e8ea);font-size:calc(.8125rem * var(--mantine-scale));outline:none}.charts-search:focus{border-color:#e8590c}.create-menu{display:flex;flex-direction:column;gap:calc(.625rem * var(--mantine-scale))}.create-opt{padding:calc(.875rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));border-radius:calc(.625rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text);cursor:pointer;text-align:left}@media(hover:hover){.create-opt:hover{border-color:var(--accent)}}.create-opt-title{font-weight:700;font-size:calc(.875rem * var(--mantine-scale))}.create-opt-desc{margin-top:calc(.25rem * var(--mantine-scale));color:var(--text-dim);font-size:calc(.75rem * var(--mantine-scale));line-height:1.5}.create-ask{text-align:center;font-size:calc(.875rem * var(--mantine-scale));margin:calc(.375rem * var(--mantine-scale)) 0 calc(.125rem * var(--mantine-scale))}.create-btnrow{display:flex;gap:calc(.625rem * var(--mantine-scale));margin-top:calc(.25rem * var(--mantine-scale))}.create-btnrow .create-opt{flex:1}.create-progress{padding:calc(.5rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale));font-size:calc(.875rem * var(--mantine-scale))}.create-progress-sub{margin-top:calc(.5rem * var(--mantine-scale));text-align:right;color:var(--text-dim);font-family:Consolas,SF Mono,Menlo,monospace;font-size:calc(.75rem * var(--mantine-scale))}.editor-back{position:fixed;top:calc(.625rem * var(--mantine-scale));left:calc(9.0625rem * var(--mantine-scale));z-index:60;height:calc(1.625rem * var(--mantine-scale));padding:0 calc(.75rem * var(--mantine-scale));border-radius:calc(.4375rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--panel-tint);color:var(--text-dim);font:600 calc(.75rem * var(--mantine-scale)) Inter,system-ui,sans-serif;cursor:pointer}@media(hover:hover){.editor-back:hover{color:var(--text);border-color:var(--btn-border-hover)}}.editor-collab-btn{left:calc(13.875rem * var(--mantine-scale));display:inline-flex;align-items:center;gap:calc(.3125rem * var(--mantine-scale))}.editor-theme-toggle{position:fixed;top:calc(.875rem * var(--mantine-scale));right:calc(.875rem * var(--mantine-scale));z-index:30;width:calc(2rem * var(--mantine-scale));height:calc(2rem * var(--mantine-scale));border-radius:calc(.625rem * var(--mantine-scale));border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft)}@media(hover:hover){.editor-theme-toggle:hover{color:var(--text);border-color:var(--glass-border-hover)}}.editor-collab-btn.collab-live{color:#37b24d;border-color:#37b24d73}@media(hover:hover){.editor-collab-btn.collab-live:hover{color:#4cd964;border-color:#4cd964b3}}.editor-fallback{height:100%;display:flex;align-items:center;justify-content:center;background:var(--shell);color:var(--text-dim);font-size:calc(.875rem * var(--mantine-scale))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--shell);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-user-select:text;user-select:text}.editor-root{display:flex;height:100%;position:relative;-webkit-user-select:none;user-select:none}.info-col{width:calc(8.4375rem * var(--mantine-scale));min-width:calc(8.4375rem * var(--mantine-scale));background:var(--panel);border-right:1px solid var(--panel-border);color:var(--text);padding:calc(1.125rem * var(--mantine-scale)) calc(.875rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(1.125rem * var(--mantine-scale));z-index:5}.info-actions{display:flex;gap:calc(.5rem * var(--mantine-scale));flex-wrap:wrap}.info-btn{width:calc(2.5rem * var(--mantine-scale));height:calc(2.5rem * var(--mantine-scale));border-radius:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}@media(hover:hover){.info-btn:hover{color:var(--text);border-color:var(--btn-border-hover)}}.info-btn.active{color:var(--text);border-color:var(--btn-border-hover);background:var(--btn-active)}.info-footer{font-size:calc(.6875rem * var(--mantine-scale));color:var(--text-dim);letter-spacing:calc(.03125rem * var(--mantine-scale))}.info-col.collapsed{width:calc(3.5rem * var(--mantine-scale));min-width:calc(3.5rem * var(--mantine-scale));padding:calc(1.125rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));align-items:center}.info-preview-wrap{position:relative}.info-preview-menu{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:calc(11.875rem * var(--mantine-scale));background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(.625rem * var(--mantine-scale));padding:calc(.3125rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(.25rem * var(--mantine-scale));box-shadow:var(--shadow-pop);z-index:60;transform-origin:left center;animation:info-preview-flip .18s ease-out}@keyframes info-preview-flip{0%{transform:translateY(-50%) perspective(480px) rotateY(-16deg);opacity:0}to{transform:translateY(-50%) perspective(480px) rotateY(0);opacity:1}}.info-preview-opt{border:calc(.0625rem * var(--mantine-scale)) solid transparent;background:var(--btn-bg);border-radius:calc(.5rem * var(--mantine-scale));padding:calc(.5625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));display:flex;flex-direction:column;gap:calc(.1875rem * var(--mantine-scale));text-align:left;cursor:pointer;transition:all .15s}@media(hover:hover){.info-preview-opt:hover{border-color:var(--accent);background:var(--accent-soft)}}.info-preview-opt .info-preview-title{font:600 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text)}.info-preview-opt .info-preview-sub{font:400 calc(.6875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim)}.meta-group-title{font-size:calc(.6875rem * var(--mantine-scale));color:var(--text-dim);letter-spacing:calc(.0625rem * var(--mantine-scale));margin:0 0 calc(.5rem * var(--mantine-scale))}.meta-group-title:not(:first-child){margin-top:calc(1.125rem * var(--mantine-scale));padding-top:calc(.875rem * var(--mantine-scale));border-top:1px solid var(--panel-border)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:calc(.625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale))}.meta-grid-nums{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.meta-file-row{display:flex;align-items:flex-end;gap:calc(.5rem * var(--mantine-scale))}.meta-file-btn{width:calc(2.375rem * var(--mantine-scale));height:calc(2.375rem * var(--mantine-scale));flex:none;border-radius:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}@media(hover:hover){.meta-file-btn:hover{color:var(--text);border-color:var(--btn-border-hover)}}.meta-hint{font-size:calc(.6875rem * var(--mantine-scale));color:var(--text-dim);margin-top:calc(.375rem * var(--mantine-scale));line-height:1.5}.meta-export{display:flex;flex-direction:column;gap:calc(.125rem * var(--mantine-scale))}.meta-export .site-btn{align-self:flex-start}.laneorder-cells{display:flex;gap:calc(.375rem * var(--mantine-scale));justify-content:center;margin-top:calc(.25rem * var(--mantine-scale))}.laneorder-cell{flex:1;max-width:calc(3.25rem * var(--mantine-scale));height:calc(2.875rem * var(--mantine-scale));border-radius:calc(.5rem * var(--mantine-scale));border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text);font:600 calc(1.125rem * var(--mantine-scale)) Consolas,"SF Mono",Menlo,monospace;cursor:pointer;transition:border-color .12s,background .12s,color .12s}@media(hover:hover){.laneorder-cell:hover{border-color:var(--btn-border-hover)}}.laneorder-cell.picked{border-color:#ff9500;background:var(--picked-bg);color:#b26a00}html[data-mantine-color-scheme=dark] .laneorder-cell.picked{color:#ffb85c}.editor-canvas-wrap{position:relative;flex:1;min-width:0;overflow:hidden}.editor-canvas-wrap canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.float-toolbar{position:fixed;z-index:30;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:calc(.75rem * var(--mantine-scale));padding:0 calc(.1875rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale));display:flex;flex-direction:column}.scrollstep-badge{position:fixed;left:calc(.875rem * var(--mantine-scale));bottom:calc(.875rem * var(--mantine-scale));z-index:25;width:calc(3.25rem * var(--mantine-scale));height:calc(3.25rem * var(--mantine-scale));border-radius:calc(.75rem * var(--mantine-scale));background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.0625rem * var(--mantine-scale));cursor:pointer;transition:all .15s}.scrollstep-num{font-size:calc(1.25rem * var(--mantine-scale));font-weight:700;line-height:1;color:var(--text)}.scrollstep-sub{font-size:calc(.5625rem * var(--mantine-scale));line-height:1;letter-spacing:calc(.0625rem * var(--mantine-scale))}@media(hover:hover){.scrollstep-badge:hover{border-color:var(--glass-border-hover);color:var(--text)}}.scrollstep-badge:active{background:var(--glass-press)}.playrate-badge{position:fixed;left:calc(.875rem * var(--mantine-scale));bottom:calc(4.625rem * var(--mantine-scale));z-index:25;width:calc(3.25rem * var(--mantine-scale));height:calc(3.25rem * var(--mantine-scale));border-radius:calc(.75rem * var(--mantine-scale));background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.0625rem * var(--mantine-scale));cursor:pointer;transition:all .15s}@media(hover:hover){.playrate-badge:hover{border-color:var(--glass-border-hover);color:var(--text)}}.playrate-badge:active{background:var(--glass-press)}.playrate-badge.off .playrate-num{color:var(--accent)}.playrate-num{font-size:calc(1.1875rem * var(--mantine-scale));font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.playrate-sub{font-size:calc(.5625rem * var(--mantine-scale));line-height:1;letter-spacing:calc(.0625rem * var(--mantine-scale))}.float-toolbar-grip{height:calc(1.125rem * var(--mantine-scale));display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:grab;touch-action:none;border-radius:calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) 0 0}@media(hover:hover){.float-toolbar-grip:hover{color:var(--text);background:var(--glass-hover)}}.float-toolbar-grip:active{cursor:grabbing;background:var(--glass-active)}.float-toolbar-row{display:flex;flex-direction:column;align-items:center;gap:calc(.1875rem * var(--mantine-scale))}.float-toolbar-sep{width:calc(1.625rem * var(--mantine-scale));height:calc(.0625rem * var(--mantine-scale));background:var(--panel-border);margin:calc(.1875rem * var(--mantine-scale)) 0}.float-tool-btn{width:calc(2.375rem * var(--mantine-scale));height:calc(2.375rem * var(--mantine-scale));border:none;border-radius:calc(.5625rem * var(--mantine-scale));background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}@media(hover:hover){.float-tool-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text)}}.float-tool-btn:active:not(:disabled){background:var(--glass-active);color:var(--text)}.float-tool-btn:disabled{opacity:.35;cursor:default}.float-tool-btn.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #228be659}.topright-panel{position:fixed;z-index:25;display:flex;align-items:stretch;gap:calc(.125rem * var(--mantine-scale));background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:calc(.625rem * var(--mantine-scale));padding:calc(.25rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale)) calc(.25rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale));box-shadow:var(--shadow-soft);max-width:calc(100vw - 92px)}.topright-panel.collapsed{padding:calc(.25rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale)) calc(.25rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale))}.topright-body{display:flex;align-items:center;gap:calc(.25rem * var(--mantine-scale));flex-wrap:wrap;justify-content:flex-end}.topright-grip{width:calc(1rem * var(--mantine-scale));display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:grab;touch-action:none;border-radius:calc(.5rem * var(--mantine-scale))}@media(hover:hover){.topright-grip:hover{color:var(--text);background:var(--glass-hover)}}.topright-grip:active{cursor:grabbing;background:var(--glass-active)}.topright-fold{width:calc(1.5rem * var(--mantine-scale));height:calc(1.5rem * var(--mantine-scale));border:none;border-radius:calc(.375rem * var(--mantine-scale));background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;align-self:center}@media(hover:hover){.topright-fold:hover{color:var(--text);background:var(--glass-hover)}}.topright-spin-wrap{position:relative;display:flex;align-items:center}.topright-spin{display:flex;align-items:center;gap:calc(.375rem * var(--mantine-scale))}.topright-value{border:none;background:transparent;color:var(--text);font-size:calc(.875rem * var(--mantine-scale));font-weight:600;font-family:inherit;min-width:calc(3.25rem * var(--mantine-scale));text-align:left;padding:calc(.25rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale));border-radius:calc(.375rem * var(--mantine-scale));cursor:default;display:flex;align-items:baseline;gap:calc(.25rem * var(--mantine-scale))}.topright-value.clickable{cursor:pointer}@media(hover:hover){.topright-value.clickable:hover{background:var(--btn-bg)}}.topright-sub{font-size:calc(.625rem * var(--mantine-scale));color:var(--text-dim);font-weight:400}.mirror-btns{display:flex;flex-direction:column;gap:calc(.5rem * var(--mantine-scale));margin-top:calc(.625rem * var(--mantine-scale))}.mirror-btn{display:flex;flex-direction:column;align-items:center;gap:calc(.125rem * var(--mantine-scale));padding:calc(.625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));border:1px solid var(--panel-border);border-radius:calc(.5rem * var(--mantine-scale));background:var(--panel);color:var(--text);cursor:pointer;font-family:inherit}.mirror-btn:disabled{opacity:.45;cursor:default}.mirror-btn:not(:disabled):active{background:var(--btn-bg)}@media(hover:hover){.mirror-btn:not(:disabled):hover{background:var(--btn-bg)}}.mirror-btn-label{font-size:calc(.875rem * var(--mantine-scale));font-weight:600}.mirror-btn-map{font-size:calc(.75rem * var(--mantine-scale));color:var(--text-dim);font-family:Consolas,SF Mono,Menlo,monospace}.timing-readonly{font-size:calc(.75rem * var(--mantine-scale));color:#fab005;background:#fab0051a;border:1px solid rgba(250,176,5,.35);border-radius:calc(.5rem * var(--mantine-scale));padding:calc(.4375rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));margin-bottom:calc(.625rem * var(--mantine-scale))}.timing-list{border:1px solid var(--panel-border);border-radius:calc(.5rem * var(--mantine-scale));max-height:calc(16.5rem * var(--mantine-scale));overflow-y:auto;background:var(--panel)}.timing-head,.timing-row{display:grid;grid-template-columns:1fr calc(5.75rem * var(--mantine-scale));align-items:center;padding:calc(.4375rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale))}.timing-head{position:sticky;top:0;z-index:1;background:var(--btn-bg);font:600 calc(.6875rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:var(--text-dim);letter-spacing:calc(.03125rem * var(--mantine-scale))}.timing-row{width:100%;border:none;border-bottom:1px solid var(--panel-border);background:transparent;color:var(--text);font:600 calc(.8125rem * var(--mantine-scale)) Inter,system-ui,sans-serif;text-align:left;cursor:pointer}.timing-row:last-child{border-bottom:none}@media(hover:hover){.timing-row:hover{background:var(--btn-bg)}}.timing-row.sel{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.timing-pos{font-family:Consolas,SF Mono,Menlo,monospace;display:flex;align-items:center;gap:calc(.5rem * var(--mantine-scale))}.timing-root{font:700 calc(.625rem * var(--mantine-scale)) Inter,system-ui,sans-serif;color:#74c0fc;border:1px solid rgba(116,192,252,.5);border-radius:calc(.25rem * var(--mantine-scale));padding:calc(.0625rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));letter-spacing:calc(.0625rem * var(--mantine-scale))}.timing-bpm{text-align:right;font-family:Consolas,SF Mono,Menlo,monospace;color:var(--text)}.timing-editor{margin-top:calc(.75rem * var(--mantine-scale));padding-top:calc(.75rem * var(--mantine-scale));border-top:1px solid var(--panel-border)}.timing-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(.625rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));align-items:end}.timing-fields .timing-del{justify-self:end;margin-bottom:calc(.25rem * var(--mantine-scale))}.timing-actions{grid-column:1 / -1;display:flex;gap:calc(.5rem * var(--mantine-scale));justify-content:flex-end}.timing-empty{display:flex;align-items:center;gap:calc(.625rem * var(--mantine-scale));color:var(--text-dim);font-size:calc(.8125rem * var(--mantine-scale))}.topright-value-input{border:1px solid var(--accent);background:var(--panel);color:var(--text);font-size:calc(.875rem * var(--mantine-scale));font-weight:600;font-family:inherit;min-width:calc(3.25rem * var(--mantine-scale));width:calc(3.75rem * var(--mantine-scale));padding:calc(.1875rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale));border-radius:calc(.375rem * var(--mantine-scale));outline:none}.topright-arrows{display:flex;flex-direction:column;gap:calc(.0625rem * var(--mantine-scale))}.topright-arrow{width:calc(1.375rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));border:none;border-radius:calc(.25rem * var(--mantine-scale));background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}@media(hover:hover){.topright-arrow:hover{color:var(--text);background:var(--btn-bg)}}.topright-sep{width:calc(.0625rem * var(--mantine-scale));height:calc(1.5rem * var(--mantine-scale));background:var(--panel-border);margin:0 calc(.375rem * var(--mantine-scale))}.topright-divmenu{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(.625rem * var(--mantine-scale));padding:calc(.375rem * var(--mantine-scale));display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem * var(--mantine-scale));box-shadow:var(--shadow-pop);z-index:40}.topright-divopt{border:none;background:var(--btn-bg);color:var(--text);border-radius:calc(.375rem * var(--mantine-scale));padding:calc(.4375rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));font-size:calc(.8125rem * var(--mantine-scale));font-family:inherit;cursor:pointer}@media(hover:hover){.topright-divopt:hover{background:var(--btn-active)}}.topright-divopt.active{background:var(--accent);color:#fff}.topright-io{width:calc(2.125rem * var(--mantine-scale));height:calc(2.125rem * var(--mantine-scale));border:none;border-radius:calc(.5rem * var(--mantine-scale));background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.topright-io:hover{color:var(--text);background:var(--btn-bg)}}.topright-io:active{background:var(--btn-active)}.topright-io.active{color:var(--accent);background:var(--accent-soft)}