.ColorLab-module__foHYDq__page{color:#f4f5fb;background:radial-gradient(circle at 20% 0,#6c4df621,#0000 32%),radial-gradient(circle at 100% 20%,#00cdff14,#0000 26%),#090b12;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ColorLab-module__foHYDq__page button,.ColorLab-module__foHYDq__page input,.ColorLab-module__foHYDq__page select{font:inherit}.ColorLab-module__foHYDq__topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20;background:#0c0e17eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:18px 24px;display:flex;position:sticky;top:0}.ColorLab-module__foHYDq__brand{align-items:center;gap:14px;display:flex}.ColorLab-module__foHYDq__brandIcon{background:linear-gradient(145deg,#ffffff30,#0000),linear-gradient(135deg,#6c4df6,#00bddd);border-radius:15px;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:0 14px 35px #6c4df647}.ColorLab-module__foHYDq__brand h1{margin:2px 0 3px;font-size:22px;line-height:1.1}.ColorLab-module__foHYDq__brand p{color:#9299ad;margin:0;font-size:12px}.ColorLab-module__foHYDq__brand .ColorLab-module__foHYDq__eyebrow{color:#9f8cff;letter-spacing:.18em;font-size:9px;font-weight:800}.ColorLab-module__foHYDq__topActions,.ColorLab-module__foHYDq__bottomActions{align-items:center;gap:8px;display:flex}.ColorLab-module__foHYDq__topActions button,.ColorLab-module__foHYDq__bottomActions button,.ColorLab-module__foHYDq__creatorActions button,.ColorLab-module__foHYDq__sectionHeading button,.ColorLab-module__foHYDq__libraryFooter button{color:#e9ebf5;cursor:pointer;background:#171a26;border:1px solid #ffffff1a;border-radius:10px;min-height:38px;padding:0 13px;transition:all .16s}.ColorLab-module__foHYDq__topActions button:hover,.ColorLab-module__foHYDq__bottomActions button:hover,.ColorLab-module__foHYDq__creatorActions button:hover,.ColorLab-module__foHYDq__sectionHeading button:hover,.ColorLab-module__foHYDq__libraryFooter button:hover{background:#202435;border-color:#8b71ffcc;transform:translateY(-1px)}.ColorLab-module__foHYDq__primaryButton{box-shadow:0 10px 24px #6c4df638;color:#fff!important;background:linear-gradient(135deg,#6c4df6,#8e63ff)!important;border-color:#0000!important}.ColorLab-module__foHYDq__helpButton{width:38px;font-weight:900;border-radius:50%!important;padding:0!important}.ColorLab-module__foHYDq__statusBar{color:#8f96aa;background:#0e111a;border-bottom:1px solid #ffffff0f;align-items:center;gap:9px;min-height:36px;padding:0 24px;font-size:11px;display:flex}.ColorLab-module__foHYDq__statusBar strong{color:#9ef1cb}.ColorLab-module__foHYDq__statusValue{color:#b9bfd1;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ColorLab-module__foHYDq__readyDot{background:#3fe2a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #3fe2a0cc}.ColorLab-module__foHYDq__workspace{grid-template-columns:minmax(280px,330px) minmax(460px,1fr) minmax(290px,350px);gap:14px;min-height:calc(100vh - 174px);padding:14px;display:grid}.ColorLab-module__foHYDq__panel,.ColorLab-module__foHYDq__previewPanel,.ColorLab-module__foHYDq__familyPanel{background:#121520eb;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 18px 60px #00000038}.ColorLab-module__foHYDq__panel{padding:15px}.ColorLab-module__foHYDq__panelHeader,.ColorLab-module__foHYDq__sectionHeading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.ColorLab-module__foHYDq__panelHeader>div,.ColorLab-module__foHYDq__sectionHeading>div{align-items:center;gap:9px;display:flex}.ColorLab-module__foHYDq__panelHeader h2,.ColorLab-module__foHYDq__sectionHeading h2{margin:0;font-size:14px}.ColorLab-module__foHYDq__panelHeader button{color:#aab0c2;cursor:pointer;background:#1a1e2b;border:1px solid #ffffff1c;border-radius:50%;width:28px;height:28px;padding:0}.ColorLab-module__foHYDq__panelNumber,.ColorLab-module__foHYDq__sectionHeading>div>span{color:#8d74ff;letter-spacing:.08em;font-size:10px;font-weight:900}.ColorLab-module__foHYDq__colorInputBlock{margin-bottom:14px}.ColorLab-module__foHYDq__colorInputBlock label,.ColorLab-module__foHYDq__field span,.ColorLab-module__foHYDq__sliderLabel{color:#969daf;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.ColorLab-module__foHYDq__nativeColor{cursor:pointer;background:#0c0f18;border:1px solid #ffffff17;border-radius:13px;width:100%;height:92px;padding:5px}.ColorLab-module__foHYDq__field{margin-bottom:13px;display:block}.ColorLab-module__foHYDq__field input,.ColorLab-module__foHYDq__field select{color:#f4f5fa;background:#0d1019;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;min-height:39px;padding:0 11px}.ColorLab-module__foHYDq__field input:focus,.ColorLab-module__foHYDq__field select:focus{border-color:#795dff;box-shadow:0 0 0 3px #6c4df621}.ColorLab-module__foHYDq__sliderGroup{margin-bottom:13px}.ColorLab-module__foHYDq__sliderLabel{justify-content:space-between;align-items:center;display:flex}.ColorLab-module__foHYDq__sliderLabel strong{color:#e6e8f1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ColorLab-module__foHYDq__sliderGroup input{accent-color:#7658ff;width:100%}.ColorLab-module__foHYDq__creatorActions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.ColorLab-module__foHYDq__centerColumn{align-content:start;gap:14px;min-width:0;display:grid}.ColorLab-module__foHYDq__previewPanel,.ColorLab-module__foHYDq__familyPanel{padding:14px}.ColorLab-module__foHYDq__heroPreview{border-radius:14px;align-items:flex-end;min-height:350px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.ColorLab-module__foHYDq__heroPreview:before{content:"";background:linear-gradient(#0000 60%,#05060cc4),repeating-linear-gradient(90deg,#ffffff07 0 1px,#0000 1px 40px);position:absolute;inset:0}.ColorLab-module__foHYDq__previewOverlay{z-index:2;padding:26px;position:relative}.ColorLab-module__foHYDq__previewOverlay span{letter-spacing:.2em;font-size:9px;font-weight:900}.ColorLab-module__foHYDq__previewOverlay h2{margin:7px 0 4px;font-size:clamp(28px,4vw,52px);line-height:.98}.ColorLab-module__foHYDq__previewOverlay p{opacity:.82;margin:0}.ColorLab-module__foHYDq__codeGrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.ColorLab-module__foHYDq__codeGrid button{text-align:left;color:#e8eaf3;cursor:pointer;background:#0e111a;border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:11px}.ColorLab-module__foHYDq__codeGrid button:hover{border-color:#7e60ffb3}.ColorLab-module__foHYDq__codeGrid span,.ColorLab-module__foHYDq__codeGrid strong{display:block}.ColorLab-module__foHYDq__codeGrid span{color:#777f95;letter-spacing:.13em;margin-bottom:5px;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__codeGrid strong{color:#dfe2ec;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;overflow:hidden}.ColorLab-module__foHYDq__familyGrid{grid-template-columns:repeat(11,minmax(54px,1fr));gap:5px;display:grid}.ColorLab-module__foHYDq__familyItem{text-align:left;color:#e3e5ed;cursor:pointer;background:#0d1018;border:1px solid #ffffff12;border-radius:9px;padding:0;overflow:hidden}.ColorLab-module__foHYDq__familyItem:hover{border-color:#ffffff45;transform:translateY(-2px)}.ColorLab-module__foHYDq__familySwatch{height:56px;display:block}.ColorLab-module__foHYDq__familyItem strong,.ColorLab-module__foHYDq__familyItem small{padding:0 6px;display:block}.ColorLab-module__foHYDq__familyItem strong{margin-top:6px;font-size:10px}.ColorLab-module__foHYDq__familyItem small{color:#7d8497;margin:2px 0 7px;font-size:7px}.ColorLab-module__foHYDq__libraryTabs{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px;display:grid}.ColorLab-module__foHYDq__libraryTabs button{color:#838a9e;cursor:pointer;background:#0e1119;border:1px solid #ffffff12;border-radius:8px;min-height:33px;padding:0 6px;font-size:10px}.ColorLab-module__foHYDq__libraryTabs button[data-active=true]{color:#fff;background:#6c4df62e;border-color:#795dffb3}.ColorLab-module__foHYDq__libraryList{min-height:410px;max-height:540px;overflow:auto}.ColorLab-module__foHYDq__emptyLibrary{text-align:center;color:#757d92;place-content:center;min-height:310px;display:grid}.ColorLab-module__foHYDq__emptyLibrary span{color:#7860e8;font-size:38px}.ColorLab-module__foHYDq__emptyLibrary strong{color:#b7bdcc;margin:8px 0 4px;font-size:13px}.ColorLab-module__foHYDq__emptyLibrary p{max-width:220px;margin:0;font-size:10px;line-height:1.6}.ColorLab-module__foHYDq__savedColor{background:#0e1119;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:6px;margin-bottom:7px;padding:7px;display:grid}.ColorLab-module__foHYDq__savedColorMain{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.ColorLab-module__foHYDq__savedSwatch{border-radius:9px;flex:none;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff24}.ColorLab-module__foHYDq__savedColorMain strong,.ColorLab-module__foHYDq__savedColorMain small{display:block}.ColorLab-module__foHYDq__savedColorMain strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ColorLab-module__foHYDq__savedColorMain small{color:#7f8799;margin-top:3px;font-size:8px}.ColorLab-module__foHYDq__savedActions{gap:3px;display:flex}.ColorLab-module__foHYDq__savedActions button{color:#979eb1;cursor:pointer;background:#181c28;border:0;border-radius:7px;width:27px;height:27px;padding:0}.ColorLab-module__foHYDq__savedActions button:hover{color:#fff;background:#252a3a}.ColorLab-module__foHYDq__libraryFooter{border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:12px;display:grid}.ColorLab-module__foHYDq__libraryFooter button{min-width:0;padding:0 5px;font-size:9px}.ColorLab-module__foHYDq__bottomBar{z-index:19;background:#0d1018;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:8px 18px;display:flex;position:sticky;bottom:0}.ColorLab-module__foHYDq__bottomBar>div:first-child{color:#8991a4;align-items:center;gap:8px;font-size:10px;display:flex}@media (max-width:1180px){.ColorLab-module__foHYDq__workspace{grid-template-columns:290px minmax(420px,1fr)}.ColorLab-module__foHYDq__workspace>aside:last-child{grid-column:1/-1}.ColorLab-module__foHYDq__libraryList{min-height:220px}.ColorLab-module__foHYDq__familyGrid{grid-template-columns:repeat(6,1fr)}}@media (max-width:820px){.ColorLab-module__foHYDq__topbar,.ColorLab-module__foHYDq__bottomBar{flex-direction:column;align-items:flex-start}.ColorLab-module__foHYDq__workspace{grid-template-columns:1fr}.ColorLab-module__foHYDq__workspace>aside:last-child{grid-column:auto}.ColorLab-module__foHYDq__codeGrid{grid-template-columns:repeat(2,1fr)}.ColorLab-module__foHYDq__familyGrid{grid-template-columns:repeat(4,1fr)}}.ColorLab-module__foHYDq__palettePanel{background:#121520eb;border:1px solid #ffffff14;border-radius:16px;padding:14px;box-shadow:0 18px 60px #00000038}.ColorLab-module__foHYDq__paletteModes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ColorLab-module__foHYDq__paletteModes button{color:#8d95a8;cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:9px;min-height:34px;padding:0 11px;font-size:9px;font-weight:700;transition:all .16s}.ColorLab-module__foHYDq__paletteModes button:hover{color:#fff;border-color:#7e60ff94}.ColorLab-module__foHYDq__paletteModes button[data-active=true]{color:#fff;background:#6c4df630;border-color:#7e60ffe6;box-shadow:0 0 0 3px #6c4df614}.ColorLab-module__foHYDq__palettePreview{background:#0c0f17;border:1px solid #ffffff17;border-radius:13px;grid-template-columns:repeat(5,1fr);min-height:185px;display:grid;overflow:hidden}.ColorLab-module__foHYDq__paletteColor{text-align:left;cursor:pointer;border:0;align-items:flex-end;min-width:0;padding:0;transition:all .18s;display:flex;position:relative}.ColorLab-module__foHYDq__paletteColor:hover{z-index:2;transform:scale(1.025);box-shadow:0 0 0 2px #fff9}.ColorLab-module__foHYDq__paletteColor>span{color:#fff;text-shadow:0 1px 4px #000000a6;background:linear-gradient(#0000,#000000c2);width:100%;padding:40px 10px 10px}.ColorLab-module__foHYDq__paletteColor strong,.ColorLab-module__foHYDq__paletteColor small{display:block}.ColorLab-module__foHYDq__paletteColor strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ColorLab-module__foHYDq__paletteColor small{opacity:.82;margin-top:3px;font-size:7px}.ColorLab-module__foHYDq__paletteCodeList{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px;display:grid}.ColorLab-module__foHYDq__paletteCodeList button{text-align:left;color:#e1e4ed;cursor:pointer;background:#0d1018;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.ColorLab-module__foHYDq__paletteCodeList button:hover{background:#131725;border-color:#7e60ffa6}.ColorLab-module__foHYDq__paletteCodeSwatch{border-radius:7px;width:27px;height:27px;box-shadow:inset 0 0 0 1px #ffffff2b}.ColorLab-module__foHYDq__paletteCodeList strong,.ColorLab-module__foHYDq__paletteCodeList small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ColorLab-module__foHYDq__paletteCodeList small{color:#858da1;margin-top:2px;font-size:7px}.ColorLab-module__foHYDq__paletteCodeList code{display:none}@media (max-width:1180px){.ColorLab-module__foHYDq__palettePreview,.ColorLab-module__foHYDq__paletteCodeList{grid-template-columns:repeat(5,minmax(90px,1fr))}.ColorLab-module__foHYDq__palettePreview{overflow-x:auto}}@media (max-width:820px){.ColorLab-module__foHYDq__palettePreview{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.ColorLab-module__foHYDq__paletteCodeList{grid-template-columns:repeat(2,1fr)}}.ColorLab-module__foHYDq__gradientPanel{background:#121520eb;border:1px solid #ffffff14;border-radius:16px;padding:14px;box-shadow:0 18px 60px #00000038}.ColorLab-module__foHYDq__gradientTypeTabs{gap:6px;margin-bottom:12px;display:flex}.ColorLab-module__foHYDq__gradientTypeTabs button{color:#8d95a8;cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:9px;min-height:34px;padding:0 14px;font-size:9px;font-weight:800}.ColorLab-module__foHYDq__gradientTypeTabs button:hover{color:#fff;border-color:#7e60ffa6}.ColorLab-module__foHYDq__gradientTypeTabs button[data-active=true]{color:#fff;background:#6c4df630;border-color:#7e60ffe6;box-shadow:0 0 0 3px #6c4df614}.ColorLab-module__foHYDq__gradientPreview{border:1px solid #ffffff1a;border-radius:14px;align-items:flex-end;min-height:240px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 16px 45px #0003}.ColorLab-module__foHYDq__gradientPreview:after{content:"";background:linear-gradient(#0000 55%,#04050ad1),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 42px);position:absolute;inset:0}.ColorLab-module__foHYDq__gradientPreviewContent{z-index:2;color:#fff;min-width:0;padding:22px;position:relative}.ColorLab-module__foHYDq__gradientPreviewContent span,.ColorLab-module__foHYDq__gradientPreviewContent strong,.ColorLab-module__foHYDq__gradientPreviewContent small{display:block}.ColorLab-module__foHYDq__gradientPreviewContent span{letter-spacing:.18em;margin-bottom:6px;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__gradientPreviewContent strong{font-size:26px}.ColorLab-module__foHYDq__gradientPreviewContent small{opacity:.78;text-overflow:ellipsis;white-space:nowrap;max-width:780px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;overflow:hidden}.ColorLab-module__foHYDq__gradientControls{grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:end;gap:10px;margin-top:12px;display:grid}.ColorLab-module__foHYDq__gradientColorField>span{color:#969daf;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.ColorLab-module__foHYDq__gradientColorField>div{grid-template-columns:44px 1fr;gap:7px;display:grid}.ColorLab-module__foHYDq__gradientColorField input[type=color]{cursor:pointer;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;width:44px;height:39px;padding:3px}.ColorLab-module__foHYDq__gradientColorField input:not([type=color]){color:#f4f5fa;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;min-height:39px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.ColorLab-module__foHYDq__gradientColorField input:not([type=color]):focus{border-color:#795dff;box-shadow:0 0 0 3px #6c4df621}.ColorLab-module__foHYDq__gradientMiddleActions{gap:5px;display:flex}.ColorLab-module__foHYDq__gradientMiddleActions button{color:#a9b0c1;cursor:pointer;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;min-height:39px;padding:0 11px;font-size:9px}.ColorLab-module__foHYDq__gradientMiddleActions button:hover,.ColorLab-module__foHYDq__gradientMiddleActions button[data-active=true]{color:#fff;background:#6c4df629;border-color:#7e60ffb8}.ColorLab-module__foHYDq__gradientAngleControl{margin-top:14px}.ColorLab-module__foHYDq__gradientAngleControl>div{color:#969daf;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.ColorLab-module__foHYDq__gradientAngleControl strong{color:#e6e8f1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ColorLab-module__foHYDq__gradientAngleControl input{accent-color:#7658ff;width:100%}.ColorLab-module__foHYDq__gradientQuickActions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;display:grid}.ColorLab-module__foHYDq__gradientQuickActions button{color:#a9b0c1;cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:9px;min-height:38px;padding:0 10px;font-size:9px;font-weight:700}.ColorLab-module__foHYDq__gradientQuickActions button:hover{color:#fff;background:#151927;border-color:#7e60ffa6}.ColorLab-module__foHYDq__gradientApplyButton{box-shadow:0 10px 24px #6c4df633;color:#fff!important;background:linear-gradient(135deg,#6c4df6,#8e63ff)!important;border-color:#0000!important}.ColorLab-module__foHYDq__gradientCode{background:#0c0f17;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:9px;display:grid}.ColorLab-module__foHYDq__gradientCode>span{color:#858da1;letter-spacing:.08em;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__gradientCode code{color:#dfe3ef;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.ColorLab-module__foHYDq__gradientCode button{color:#e4e7f0;cursor:pointer;background:#191d2a;border:1px solid #ffffff17;border-radius:8px;min-height:31px;padding:0 10px;font-size:8px}.ColorLab-module__foHYDq__gradientCode button:hover{border-color:#7e60ffa6}@media (max-width:900px){.ColorLab-module__foHYDq__gradientControls{grid-template-columns:1fr}.ColorLab-module__foHYDq__gradientMiddleActions{justify-content:center}.ColorLab-module__foHYDq__gradientQuickActions{grid-template-columns:repeat(2,1fr)}.ColorLab-module__foHYDq__gradientCode{grid-template-columns:1fr}}.ColorLab-module__foHYDq__accessibilityPanel{background:#121520eb;border:1px solid #ffffff14;border-radius:16px;padding:14px;box-shadow:0 18px 60px #00000038}.ColorLab-module__foHYDq__accessibilityWorkspace{grid-template-columns:minmax(300px,.7fr) minmax(400px,1.3fr);gap:12px;display:grid}.ColorLab-module__foHYDq__accessibilityControls{background:#0c0f17;border:1px solid #ffffff12;border-radius:12px;padding:13px}.ColorLab-module__foHYDq__accessibilityColorField{display:block}.ColorLab-module__foHYDq__accessibilityColorField>span{color:#969daf;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.ColorLab-module__foHYDq__accessibilityColorField>div{grid-template-columns:48px 1fr;gap:7px;display:grid}.ColorLab-module__foHYDq__accessibilityColorField input[type=color]{cursor:pointer;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;width:48px;height:40px;padding:3px}.ColorLab-module__foHYDq__accessibilityColorField input:not([type=color]){color:#f4f5fa;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;outline:none;min-width:0;min-height:40px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.ColorLab-module__foHYDq__accessibilityColorField input:not([type=color]):focus{border-color:#795dff;box-shadow:0 0 0 3px #6c4df621}.ColorLab-module__foHYDq__accessibilitySwap{justify-content:center;padding:13px 0;display:flex}.ColorLab-module__foHYDq__accessibilitySwap button{color:#b1b7c8;cursor:pointer;background:#171b28;border:1px solid #ffffff17;border-radius:9px;min-height:34px;padding:0 14px;font-size:9px}.ColorLab-module__foHYDq__accessibilitySwap button:hover{color:#fff;border-color:#7e60ffb3}.ColorLab-module__foHYDq__accessibilityPreview{border:1px solid #ffffff17;border-radius:13px;flex-direction:column;justify-content:center;min-height:260px;padding:28px;display:flex;position:relative;overflow:hidden}.ColorLab-module__foHYDq__accessibilityPreview:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 42px);position:absolute;inset:0}.ColorLab-module__foHYDq__accessibilityPreview>*{z-index:2;position:relative}.ColorLab-module__foHYDq__accessibilityPreview>span{letter-spacing:.18em;opacity:.78;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__accessibilityPreview h3{max-width:660px;margin:11px 0 9px;font-size:clamp(25px,3vw,42px);line-height:1.04}.ColorLab-module__foHYDq__accessibilityPreview p{opacity:.88;max-width:640px;margin:0;font-size:13px;line-height:1.65}.ColorLab-module__foHYDq__accessibilityPreview>div{align-items:center;gap:13px;margin-top:20px;display:flex}.ColorLab-module__foHYDq__accessibilityPreview button{cursor:pointer;border:0;border-radius:9px;min-height:38px;padding:0 16px;font-size:10px;font-weight:800}.ColorLab-module__foHYDq__accessibilityPreview small{opacity:.74;font-size:9px}.ColorLab-module__foHYDq__contrastSummary{grid-template-columns:minmax(210px,.65fr) minmax(480px,1.35fr);gap:10px;margin-top:12px;display:grid}.ColorLab-module__foHYDq__contrastHero{background:radial-gradient(circle at 0 0,#6c4df638,#0000 55%),#0c0f17;border:1px solid #7e60ff4d;border-radius:12px;flex-direction:column;justify-content:center;padding:17px;display:flex}.ColorLab-module__foHYDq__contrastHero span{color:#989fb1;letter-spacing:.12em;font-size:9px;font-weight:900}.ColorLab-module__foHYDq__contrastHero strong{margin:7px 0;font-size:35px;line-height:1}.ColorLab-module__foHYDq__contrastHero small{color:#949caf;font-size:9px;line-height:1.55}.ColorLab-module__foHYDq__accessibilityResultGrid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.ColorLab-module__foHYDq__accessibilityResultGrid article{background:#ff465f0f;border:1px solid #ff5d7342;border-radius:10px;min-width:0;padding:12px}.ColorLab-module__foHYDq__accessibilityResultGrid article[data-passed=true]{background:#3fe2a00f;border-color:#3fe2a04d}.ColorLab-module__foHYDq__accessibilityResultGrid span,.ColorLab-module__foHYDq__accessibilityResultGrid strong,.ColorLab-module__foHYDq__accessibilityResultGrid small,.ColorLab-module__foHYDq__accessibilityResultGrid em{display:block}.ColorLab-module__foHYDq__accessibilityResultGrid span{color:#8f96aa;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__accessibilityResultGrid strong{text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:10px;overflow:hidden}.ColorLab-module__foHYDq__accessibilityResultGrid small{color:#ff7d91;font-size:9px;font-weight:800}.ColorLab-module__foHYDq__accessibilityResultGrid article[data-passed=true] small{color:#54e3a7}.ColorLab-module__foHYDq__accessibilityResultGrid em{color:#747c90;margin-top:6px;font-size:7px;font-style:normal}.ColorLab-module__foHYDq__textReadability{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.ColorLab-module__foHYDq__textReadability article{background:#0c0f17;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.ColorLab-module__foHYDq__readabilitySwatch{border-radius:9px;place-items:center;width:48px;height:48px;font-size:17px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.ColorLab-module__foHYDq__textReadability span,.ColorLab-module__foHYDq__textReadability strong,.ColorLab-module__foHYDq__textReadability small{display:block}.ColorLab-module__foHYDq__textReadability span{color:#8d94a7;font-size:8px;font-weight:900}.ColorLab-module__foHYDq__textReadability strong{margin:4px 0;font-size:12px}.ColorLab-module__foHYDq__textReadability small{color:#7f8799;font-size:8px}.ColorLab-module__foHYDq__recommendedText{background:#6c4df60e!important;border-color:#7e60ff52!important}.ColorLab-module__foHYDq__accessibilityActions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px;display:grid}.ColorLab-module__foHYDq__accessibilityActions button{color:#a9b0c1;cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:9px;min-height:38px;padding:0 10px;font-size:9px;font-weight:700}.ColorLab-module__foHYDq__accessibilityActions button:hover{color:#fff;background:#151927;border-color:#7e60ffa6}@media (max-width:1050px){.ColorLab-module__foHYDq__accessibilityWorkspace,.ColorLab-module__foHYDq__contrastSummary{grid-template-columns:1fr}.ColorLab-module__foHYDq__accessibilityResultGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.ColorLab-module__foHYDq__accessibilityResultGrid,.ColorLab-module__foHYDq__textReadability,.ColorLab-module__foHYDq__accessibilityActions{grid-template-columns:1fr}.ColorLab-module__foHYDq__accessibilityPreview>div{flex-direction:column;align-items:flex-start}}.ColorLab-module__foHYDq__statusBar{min-height:40px;font-size:12px}.ColorLab-module__foHYDq__sliderLabel strong{font-size:12px}.ColorLab-module__foHYDq__codeGrid strong,.ColorLab-module__foHYDq__familyItem strong{font-size:11px}.ColorLab-module__foHYDq__paletteCodeList small,.ColorLab-module__foHYDq__gradientPreviewContent span{font-size:9px}.ColorLab-module__foHYDq__accessibilityPreview small,.ColorLab-module__foHYDq__contrastHero span{font-size:10px}.ColorLab-module__foHYDq__page{font-size:15px}.ColorLab-module__foHYDq__brand h1{font-size:26px}.ColorLab-module__foHYDq__brand p{font-size:14px}.ColorLab-module__foHYDq__brand .ColorLab-module__foHYDq__eyebrow{font-size:11px}.ColorLab-module__foHYDq__statusBar{font-size:13px}.ColorLab-module__foHYDq__panelHeader h2,.ColorLab-module__foHYDq__sectionHeading h2{font-size:17px}.ColorLab-module__foHYDq__panelNumber,.ColorLab-module__foHYDq__sectionHeading>div>span{font-size:12px}.ColorLab-module__foHYDq__colorInputBlock label,.ColorLab-module__foHYDq__field span,.ColorLab-module__foHYDq__sliderLabel{font-size:13px}.ColorLab-module__foHYDq__field input,.ColorLab-module__foHYDq__field select{min-height:44px;font-size:14px}.ColorLab-module__foHYDq__topActions button,.ColorLab-module__foHYDq__bottomActions button,.ColorLab-module__foHYDq__creatorActions button,.ColorLab-module__foHYDq__sectionHeading button,.ColorLab-module__foHYDq__libraryFooter button{min-height:42px;font-size:13px}.ColorLab-module__foHYDq__previewOverlay span{font-size:11px}.ColorLab-module__foHYDq__previewOverlay p{font-size:15px}.ColorLab-module__foHYDq__codeGrid span{font-size:10px}.ColorLab-module__foHYDq__codeGrid strong,.ColorLab-module__foHYDq__familyItem strong{font-size:12px}.ColorLab-module__foHYDq__familyItem small{font-size:9px}.ColorLab-module__foHYDq__paletteModes button,.ColorLab-module__foHYDq__gradientTypeTabs button{min-height:38px;font-size:11px}.ColorLab-module__foHYDq__paletteColor strong{font-size:13px}.ColorLab-module__foHYDq__paletteColor small{font-size:10px}.ColorLab-module__foHYDq__paletteCodeList strong{font-size:11px}.ColorLab-module__foHYDq__paletteCodeList small,.ColorLab-module__foHYDq__gradientPreviewContent span{font-size:10px}.ColorLab-module__foHYDq__gradientPreviewContent small{font-size:11px}.ColorLab-module__foHYDq__gradientColorField>span,.ColorLab-module__foHYDq__gradientAngleControl>div{font-size:12px}.ColorLab-module__foHYDq__gradientColorField input:not([type=color]){font-size:13px}.ColorLab-module__foHYDq__gradientMiddleActions button,.ColorLab-module__foHYDq__gradientQuickActions button{font-size:11px}.ColorLab-module__foHYDq__gradientCode>span,.ColorLab-module__foHYDq__gradientCode code,.ColorLab-module__foHYDq__gradientCode button{font-size:10px}.ColorLab-module__foHYDq__accessibilityColorField>span{font-size:12px}.ColorLab-module__foHYDq__accessibilityColorField input:not([type=color]){font-size:13px}.ColorLab-module__foHYDq__accessibilitySwap button{font-size:11px}.ColorLab-module__foHYDq__accessibilityPreview>span{font-size:10px}.ColorLab-module__foHYDq__accessibilityPreview p{font-size:16px}.ColorLab-module__foHYDq__accessibilityPreview button{font-size:12px}.ColorLab-module__foHYDq__accessibilityPreview small,.ColorLab-module__foHYDq__contrastHero span{font-size:11px}.ColorLab-module__foHYDq__contrastHero strong{font-size:40px}.ColorLab-module__foHYDq__contrastHero small{font-size:11px}.ColorLab-module__foHYDq__accessibilityResultGrid span{font-size:10px}.ColorLab-module__foHYDq__accessibilityResultGrid strong{font-size:12px}.ColorLab-module__foHYDq__accessibilityResultGrid small{font-size:11px}.ColorLab-module__foHYDq__accessibilityResultGrid em{font-size:9px}.ColorLab-module__foHYDq__textReadability span{font-size:10px}.ColorLab-module__foHYDq__textReadability strong{font-size:15px}.ColorLab-module__foHYDq__textReadability small{font-size:10px}.ColorLab-module__foHYDq__accessibilityActions button{font-size:11px}.ColorLab-module__foHYDq__libraryTabs button{min-height:38px;font-size:12px}.ColorLab-module__foHYDq__emptyLibrary strong{font-size:15px}.ColorLab-module__foHYDq__emptyLibrary p{font-size:12px}.ColorLab-module__foHYDq__savedColorMain strong{font-size:13px}.ColorLab-module__foHYDq__savedColorMain small{font-size:10px}.ColorLab-module__foHYDq__libraryFooter button{font-size:11px}.ColorLab-module__foHYDq__bottomBar>div:first-child{font-size:12px}.ColorLab-module__foHYDq__paletteHeaderActions{align-items:center;gap:7px;display:flex}.ColorLab-module__foHYDq__paletteHeaderActions button{color:#e7e9f2;cursor:pointer;background:#171b27;border:1px solid #ffffff17;border-radius:9px;min-height:42px;padding:0 14px;font-size:13px}.ColorLab-module__foHYDq__paletteHeaderActions button:first-child{color:#fff;background:linear-gradient(135deg,#6c4df6,#8e63ff);border-color:#0000}.ColorLab-module__foHYDq__floatingPanel{z-index:80;color:#f4f5fb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0f19fa;border:1px solid #ffffff1c;border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 28px 80px #00000080,0 0 0 1px #6c4df614}.ColorLab-module__foHYDq__floatingPanel[data-dragging=true],.ColorLab-module__foHYDq__floatingPanel[data-resizing=true]{-webkit-user-select:none;user-select:none}.ColorLab-module__foHYDq__floatingPanelHeader{cursor:move;background:linear-gradient(#1f2539fa,#121623fa);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px 10px 14px;display:flex}.ColorLab-module__foHYDq__floatingPanelTitle{align-items:center;gap:9px;min-width:0;display:flex}.ColorLab-module__foHYDq__floatingPanelTitle span{color:#917bff;font-size:12px;font-weight:900}.ColorLab-module__foHYDq__floatingPanelTitle h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.ColorLab-module__foHYDq__floatingPanelActions{align-items:center;gap:5px;display:flex}.ColorLab-module__foHYDq__floatingPanelActions>span{color:#8f97aa;margin-right:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.ColorLab-module__foHYDq__floatingPanelActions button{color:#b6bdcc;cursor:pointer;background:#171b28;border:1px solid #ffffff14;border-radius:8px;width:30px;height:30px;padding:0;font-size:13px}.ColorLab-module__foHYDq__floatingPanelActions button:hover{color:#fff;background:#222739;border-color:#7e60ffad}.ColorLab-module__foHYDq__floatingPanelBody{flex:1;min-height:0;overflow:auto}.ColorLab-module__foHYDq__floatingLibraryContent{min-height:100%;padding:0}.ColorLab-module__foHYDq__floatingLibraryContent>aside{width:100%;min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.ColorLab-module__foHYDq__floatingPanelResizeHandle{z-index:3;cursor:nwse-resize;background:0 0;border:0;width:27px;height:27px;padding:0;position:absolute;bottom:0;right:0}.ColorLab-module__foHYDq__floatingPanelResizeHandle:before,.ColorLab-module__foHYDq__floatingPanelResizeHandle:after{content:"";border-bottom:2px solid #917bfff2;border-right:2px solid #917bfff2;position:absolute;bottom:6px;right:6px}.ColorLab-module__foHYDq__floatingPanelResizeHandle:before{width:12px;height:12px}.ColorLab-module__foHYDq__floatingPanelResizeHandle:after{opacity:.65;width:5px;height:5px;bottom:11px;right:11px}.ColorLab-module__foHYDq__floatingPanel[data-collapsed=true]{min-height:54px}.ColorLab-module__foHYDq__page button:focus-visible,.ColorLab-module__foHYDq__page input:focus-visible,.ColorLab-module__foHYDq__page select:focus-visible{outline-offset:2px;outline:2px solid #8f78ff}.ColorLab-module__foHYDq__helpBackdrop{z-index:140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060cc2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ColorLab-module__foHYDq__helpDialog{background:#111521;border:1px solid #8f78ff6b;border-radius:18px;width:min(620px,100%);overflow:hidden;box-shadow:0 30px 100px #0000008f}.ColorLab-module__foHYDq__helpDialogHeader{background:linear-gradient(#1d2233,#151927);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.ColorLab-module__foHYDq__helpDialogHeader span{color:#9b87ff;letter-spacing:.14em;font-size:10px;font-weight:900}.ColorLab-module__foHYDq__helpDialogHeader h2{margin:5px 0 0;font-size:19px}.ColorLab-module__foHYDq__helpDialogHeader button{color:#dce0eb;cursor:pointer;background:#202536;border:1px solid #ffffff1a;border-radius:10px;width:38px;height:38px;font-size:23px}.ColorLab-module__foHYDq__helpContent{padding:20px}.ColorLab-module__foHYDq__helpContent p{color:#aab1c1;margin:0 0 18px;font-size:14px;line-height:1.7}.ColorLab-module__foHYDq__shortcutGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ColorLab-module__foHYDq__shortcutGrid span{color:#b7becd;background:#0d1018;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:10px 12px;font-size:12px;display:flex}.ColorLab-module__foHYDq__shortcutGrid kbd{color:#fff;background:#242a3c;border:1px solid #ffffff21;border-bottom-width:2px;border-radius:6px;flex:none;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}@media (max-width:620px){.ColorLab-module__foHYDq__shortcutGrid{grid-template-columns:1fr}}.ColorLab-module__foHYDq__workspace{padding-bottom:14px}.ColorLab-module__foHYDq__colorInputBlock{background:#0b0e16;border:1px solid #ffffff14;border-radius:13px;padding:10px}.ColorLab-module__foHYDq__pickerTitleRow,.ColorLab-module__foHYDq__nameFieldHeader,.ColorLab-module__foHYDq__pickerSliderRow,.ColorLab-module__foHYDq__pickerActions{justify-content:space-between;align-items:center;gap:9px;display:flex}.ColorLab-module__foHYDq__pickerTitleRow{margin-bottom:8px}.ColorLab-module__foHYDq__pickerTitleRow label{margin:0}.ColorLab-module__foHYDq__pickerTitleRow strong,.ColorLab-module__foHYDq__pickerSliderRow strong{color:#d7dbe7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.ColorLab-module__foHYDq__saturationValuePicker{cursor:crosshair;touch-action:none;border:1px solid #ffffff21;border-radius:11px;width:100%;height:128px;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #0003}.ColorLab-module__foHYDq__pickerCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000bf,0 2px 10px #00000061}.ColorLab-module__foHYDq__pickerSliderRow{grid-template-columns:48px minmax(0,1fr) 34px;margin-top:9px;display:grid}.ColorLab-module__foHYDq__pickerSliderRow>span{color:#969daf;font-size:9px;font-weight:800}.ColorLab-module__foHYDq__pickerSliderRow input{appearance:none;cursor:pointer;border-radius:999px;width:100%;height:12px;margin:0}.ColorLab-module__foHYDq__hueSlider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ColorLab-module__foHYDq__alphaSlider{border:1px solid #ffffff1a}.ColorLab-module__foHYDq__pickerSliderRow input::-webkit-slider-thumb{appearance:none;background:#171a26;border:2px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 2px 8px #0006}.ColorLab-module__foHYDq__pickerSliderRow input::-moz-range-thumb{background:#171a26;border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 2px 8px #0006}.ColorLab-module__foHYDq__pickerActions{justify-content:flex-start;margin-top:10px}.ColorLab-module__foHYDq__pickerActions button,.ColorLab-module__foHYDq__nameFieldHeader button{color:#b7bdcb;cursor:pointer;background:#171b27;border:1px solid #ffffff17;border-radius:8px;min-height:30px;padding:0 9px;font-size:9px}.ColorLab-module__foHYDq__pickerActions button:hover,.ColorLab-module__foHYDq__nameFieldHeader button:hover{color:#fff;border-color:#7e60ffb8}.ColorLab-module__foHYDq__hiddenNativeColor{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.ColorLab-module__foHYDq__nameFieldHeader{margin-bottom:7px}.ColorLab-module__foHYDq__nameFieldHeader>span{margin:0}.ColorLab-module__foHYDq__nameFieldHeader button[data-locked=false]{color:#b8aaff;background:#6c4df624;border-color:#7e60ff85}.ColorLab-module__foHYDq__fieldHint{color:#777f92;margin-top:6px;font-size:8px;line-height:1.45;display:block}.ColorLab-module__foHYDq__codeGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.ColorLab-module__foHYDq__toast{z-index:160;color:#e8ebf4;opacity:0;pointer-events:none;background:#121622f5;border:1px solid #8b71ff6b;border-radius:11px;align-items:center;gap:9px;max-width:min(430px,100vw - 36px);min-height:44px;padding:10px 14px;font-size:11px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:18px;right:18px;transform:translateY(10px);box-shadow:0 20px 60px #0000006b}.ColorLab-module__foHYDq__toast[data-visible=true]{opacity:1;transform:translateY(0)}.ColorLab-module__foHYDq__bottomBar{z-index:auto;position:static}@media (max-width:980px){.ColorLab-module__foHYDq__codeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.ColorLab-module__foHYDq__saturationValuePicker{height:154px}.ColorLab-module__foHYDq__pickerActions{flex-direction:column;align-items:stretch}.ColorLab-module__foHYDq__toast{max-width:calc(100vw - 24px);bottom:12px;right:12px}}
.DesignTokensPanel-module__VIZ01G__panel{background:#121520eb;border:1px solid #ffffff14;border-radius:16px;padding:14px;box-shadow:0 18px 60px #00000038}.DesignTokensPanel-module__VIZ01G__heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.DesignTokensPanel-module__VIZ01G__heading>div{align-items:center;gap:9px;display:flex}.DesignTokensPanel-module__VIZ01G__heading span{color:#8d74ff;font-size:10px;font-weight:900}.DesignTokensPanel-module__VIZ01G__heading h2{margin:0;font-size:14px}.DesignTokensPanel-module__VIZ01G__heading button,.DesignTokensPanel-module__VIZ01G__actions button,.DesignTokensPanel-module__VIZ01G__formatTabs button,.DesignTokensPanel-module__VIZ01G__outputHeader button{color:#e7e9f2;cursor:pointer;background:#171b27;border:1px solid #ffffff17;border-radius:9px;min-height:36px;padding:0 12px}.DesignTokensPanel-module__VIZ01G__heading button:hover,.DesignTokensPanel-module__VIZ01G__actions button:hover,.DesignTokensPanel-module__VIZ01G__formatTabs button:hover,.DesignTokensPanel-module__VIZ01G__outputHeader button:hover{border-color:#7e60ffb3}.DesignTokensPanel-module__VIZ01G__settings{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.DesignTokensPanel-module__VIZ01G__settings label>span{color:#969daf;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.DesignTokensPanel-module__VIZ01G__settings input,.DesignTokensPanel-module__VIZ01G__settings select{color:#f4f5fa;background:#0d1018;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;min-height:39px;padding:0 10px}.DesignTokensPanel-module__VIZ01G__settings input:focus,.DesignTokensPanel-module__VIZ01G__settings select:focus{border-color:#795dff;box-shadow:0 0 0 3px #6c4df621}.DesignTokensPanel-module__VIZ01G__summary{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px;display:grid}.DesignTokensPanel-module__VIZ01G__summary>div{background:#0c0f17;border:1px solid #ffffff12;border-radius:9px;min-width:0;padding:10px}.DesignTokensPanel-module__VIZ01G__summary span,.DesignTokensPanel-module__VIZ01G__summary strong{display:block}.DesignTokensPanel-module__VIZ01G__summary span{color:#7f879b;margin-bottom:5px;font-size:8px;font-weight:900}.DesignTokensPanel-module__VIZ01G__summary strong{color:#e6e8f1;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:9px;overflow:hidden}.DesignTokensPanel-module__VIZ01G__scaleGrid{grid-template-columns:repeat(11,minmax(72px,1fr));gap:6px;margin-top:11px;display:grid}.DesignTokensPanel-module__VIZ01G__scaleGrid>article{background:#0c0f17;border:1px solid #ffffff12;border-radius:9px;min-width:0;overflow:hidden}.DesignTokensPanel-module__VIZ01G__tokenMain{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.DesignTokensPanel-module__VIZ01G__swatch{width:100%;height:54px;display:block}.DesignTokensPanel-module__VIZ01G__value{padding:7px;display:block}.DesignTokensPanel-module__VIZ01G__value strong,.DesignTokensPanel-module__VIZ01G__value small{display:block}.DesignTokensPanel-module__VIZ01G__value small{color:#7f8799;margin-top:3px;font-size:7px}.DesignTokensPanel-module__VIZ01G__tokenNames{min-height:43px;padding:0 7px 7px}.DesignTokensPanel-module__VIZ01G__tokenNames code,.DesignTokensPanel-module__VIZ01G__tokenNames small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.DesignTokensPanel-module__VIZ01G__tokenNames code{color:#b9aaff;font-size:7px}.DesignTokensPanel-module__VIZ01G__tokenNames small{color:#686f82;margin-top:3px;font-size:6px}.DesignTokensPanel-module__VIZ01G__copyButton{color:#9fa6b8;cursor:pointer;background:#171b27;border:1px solid #ffffff14;border-radius:7px;width:calc(100% - 12px);min-height:27px;margin:0 6px 6px;font-size:7px}.DesignTokensPanel-module__VIZ01G__formatTabs{gap:6px;margin-top:13px;display:flex}.DesignTokensPanel-module__VIZ01G__formatTabs button[data-active=true]{color:#fff;background:#6c4df630;border-color:#7e60ffe6}.DesignTokensPanel-module__VIZ01G__output{background:#080b12;border:1px solid #ffffff14;border-radius:11px;margin-top:8px;overflow:hidden}.DesignTokensPanel-module__VIZ01G__outputHeader{background:#10141e;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:45px;padding:8px 10px;display:flex}.DesignTokensPanel-module__VIZ01G__outputHeader span,.DesignTokensPanel-module__VIZ01G__outputHeader strong{display:block}.DesignTokensPanel-module__VIZ01G__outputHeader span{color:#8f96aa;font-size:8px;font-weight:900}.DesignTokensPanel-module__VIZ01G__outputHeader strong{margin-top:3px;font-size:10px}.DesignTokensPanel-module__VIZ01G__output pre{max-height:300px;margin:0;padding:15px;overflow:auto}.DesignTokensPanel-module__VIZ01G__output code{color:#c9d0df;font-family:ui-monospace,monospace;font-size:9px;line-height:1.65}.DesignTokensPanel-module__VIZ01G__actions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.DesignTokensPanel-module__VIZ01G__saveButton{color:#fff!important;background:linear-gradient(135deg,#6c4df6,#8e63ff)!important;border-color:#0000!important}@media (max-width:1200px){.DesignTokensPanel-module__VIZ01G__scaleGrid{grid-template-columns:repeat(6,1fr)}}@media (max-width:820px){.DesignTokensPanel-module__VIZ01G__settings,.DesignTokensPanel-module__VIZ01G__summary,.DesignTokensPanel-module__VIZ01G__actions{grid-template-columns:repeat(2,1fr)}.DesignTokensPanel-module__VIZ01G__scaleGrid{grid-template-columns:repeat(3,1fr)}}.DesignTokensPanel-module__VIZ01G__formatTabs button{padding-inline:15px}@media (max-width:1400px){.DesignTokensPanel-module__VIZ01G__scaleGrid{grid-template-columns:repeat(6,minmax(105px,1fr))}}.DesignTokensPanel-module__VIZ01G__panel{font-size:14px}.DesignTokensPanel-module__VIZ01G__heading span{font-size:12px}.DesignTokensPanel-module__VIZ01G__heading h2{font-size:17px}.DesignTokensPanel-module__VIZ01G__heading button,.DesignTokensPanel-module__VIZ01G__actions button,.DesignTokensPanel-module__VIZ01G__formatTabs button,.DesignTokensPanel-module__VIZ01G__outputHeader button{min-height:41px;font-size:12px}.DesignTokensPanel-module__VIZ01G__settings label>span{font-size:12px}.DesignTokensPanel-module__VIZ01G__settings input,.DesignTokensPanel-module__VIZ01G__settings select{min-height:44px;font-size:13px}.DesignTokensPanel-module__VIZ01G__summary span{font-size:10px}.DesignTokensPanel-module__VIZ01G__summary strong{font-size:12px}.DesignTokensPanel-module__VIZ01G__swatch{height:68px}.DesignTokensPanel-module__VIZ01G__value strong{font-size:13px}.DesignTokensPanel-module__VIZ01G__value small{font-size:10px}.DesignTokensPanel-module__VIZ01G__tokenNames{min-height:58px}.DesignTokensPanel-module__VIZ01G__tokenNames code{font-size:10px;line-height:1.5}.DesignTokensPanel-module__VIZ01G__tokenNames small{font-size:9px;line-height:1.5}.DesignTokensPanel-module__VIZ01G__copyButton{min-height:34px;font-size:10px}.DesignTokensPanel-module__VIZ01G__outputHeader span{font-size:10px}.DesignTokensPanel-module__VIZ01G__outputHeader strong{font-size:12px}.DesignTokensPanel-module__VIZ01G__output code{font-size:12px;line-height:1.8}.DesignTokensPanel-module__VIZ01G__actions button{font-size:12px}@media (max-width:1600px){.DesignTokensPanel-module__VIZ01G__scaleGrid{grid-template-columns:repeat(6,minmax(118px,1fr))}}
.ColorLabSavedLibrary-module__xpX2ba__panel{background:#121520f5;border:1px solid #ffffff14;border-radius:16px;align-self:start;max-height:calc(100vh - 154px);padding:14px;position:sticky;top:134px;overflow:auto;box-shadow:0 18px 60px #00000038}.ColorLabSavedLibrary-module__xpX2ba__heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ColorLabSavedLibrary-module__xpX2ba__heading>div{align-items:center;gap:9px;display:flex}.ColorLabSavedLibrary-module__xpX2ba__heading span{color:#8d74ff;font-size:10px;font-weight:900}.ColorLabSavedLibrary-module__xpX2ba__heading h2{margin:0;font-size:15px}.ColorLabSavedLibrary-module__xpX2ba__heading>strong{color:#a1a8ba;font-size:11px}.ColorLabSavedLibrary-module__xpX2ba__tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.ColorLabSavedLibrary-module__xpX2ba__tabs button,.ColorLabSavedLibrary-module__xpX2ba__scopeFilters button,.ColorLabSavedLibrary-module__xpX2ba__summaryBar button{color:#a3aabc;cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:8px;min-height:34px;font-size:10px;transition:all .15s}.ColorLabSavedLibrary-module__xpX2ba__tabs button:hover,.ColorLabSavedLibrary-module__xpX2ba__scopeFilters button:hover,.ColorLabSavedLibrary-module__xpX2ba__summaryBar button:hover{color:#fff;border-color:#7658ffb8}.ColorLabSavedLibrary-module__xpX2ba__tabs button[data-active=true],.ColorLabSavedLibrary-module__xpX2ba__scopeFilters button[data-active=true]{color:#fff;background:#6c4df62e;border-color:#7658ff}.ColorLabSavedLibrary-module__xpX2ba__scopeFilters{border-top:1px solid #ffffff0f;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:7px;padding-top:7px;display:grid}.ColorLabSavedLibrary-module__xpX2ba__scopeFilters button{min-height:29px;padding:0 3px;font-size:8px}.ColorLabSavedLibrary-module__xpX2ba__summaryBar{background:#10131d;border:1px solid #ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-top:8px;padding:7px 8px;display:flex}.ColorLabSavedLibrary-module__xpX2ba__summaryBar>span{color:#8e96a9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.ColorLabSavedLibrary-module__xpX2ba__summaryBar>div{flex:none;gap:5px;display:flex}.ColorLabSavedLibrary-module__xpX2ba__summaryBar button{min-height:26px;padding:0 7px;font-size:8px}.ColorLabSavedLibrary-module__xpX2ba__empty{text-align:center;place-content:center;min-height:220px;display:grid}.ColorLabSavedLibrary-module__xpX2ba__empty span{color:#7658ff;font-size:38px}.ColorLabSavedLibrary-module__xpX2ba__empty strong{margin:8px 0 5px;font-size:14px}.ColorLabSavedLibrary-module__xpX2ba__empty p{color:#8991a4;max-width:280px;margin:0;font-size:11px;line-height:1.5}.ColorLabSavedLibrary-module__xpX2ba__list{grid-template-columns:1fr;gap:8px;margin-top:9px;display:grid}.ColorLabSavedLibrary-module__xpX2ba__item{background:#0d1018;border:1px solid #ffffff14;border-radius:11px;min-width:0;padding:11px;transition:border-color .15s,background .15s}.ColorLabSavedLibrary-module__xpX2ba__item:hover,.ColorLabSavedLibrary-module__xpX2ba__item:focus-within{background:#10141f;border-color:#7e60ff5c}.ColorLabSavedLibrary-module__xpX2ba__colorRow,.ColorLabSavedLibrary-module__xpX2ba__itemHeader{align-items:center;gap:9px;display:flex}.ColorLabSavedLibrary-module__xpX2ba__itemHeader{justify-content:space-between}.ColorLabSavedLibrary-module__xpX2ba__itemMeta{flex:1;min-width:0}.ColorLabSavedLibrary-module__xpX2ba__itemMeta>span{color:#8f78ff;letter-spacing:.03em;font-size:8px;font-weight:900}.ColorLabSavedLibrary-module__xpX2ba__itemMeta h3{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:13px;overflow:hidden}.ColorLabSavedLibrary-module__xpX2ba__itemMeta p{color:#858da1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.ColorLabSavedLibrary-module__xpX2ba__favoriteButton{color:#d8dce7;cursor:pointer;background:#191d2a;border:0;border-radius:8px;flex:none;width:31px;height:31px;font-size:16px}.ColorLabSavedLibrary-module__xpX2ba__colorPreview{cursor:pointer;border:0;border-radius:9px;flex:none;justify-content:center;align-items:flex-end;width:54px;min-height:54px;padding:5px;display:flex;box-shadow:inset 0 0 0 1px #ffffff2b,inset 0 -22px 28px #0003}.ColorLabSavedLibrary-module__xpX2ba__colorPreview span{color:#fff;background:#0000006b;border-radius:5px;padding:2px 5px;font-size:8px;font-weight:800}.ColorLabSavedLibrary-module__xpX2ba__swatches{border-radius:8px;min-height:44px;margin-top:8px;display:flex;overflow:hidden}.ColorLabSavedLibrary-module__xpX2ba__swatches button{cursor:pointer;border:0;flex:1;min-width:14px;transition:transform .13s}.ColorLabSavedLibrary-module__xpX2ba__swatches button:hover,.ColorLabSavedLibrary-module__xpX2ba__swatches button:focus-visible{z-index:1;transform:scaleY(1.12)}.ColorLabSavedLibrary-module__xpX2ba__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.ColorLabSavedLibrary-module__xpX2ba__actions button{color:#b2b9c9;cursor:pointer;background:#171b27;border:1px solid #ffffff14;border-radius:7px;min-height:32px;padding:0 4px;font-size:9px}.ColorLabSavedLibrary-module__xpX2ba__actions button:hover{color:#fff;border-color:#7e60ffb3}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true]{padding:8px}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true] .ColorLabSavedLibrary-module__xpX2ba__colorPreview{width:42px;min-height:42px}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true] .ColorLabSavedLibrary-module__xpX2ba__colorPreview span{display:none}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true] .ColorLabSavedLibrary-module__xpX2ba__swatches{min-height:31px;margin-top:6px}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true] .ColorLabSavedLibrary-module__xpX2ba__actions{opacity:0;max-height:0;margin-top:0;transition:max-height .16s,margin .16s,opacity .16s,transform .16s;overflow:hidden;transform:translateY(-3px)}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true]:hover .ColorLabSavedLibrary-module__xpX2ba__actions,.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true]:focus-within .ColorLabSavedLibrary-module__xpX2ba__actions{opacity:1;max-height:40px;margin-top:7px;transform:translateY(0)}@media (max-width:1180px){.ColorLabSavedLibrary-module__xpX2ba__panel{grid-column:1/-1;max-height:none;position:static}.ColorLabSavedLibrary-module__xpX2ba__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.ColorLabSavedLibrary-module__xpX2ba__list{grid-template-columns:1fr}.ColorLabSavedLibrary-module__xpX2ba__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ColorLabSavedLibrary-module__xpX2ba__scopeFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.ColorLabSavedLibrary-module__xpX2ba__summaryBar{flex-direction:column;align-items:flex-start}.ColorLabSavedLibrary-module__xpX2ba__item[data-compact=true] .ColorLabSavedLibrary-module__xpX2ba__actions{opacity:1;max-height:40px;margin-top:7px;transform:none}}