@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:#000;place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%}*{box-sizing:border-box}.auth-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;display:flex;position:relative}.auth-logo{letter-spacing:2px;color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#fff 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:1.5rem;font-weight:800;animation:1s ease-out fadeIn}.auth-bg-glow{z-index:-1;filter:blur(50px);background:radial-gradient(circle,#6464ff1a 0%,#0000 70%);width:500px;height:500px;position:absolute}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:40px;animation:.8s ease-out fadeIn;box-shadow:0 20px 40px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{text-align:center;background:linear-gradient(90deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.auth-subtitle{color:#888;text-align:center;margin-bottom:32px;font-size:.9rem}.auth-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#aaa;margin-left:4px;font-size:.8rem}.auth-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px;transition:all .3s}.auth-input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:12px;margin-top:12px;padding:14px;font-weight:600;transition:transform .2s,opacity .2s}.auth-button:hover{opacity:.9;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-switch{text-align:center;color:#888;margin-top:24px;font-size:.9rem}.auth-switch span{color:#6366f1;cursor:pointer;font-weight:500}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:20px;padding:12px;font-size:.85rem;animation:.5s ease-in-out shake;display:flex}.auth-error b{opacity:.8;text-transform:uppercase;font-size:.75rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lobby-container{padding-top:max(40px, env(safe-area-inset-top,80px));-webkit-overflow-scrolling:touch;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100dvh;display:flex;overflow-y:auto}.lobby-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:92%;max-width:500px;margin-bottom:calc(40px + env(safe-area-inset-bottom,0px));background:#0f0f12cc;border:1px solid #ffffff14;border-radius:28px;padding:30px;box-shadow:0 40px 100px #000c}.lobby-title{color:#fff;margin-bottom:8px;font-size:1.8rem;font-weight:700}.lobby-status{color:#888;font-size:.9rem}.users-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.user-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #6366f14d}.user-avatar.speaking{box-shadow:0 0 calc(var(--volume,0) * 30px) rgba(99, 102, 241, calc(var(--volume,0) * .9));transform:scale(calc(1 + var(--volume,0) * .18))}.mic-toggle-lobby{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;transition:all .3s;display:flex}.mic-toggle-lobby.active{background:#6366f1;box-shadow:0 0 20px #6366f166}.mic-toggle-lobby.muted{color:#ef4444;background:#ef44441a}.mic-toggle-lobby:hover{transform:scale(1.1)rotate(5deg)}.user-name{color:#fff;font-weight:500}.status-badge{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600}.status-ready{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.status-waiting{color:#eab308;background:#eab3081a;border:1px solid #eab30833}.ready-button{cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s}.ready-button.not-ready{color:#fff;background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%)}.ready-button.ready{color:#22c55e;background:#22c55e33;border:1px solid #22c55e}.ready-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.ready-button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.boards-section{border-top:1px solid #ffffff1a;flex-direction:column;gap:16px;margin-top:24px;margin-bottom:24px;padding-top:24px;display:flex}.boards-header{justify-content:space-between;align-items:center;display:flex}.boards-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:600}.create-board-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:6px 12px;font-size:.8rem;transition:all .2s}.create-board-btn:hover{background:#6366f133;transform:translateY(-1px)}.boards-grid{grid-template-columns:1fr;gap:8px;max-height:180px;padding-right:8px;display:grid;overflow-y:auto}.boards-grid::-webkit-scrollbar{width:4px}.boards-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.board-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.board-item:hover{background:#ffffff0f;border-color:#ffffff1a}.board-item.selected{background:#6366f126;border-color:#6366f1;box-shadow:0 0 15px #6366f133}.board-info{flex-direction:column;gap:2px;display:flex}.board-name{color:#fff;font-size:.9rem;font-weight:500}.board-date{color:#ffffff4d;font-size:.7rem}.delete-board-btn{color:#ef444466;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:8px;padding:8px;transition:all .2s;display:flex}.delete-board-btn:hover{color:#ef4444;background:#ef44441a;transform:scale(1.1)}.board-actions{align-items:center;gap:4px;display:flex}.call-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.call-btn:hover:not(:disabled){color:#4ade80;background:#22c55e33;border-color:#22c55e66}.call-btn:disabled{opacity:.5;cursor:wait}.call-btn.calling{color:#4ade80;background:#22c55e1a;animation:1.5s infinite pulse-green-glow}.connected-badge{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:50%;padding:6px;display:flex}.call-overlay{z-index:10000;pointer-events:none;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e1e23fa;border:1px solid #ffffff26;border-radius:32px;width:320px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modal-pop-in;box-shadow:0 30px 60px #000c}.main-call-btn.declined{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake-button;color:#fff!important;filter:none!important;opacity:1!important;background:#ef444466!important;border-color:#ef4444!important;box-shadow:0 0 25px #ef444499!important}@keyframes shake-button{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.call-modal-avatar{color:#fff;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 24px;display:flex;position:relative;box-shadow:0 0 40px #22c55e4d}.call-modal-avatar:after{content:"";border:2px solid #22c55e;border-radius:50%;animation:1.5s infinite ripple-green;position:absolute;inset:-10px}.phone-anim{animation:.6s infinite phone-ring}.call-modal-title{color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:13px}.call-modal-name{color:#fff;margin-bottom:40px;font-size:28px;font-weight:800}.call-modal-actions{justify-content:center;gap:24px;display:flex}.call-action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.call-action-btn.accept{background:#22c55e;box-shadow:0 10px 25px #22c55e66}.call-action-btn.accept:hover{background:#16a34a;transform:scale(1.15);box-shadow:0 15px 30px #22c55e80}.call-action-btn.decline{background:#ef4444;box-shadow:0 10px 25px #ef444466}.call-action-btn.decline:hover{background:#dc2626;transform:scale(1.15);box-shadow:0 15px 30px #ef444480}@keyframes phone-ring{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes ripple-green{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes pulse-green-glow{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}.lobby-title{color:#fff;text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:700}.lobby-header{text-align:center;margin-bottom:30px}.main-call-btn{color:#4ade80;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e33;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:-16px;margin-bottom:32px;padding:16px 20px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.main-call-btn:hover:not(:disabled){color:#fff;background:#22c55e;transform:translateY(-2px);box-shadow:0 0 20px #22c55e66}.main-call-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.main-call-btn.calling{animation:1.5s infinite pulse-green-glow}.active-call-overlay{top:calc(20px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#141419b3;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:16px;padding:10px 14px;animation:.5s cubic-bezier(.175,.885,.32,1.275) slide-in-right;display:flex;position:fixed;box-shadow:0 20px 40px #0006}@media (width<=600px){.active-call-overlay{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));justify-content:space-between;left:20px;right:20px}}.call-participants-heads{align-items:center;display:flex}.mini-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border:2px solid #1a1a1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-12px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex;position:relative}.mini-avatar:first-child{margin-left:0}.mini-avatar.speaking{box-shadow:0 0 calc(var(--volume,0) * 20px) rgba(99, 102, 241, calc(var(--volume,0) * .9));z-index:10;border-color:#6366f1;transform:scale(1.1)translateY(-2px)}.call-controls-mini{border-left:1px solid #ffffff1a;align-items:center;gap:10px;padding-left:10px;display:flex}.mini-mic-btn,.mini-end-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mini-mic-btn{color:#94a3b8;background:#ffffff0d}.mini-mic-btn.active{color:#60a5fa;background:#3b82f633}.mini-end-btn{color:#ef4444;background:#ef444426}.mini-end-btn:hover{color:#fff;background:#ef4444;transform:scale(1.05)}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.board-container{cursor:crosshair;background-color:#121212;width:100vw;height:100dvh;position:relative;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.toolbar-wrapper{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:12px;max-width:98vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}:root{--width-main:clamp(320px, 90vw, 430px);--width-pencil:clamp(320px, 95vw, 710px);--width-text:clamp(320px, 90vw, 490px)}.toolbar-main{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:#121212f5;border:1px solid #ffffff1f;border-radius:32px;height:64px;margin:0 auto;transition:width .45s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000d9}.toolbar-main.view-main{width:var(--width-main)}.toolbar-main.view-pencil{width:var(--width-pencil)}.toolbar-main.view-text{width:var(--width-text)}.toolbar-inner{height:100%;width:calc(var(--width-main) + var(--width-pencil) + var(--width-text));will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.toolbar-main.view-main .toolbar-inner{transform:translate(0)}.toolbar-main.view-pencil .toolbar-inner{transform:translateX(calc(-1 * var(--width-main)))}.toolbar-main.view-text .toolbar-inner{transform:translateX(calc(-1 * (var(--width-main) + var(--width-pencil))))}.toolbar-page{flex-shrink:0;justify-content:center;align-items:center;height:100%;padding:0 16px;display:flex}.toolbar-page.page-main{width:var(--width-main)}.toolbar-page.page-pencil{width:var(--width-pencil)}.toolbar-page.page-text{width:var(--width-text)}.toolbar-content-inner{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.setting-value{color:#3b82f6;text-align:right;font-variant-numeric:tabular-nums;width:34px;font-size:.75rem;font-weight:600}.setting-label-mini{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.toolbar-settings-content{align-items:center;gap:16px;height:100%;display:flex}.setting-item{white-space:nowrap;align-items:center;gap:10px;display:flex}.setting-label-mini{color:#ffffff80;text-transform:uppercase;font-size:.7rem;font-weight:600}.size-slider-mini{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:80px;height:4px}.size-slider-mini::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:14px;height:14px}.color-palette-mini{gap:6px;display:flex}.color-dot{cursor:pointer;border:1px solid #ffffff1a;border-radius:50%;width:18px;height:18px;transition:transform .2s}.color-dot:hover{transform:scale(1.3)}.color-dot.active{border:2px solid #fff;transform:scale(1.3)}.tool-button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.tool-button:hover{color:#fff;background:#ffffff0d}.tool-button.active{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.divider-mini{background:#ffffff1a;width:1px;height:24px;margin:0 4px}.exit-btn:hover{background:#ef44441a!important}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:32px;box-shadow:0 25px 50px #00000080}.modal-title{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:700}.modal-text{color:#fff9;margin-bottom:24px;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn.primary{color:#fff;background:#ef4444}.modal-btn.primary:hover{background:#dc2626;transform:translateY(-2px)}.modal-btn.secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.modal-btn.secondary:hover{background:#ffffff1a}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.toolbar-group-container{pointer-events:none;align-items:center;gap:12px;display:flex}.toolbar-group-container>*{pointer-events:auto}.users-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121212f2;border:1px solid #ffffff1a;border-radius:32px;align-items:center;gap:10px;height:64px;padding:0 16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 25px 60px #000c}.avatars-list{align-items:center;gap:5px;display:flex}.avatar-circle{color:#fff;cursor:default;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;transition:transform .1s ease-out,box-shadow .1s ease-out;display:flex;position:relative;box-shadow:0 0 #3b82f600}.avatar-circle.speaking{box-shadow:0 0 calc(var(--volume,0) * 25px) rgba(59, 130, 246, calc(var(--volume,0) * .8));transform:scale(calc(1 + var(--volume,0) * .15));border-color:#3b82f680}.avatar-circle:first-child{margin-left:0}.avatar-circle:hover{z-index:10;transform:translateY(-4px)scale(1.1)}.mic-toggle{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mic-toggle.active{background:#3b82f6;box-shadow:0 0 15px #3b82f680}.mic-toggle.muted{color:#ef4444;background:#ef44441a}.call-toggle{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.call-toggle.in-call{color:#ef4444;background:#ef444426}.call-toggle.in-call:hover{color:#fff;background:#ef4444}.call-toggle.calling{background:#3b82f6;animation:1.5s infinite pulse-blue-board}@keyframes pulse-blue-board{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.board-call-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:11000;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.board-call-modal{text-align:center;background:#121212;border:1px solid #ffffff1a;border-radius:32px;width:340px;padding:40px;box-shadow:0 25px 60px #000000e6}.board-call-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;box-shadow:0 0 30px #3b82f666}.board-call-actions{justify-content:center;gap:16px;margin-top:30px;display:flex}.board-call-btn{cursor:pointer;color:#fff;border:none;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.board-call-btn.accept{background:#10b981}.board-call-btn.decline{background:#ef4444}.board-call-btn:hover{transform:translateY(-4px)}.mic-toggle:hover,.call-toggle:hover{transform:translateY(-2px)}.mobile-start-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10000;background:#000000f2;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.start-card{text-align:center;background:#19191ee6;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:380px;padding:40px 30px;animation:.5s cubic-bezier(.175,.885,.32,1.275) modal-pop-in;box-shadow:0 40px 100px #0009}.start-card h2{background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:24px;font-weight:800}.start-card p{color:#94a3b8;margin-bottom:32px;font-size:15px;line-height:1.6}.start-session-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:16px;width:100%;padding:18px;font-size:16px;font-weight:700;transition:all .2s}.start-session-btn:hover{background:#f0f0f0;transform:scale(1.02)}.start-session-btn:active{transform:scale(.96)}@media (width<=1024px){.toolbar-group-container{gap:8px}.users-panel{height:58px;padding:0 12px}.toolbar-main{height:58px}}@media (width<=768px){.toolbar-wrapper{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.toolbar-group-container{flex-direction:column-reverse;align-items:center;width:100%}.users-panel{border-radius:16px;width:fit-content;height:50px;padding:0 12px}.toolbar-main{border-radius:16px;height:50px}.tool-button{border-radius:10px;width:34px;height:34px}.divider-mini{height:20px}.setting-item{gap:6px}.setting-label-mini{display:none}.size-slider-mini{width:60px}.color-dot{width:16px;height:16px}}