.color-studio-module__Eys4Eq__studio{--cs-bg:#0d1016;--cs-panel:#151921;--cs-surface:#1c212b;--cs-line:#303744;--cs-text:#edf1f8;--cs-muted:#a9b3c4;max-width:1440px;color:var(--cs-text);isolation:isolate;margin:auto;padding:50px 5% 70px;position:relative}[data-theme=light] .color-studio-module__Eys4Eq__studio{--cs-bg:#f7f4ee;--cs-panel:#fffdf9;--cs-surface:#eee7db;--cs-line:#d8cdbf;--cs-text:#34291f;--cs-muted:#6d5c4c}.color-studio-module__Eys4Eq__studio *{box-sizing:border-box}.color-studio-module__Eys4Eq__studio button,.color-studio-module__Eys4Eq__studio input,.color-studio-module__Eys4Eq__studio textarea{font:inherit}.color-studio-module__Eys4Eq__studio button{cursor:pointer;color:inherit;border:0}.color-studio-module__Eys4Eq__studio a{color:inherit;text-decoration:none}.color-studio-module__Eys4Eq__studio button,.color-studio-module__Eys4Eq__studio a{touch-action:manipulation}.color-studio-module__Eys4Eq__studio button:focus-visible,.color-studio-module__Eys4Eq__studio a:focus-visible,.color-studio-module__Eys4Eq__studio input:focus-visible,.color-studio-module__Eys4Eq__studio textarea:focus-visible,.color-studio-module__Eys4Eq__studio summary:focus-visible{outline:2px solid var(--cs-text);outline-offset:3px}.color-studio-module__Eys4Eq__studio button{transition:background .15s,color .15s}.color-studio-module__Eys4Eq__topline{color:var(--cs-muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__topline a,.color-studio-module__Eys4Eq__topline>span{align-items:center;gap:8px;display:flex}.color-studio-module__Eys4Eq__topline>span{font:14px var(--font-mono),monospace;letter-spacing:.04em}.color-studio-module__Eys4Eq__topline i,.color-studio-module__Eys4Eq__liveDot{background:#62dbae;border-radius:50%;width:5px;height:5px;display:inline-block}.color-studio-module__Eys4Eq__heading{justify-content:space-between;align-items:center;gap:18px;margin:32px 0 28px;display:flex}.color-studio-module__Eys4Eq__identity{align-items:center;gap:15px;display:flex}.color-studio-module__Eys4Eq__identity h1{letter-spacing:-.065em;margin:0;font-size:27px;font-weight:700;line-height:1.3}.color-studio-module__Eys4Eq__identity h1>span{font:14px var(--font-mono),monospace;letter-spacing:0;color:var(--cs-muted);margin-left:10px}.color-studio-module__Eys4Eq__identity p{color:var(--cs-muted);margin:6px 0 0;font-size:14px}.color-studio-module__Eys4Eq__logo{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:12px;justify-content:center;align-items:center;gap:0;width:41px;height:41px;display:flex}.color-studio-module__Eys4Eq__logo i{background:var(--cs-text);border-radius:4px;width:7px;height:20px;transform:rotate(-24deg)}.color-studio-module__Eys4Eq__logo i:first-child{opacity:.35;transform:translateY(3px)rotate(-24deg)}.color-studio-module__Eys4Eq__logo i:last-child{opacity:.65;transform:translateY(-3px)rotate(-24deg)}.color-studio-module__Eys4Eq__headerActions{align-items:center;gap:8px;display:flex}.color-studio-module__Eys4Eq__headerActions button,.color-studio-module__Eys4Eq__exportSummary>button{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:8px;align-items:center;gap:8px;padding:11px 13px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__headerActions .color-studio-module__Eys4Eq__primaryButton{background:var(--cs-text);color:var(--cs-bg);border-color:var(--cs-text)}.color-studio-module__Eys4Eq__workbench{border:1px solid var(--cs-line);background:var(--cs-bg);border-radius:16px;grid-template-columns:250px minmax(0,1fr);align-items:start;display:grid;overflow:clip;box-shadow:0 24px 80px #0002}.color-studio-module__Eys4Eq__sidebar{background:var(--cs-panel);border-right:1px solid var(--cs-line);align-self:stretch;min-width:0;padding:22px 19px}.color-studio-module__Eys4Eq__sideLabel{font:14px var(--font-mono),monospace;letter-spacing:.05em;color:var(--cs-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px;display:flex}.color-studio-module__Eys4Eq__picker{border:1px solid #ffffff29;border-radius:10px;flex-direction:column;justify-content:space-between;height:150px;padding:16px;transition:background .18s;display:flex;position:relative;overflow:hidden}.color-studio-module__Eys4Eq__picker input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.color-studio-module__Eys4Eq__picker:focus-within{outline:2px solid var(--cs-text);outline-offset:3px}.color-studio-module__Eys4Eq__picker>span{letter-spacing:.08em;align-items:center;gap:6px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__picker>strong{font:25px var(--font-mono),monospace;letter-spacing:-.04em}.color-studio-module__Eys4Eq__picker>span:last-child{letter-spacing:0;font-size:14px}.color-studio-module__Eys4Eq__colorForm>label,.color-studio-module__Eys4Eq__harmonies legend,.color-studio-module__Eys4Eq__presetLabel{font:14px var(--font-mono),monospace;letter-spacing:.08em;color:var(--cs-muted)}.color-studio-module__Eys4Eq__colorForm>div{background:var(--cs-bg);border:1px solid var(--cs-line);border-radius:7px;align-items:center;margin-top:8px;padding:3px;display:flex}.color-studio-module__Eys4Eq__colorForm input{color:var(--cs-text);width:100%;min-width:0;font:14px var(--font-mono),monospace;background:0 0;border:0;padding:8px}.color-studio-module__Eys4Eq__colorForm button{background:var(--cs-surface);border-radius:5px;place-items:center;padding:7px;display:grid}.color-studio-module__Eys4Eq__error{color:#ff969a;font-size:14px;line-height:1.6}.color-studio-module__Eys4Eq__harmonies{border:0;gap:5px;min-width:0;margin:24px 0 0;padding:0;display:grid}.color-studio-module__Eys4Eq__harmonies legend{margin-bottom:10px;padding:0}.color-studio-module__Eys4Eq__harmonies button{text-align:left;color:var(--cs-muted);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:10px 11px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__harmonies button:hover{background:var(--cs-surface)}.color-studio-module__Eys4Eq__harmonies .color-studio-module__Eys4Eq__selected{background:var(--cs-surface);border-color:var(--cs-line);color:var(--cs-text)}.color-studio-module__Eys4Eq__harmonies svg{margin-left:auto}.color-studio-module__Eys4Eq__harmonySymbol{text-align:center;width:17px;font-size:15px;line-height:1}.color-studio-module__Eys4Eq__presetLabel{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.color-studio-module__Eys4Eq__presetLabel button{color:var(--cs-muted);background:0 0;padding:5px;display:flex}.color-studio-module__Eys4Eq__presets{align-items:center;gap:9px;margin-top:10px;display:flex}.color-studio-module__Eys4Eq__presets button{border-radius:50%;width:25px;height:25px;box-shadow:inset 0 0 0 1px #ffffff36}.color-studio-module__Eys4Eq__presets button[aria-pressed=true]{outline:1px solid var(--cs-text);outline-offset:3px}.color-studio-module__Eys4Eq__sideFoot{border-top:1px solid var(--cs-line);color:var(--cs-muted);align-items:start;gap:9px;margin-top:24px;padding-top:18px;display:flex}.color-studio-module__Eys4Eq__sideFoot svg{flex-shrink:0}.color-studio-module__Eys4Eq__sideFoot p{margin:0;font-size:14px;line-height:1.8}.color-studio-module__Eys4Eq__collection{border-top:1px solid var(--cs-line);margin-top:22px;padding-top:15px}.color-studio-module__Eys4Eq__collection summary{cursor:pointer;font-size:14px}.color-studio-module__Eys4Eq__collection summary>span{float:right;color:var(--cs-muted);font-size:14px}.color-studio-module__Eys4Eq__saved{gap:7px;margin-top:13px;display:grid}.color-studio-module__Eys4Eq__saved>div{border:1px solid var(--cs-line);background:var(--cs-bg);border-radius:7px;align-items:center;display:flex;overflow:hidden}.color-studio-module__Eys4Eq__savedLoad{text-align:left;background:0 0;flex:1;align-items:center;gap:9px;min-width:0;padding:9px;display:flex;font:14px var(--font-mono),monospace!important}.color-studio-module__Eys4Eq__savedLoad i{border-radius:4px;flex-shrink:0;width:22px;height:28px}.color-studio-module__Eys4Eq__savedLoad span{gap:5px;display:grid}.color-studio-module__Eys4Eq__savedLoad small{font:14px var(--font-manrope),sans-serif;color:var(--cs-muted)}.color-studio-module__Eys4Eq__savedRemove{background:0 0;padding:8px;display:flex;color:var(--cs-muted)!important}.color-studio-module__Eys4Eq__clearSaved{background:0 0;margin-top:12px;padding:3px 0;color:var(--cs-muted)!important;font-size:14px!important}.color-studio-module__Eys4Eq__canvas{background:var(--cs-bg);flex-direction:column;min-width:0;min-height:850px;display:flex}.color-studio-module__Eys4Eq__tabs{border-bottom:1px solid var(--cs-line);background:var(--cs-panel);gap:8px;min-width:0;padding:0 24px;display:flex}.color-studio-module__Eys4Eq__tabs button{white-space:nowrap;color:var(--cs-muted);background:0 0;justify-content:center;align-items:center;gap:7px;padding:18px 8px;font-size:14px;display:flex;position:relative}.color-studio-module__Eys4Eq__tabs button[aria-selected=true]{color:var(--cs-text)}.color-studio-module__Eys4Eq__tabs .color-studio-module__Eys4Eq__activeTrack{background:var(--cs-text);height:2px;position:absolute;bottom:-1px;left:5px;right:5px}.color-studio-module__Eys4Eq__canvasContent{flex:1;min-width:0;padding:28px;outline-offset:-5px!important}.color-studio-module__Eys4Eq__viewHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.color-studio-module__Eys4Eq__viewHeading>div>span{font:14px var(--font-mono),monospace;color:var(--cs-muted);letter-spacing:.1em}.color-studio-module__Eys4Eq__viewHeading h2{font-size:clamp(20px,calc(2.4vw / var(--page-zoom,1)),29px);letter-spacing:-.045em;margin:10px 0 8px;font-weight:600;line-height:1.25}.color-studio-module__Eys4Eq__viewHeading p{color:var(--cs-muted);margin:0;font-size:14px;line-height:1.7}.color-studio-module__Eys4Eq__engineTag{border:1px solid var(--cs-line);font:14px var(--font-mono),monospace;white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex}.color-studio-module__Eys4Eq__engineTag i{border-radius:3px;width:10px;height:10px}.color-studio-module__Eys4Eq__paletteOverview{color:var(--cs-muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__paletteOverview>div{align-items:center;gap:15px;display:flex}.color-studio-module__Eys4Eq__paletteOverview strong{color:var(--cs-text);font-weight:500}.color-studio-module__Eys4Eq__paletteOverview>div>span{font:14px var(--font-mono),monospace}.color-studio-module__Eys4Eq__scale{border-radius:9px;grid-template-columns:repeat(11,minmax(0,1fr));display:grid;overflow:hidden}.color-studio-module__Eys4Eq__scale button{text-align:left;flex-direction:column;align-items:start;min-width:0;height:166px;padding:13px 7px;transition:filter .15s;display:flex;position:relative}.color-studio-module__Eys4Eq__scale button:hover{filter:brightness(1.06)}.color-studio-module__Eys4Eq__scale button[aria-pressed=true]{box-shadow:inset 0 0 0 2px}.color-studio-module__Eys4Eq__scale button>svg{position:absolute;top:12px;right:7px}.color-studio-module__Eys4Eq__scale strong{font:14px var(--font-mono),monospace;letter-spacing:-.03em;margin-top:auto}.color-studio-module__Eys4Eq__scale small{margin-top:8px;font-size:14px}.color-studio-module__Eys4Eq__scaleNote{color:var(--cs-muted);justify-content:space-between;gap:15px;margin:13px 0 20px;font-size:14px;line-height:1.7;display:flex}.color-studio-module__Eys4Eq__scaleNote button{white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0;font-size:14px;display:flex}.color-studio-module__Eys4Eq__inspector{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:9px;grid-template-columns:140px minmax(0,1fr);display:grid;overflow:hidden}.color-studio-module__Eys4Eq__inspectSample{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:15px;transition:background .15s,color .15s;display:flex}.color-studio-module__Eys4Eq__inspectSample>span{letter-spacing:-.06em;font-size:45px;line-height:1}.color-studio-module__Eys4Eq__inspectSample>small{font:14px var(--font-mono),monospace}.color-studio-module__Eys4Eq__inspectInfo{min-width:0;padding:15px 18px}.color-studio-module__Eys4Eq__inspectTitle{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-studio-module__Eys4Eq__inspectTitle>span{font:14px var(--font-mono),monospace;color:var(--cs-muted);letter-spacing:.06em}.color-studio-module__Eys4Eq__inspectTitle>button{background:var(--cs-surface);font:14px var(--font-mono),monospace;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;display:flex}.color-studio-module__Eys4Eq__contrastPair{grid-template-columns:1fr 1fr;gap:16px;margin-top:15px;display:grid}.color-studio-module__Eys4Eq__contrastPair>div{gap:7px;display:grid}.color-studio-module__Eys4Eq__contrastPair>div>span{color:var(--cs-muted);align-items:center;gap:5px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__contrastPair i{border:1px solid #7f8999;border-radius:50%;width:8px;height:8px;display:inline-block}.color-studio-module__Eys4Eq__contrastPair strong{font:15px var(--font-mono),monospace;white-space:nowrap}.color-studio-module__Eys4Eq__contrastPair em{margin-left:6px;font-size:14px;font-style:normal}.color-studio-module__Eys4Eq__inspectInfo>p{color:var(--cs-muted);margin:14px 0 0;font-size:14px;line-height:1.7}.color-studio-module__Eys4Eq__inspectInfo code{color:var(--cs-text);font-size:14px}.color-studio-module__Eys4Eq__accentScales{gap:16px;margin-top:27px;display:grid}.color-studio-module__Eys4Eq__accentScales>h3{margin:0;font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__accentLabel{color:var(--cs-muted);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__accentLabel strong{font-weight:400}.color-studio-module__Eys4Eq__accentLabel span{font:14px var(--font-mono),monospace}.color-studio-module__Eys4Eq__accentStrip{border-radius:6px;grid-template-columns:repeat(11,minmax(0,1fr));display:grid;overflow:hidden}.color-studio-module__Eys4Eq__accentStrip button{min-width:0;height:40px}.color-studio-module__Eys4Eq__accentStrip small{font-size:14px}.color-studio-module__Eys4Eq__sectionHeading{justify-content:space-between;align-items:center;gap:10px;margin:28px 0 14px;display:flex}.color-studio-module__Eys4Eq__sectionHeading h3{margin:0;font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__sectionHeading>span{color:var(--cs-muted);align-items:center;gap:6px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__semantics{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.color-studio-module__Eys4Eq__semantics article{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:8px;min-width:0;padding:9px}.color-studio-module__Eys4Eq__semanticSamples{border-radius:5px;grid-template-columns:1fr 1.3fr 1fr;display:grid;overflow:hidden}.color-studio-module__Eys4Eq__semanticSamples button{place-items:center;height:39px;display:grid}.color-studio-module__Eys4Eq__semantics h4{text-transform:capitalize;margin:12px 0 7px;font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__semantics p{font:14px var(--font-mono),monospace;color:var(--cs-muted);flex-wrap:wrap;gap:6px;margin:0;display:flex}.color-studio-module__Eys4Eq__pass{color:#70dcaf}.color-studio-module__Eys4Eq__fail{color:#ffa6aa}[data-theme=light] .color-studio-module__Eys4Eq__pass{color:#57432c}[data-theme=light] .color-studio-module__Eys4Eq__fail{color:#846542}.color-studio-module__Eys4Eq__muted{color:var(--cs-muted);margin:19px 0 0;font-size:14px;line-height:1.9}.color-studio-module__Eys4Eq__themeGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.color-studio-module__Eys4Eq__themeCard{border:1px solid;border-radius:11px;min-width:0;padding:20px;transition:background .15s,color .15s}.color-studio-module__Eys4Eq__previewTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-studio-module__Eys4Eq__previewTop>span:first-child{align-items:center;gap:6px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__previewMark{border-radius:7px;place-items:center;width:25px;height:25px;font-size:14px;font-weight:800;display:grid}.color-studio-module__Eys4Eq__previewBody>small{font:14px var(--font-mono),monospace;letter-spacing:.14em}.color-studio-module__Eys4Eq__previewBody h3{letter-spacing:-.05em;margin:14px 0;font-size:28px;line-height:1.2}.color-studio-module__Eys4Eq__previewBody p{font-size:14px;line-height:1.9}.color-studio-module__Eys4Eq__previewCTA{border-radius:6px;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;font-size:14px;display:inline-flex}.color-studio-module__Eys4Eq__previewStats{border:1px solid;border-radius:7px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.color-studio-module__Eys4Eq__previewStats span{flex-direction:column;gap:8px;display:flex}.color-studio-module__Eys4Eq__previewStats small{font-size:14px}.color-studio-module__Eys4Eq__previewStats strong{font:15px var(--font-mono),monospace;align-items:center;gap:4px;display:flex}.color-studio-module__Eys4Eq__tokenGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.color-studio-module__Eys4Eq__tokenGrid>div{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:9px;min-width:0;padding:14px}.color-studio-module__Eys4Eq__tokenGrid h4{margin:0 0 9px;font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__tokenGrid button{border-bottom:1px solid var(--cs-line);background:0 0;align-items:center;gap:8px;width:100%;min-width:0;padding:9px 0;font-size:14px;display:flex}.color-studio-module__Eys4Eq__tokenGrid button:last-child{border:0}.color-studio-module__Eys4Eq__tokenGrid i{border:1px solid var(--cs-line);border-radius:4px;flex-shrink:0;width:14px;height:14px}.color-studio-module__Eys4Eq__tokenGrid code{margin-left:auto;font-size:14px}.color-studio-module__Eys4Eq__gradients{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.color-studio-module__Eys4Eq__gradients article{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:11px;min-width:0;overflow:hidden}.color-studio-module__Eys4Eq__gradients article:first-child{grid-column:1/-1}.color-studio-module__Eys4Eq__gradientArt{place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.color-studio-module__Eys4Eq__gradientOrb{border:1px solid #fff5;border-radius:50%;width:90px;height:90px;animation:8s ease-in-out infinite color-studio-module__Eys4Eq__cs-float;box-shadow:inset -15px -20px 40px #0003,inset 10px 15px 40px #fff2,0 25px 40px #0002}.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientOrb{width:140px;height:140px}.color-studio-module__Eys4Eq__gradientArt>span:last-child{font:14px var(--font-mono),monospace;color:#fff;position:absolute;bottom:14px;left:16px}.color-studio-module__Eys4Eq__gradientCaption{justify-content:space-between;align-items:center;padding:15px;display:flex}.color-studio-module__Eys4Eq__gradientCaption h3{margin:0 0 6px;font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__gradientCaption small{font:14px var(--font-mono),monospace;color:var(--cs-muted)}.color-studio-module__Eys4Eq__gradientCaption button{background:var(--cs-surface);color:var(--cs-muted);border-radius:6px;padding:8px;display:flex}.color-studio-module__Eys4Eq__gradients article>code{font:14px/1.8 var(--font-mono),monospace;color:var(--cs-muted);overflow-wrap:anywhere;margin:0 15px 15px;display:block}.color-studio-module__Eys4Eq__contrastLab{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:11px;grid-template-columns:1fr 1.05fr;display:grid;overflow:hidden}.color-studio-module__Eys4Eq__contrastSample{flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:25px;display:flex}.color-studio-module__Eys4Eq__contrastSample>span{letter-spacing:-.06em;font-size:100px;font-weight:650;line-height:1}.color-studio-module__Eys4Eq__contrastSample>p{margin:22px 0 0;font-size:14px}.color-studio-module__Eys4Eq__contrastControls{min-width:0;padding:20px}.color-studio-module__Eys4Eq__contrastPickers{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.color-studio-module__Eys4Eq__contrastPickers label{color:var(--cs-muted);flex-direction:column;gap:7px;font-size:14px;display:flex}.color-studio-module__Eys4Eq__contrastPickers input{cursor:pointer;background:0 0;border:0;width:30px;height:25px;padding:0}.color-studio-module__Eys4Eq__contrastPickers code{font-size:14px}.color-studio-module__Eys4Eq__contrastPickers>button{background:var(--cs-surface);border-radius:5px;margin-left:auto;padding:8px;font-size:14px}.color-studio-module__Eys4Eq__contrastScore{align-items:center;gap:16px;margin-top:20px;display:flex}.color-studio-module__Eys4Eq__contrastScore>strong{font:37px var(--font-mono),monospace;letter-spacing:-.07em}.color-studio-module__Eys4Eq__contrastScore small{margin-left:3px;font-size:18px}.color-studio-module__Eys4Eq__contrastScore>span{border:1px solid;border-radius:5px;padding:5px 7px;font-size:14px}.color-studio-module__Eys4Eq__contrastRules{color:var(--cs-muted);gap:9px;font-size:14px;display:grid;margin:15px 0 0!important;padding:0!important;list-style:none!important}.color-studio-module__Eys4Eq__contrastRules li{justify-content:space-between;gap:8px;display:flex}.color-studio-module__Eys4Eq__contrastRules strong{font-weight:400}.color-studio-module__Eys4Eq__checkTable{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:8px;overflow-x:auto}.color-studio-module__Eys4Eq__checkTable table{border-collapse:collapse;width:100%;font:14px var(--font-mono),monospace;text-align:left;white-space:nowrap}.color-studio-module__Eys4Eq__checkTable td,.color-studio-module__Eys4Eq__checkTable th{border-bottom:1px solid var(--cs-line);padding:12px}.color-studio-module__Eys4Eq__checkTable th{color:var(--cs-muted);font-weight:500}.color-studio-module__Eys4Eq__checkTable tr:last-child td{border-bottom:0}.color-studio-module__Eys4Eq__checkTable td i{vertical-align:middle;border:2px solid;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.color-studio-module__Eys4Eq__reference{align-items:center;gap:7px;margin-top:14px;font-size:14px;display:inline-flex;color:var(--cs-muted)!important}.color-studio-module__Eys4Eq__exportSummary{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:9px;align-items:center;gap:14px;margin-bottom:20px;padding:17px;display:flex}.color-studio-module__Eys4Eq__exportSummary>svg{color:var(--cs-muted);flex-shrink:0}.color-studio-module__Eys4Eq__exportSummary strong{font-size:14px;font-weight:500}.color-studio-module__Eys4Eq__exportSummary p{color:var(--cs-muted);margin:6px 0 0;font-size:14px;line-height:1.7}.color-studio-module__Eys4Eq__exportSummary>button{white-space:nowrap;margin-left:auto}.color-studio-module__Eys4Eq__exportBox{border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:10px;overflow:hidden}.color-studio-module__Eys4Eq__exportTabs{border-bottom:1px solid var(--cs-line);flex-wrap:wrap;gap:3px;padding:10px;display:flex}.color-studio-module__Eys4Eq__exportTabs button{color:var(--cs-muted);background:0 0;border-radius:5px;padding:9px 11px;font-size:14px}.color-studio-module__Eys4Eq__exportTabs .color-studio-module__Eys4Eq__selected{background:var(--cs-surface);color:var(--cs-text)}.color-studio-module__Eys4Eq__exportTabs .color-studio-module__Eys4Eq__copyOutput{align-items:center;gap:7px;margin-left:auto;display:flex}.color-studio-module__Eys4Eq__exportBox textarea{color:var(--cs-text);font:14px/1.9 var(--font-mono),monospace;resize:vertical;white-space:pre;background:0 0;border:0;width:100%;min-height:480px;max-height:750px;padding:20px;display:block;overflow:auto}.color-studio-module__Eys4Eq__canvasFooter{border-top:1px solid var(--cs-line);font:14px var(--font-mono),monospace;color:var(--cs-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:13px 28px;display:flex}.color-studio-module__Eys4Eq__canvasFooter>span:first-child{align-items:center;gap:7px;display:flex}.color-studio-module__Eys4Eq__toast{background:var(--cs-text);color:var(--cs-bg);opacity:0;pointer-events:none;max-width:calc(calc(100vw / var(--page-zoom,1)) - 30px);z-index:90;border-radius:9px;align-items:center;gap:10px;padding:12px 17px;font-size:14px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 35px #0004}.color-studio-module__Eys4Eq__toastVisible{opacity:1;transform:translate(-50%)}.color-studio-module__Eys4Eq__manualCopy{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:8px;gap:10px;margin-top:20px;padding:15px;display:flex}.color-studio-module__Eys4Eq__manualCopy label{flex:1;font-size:14px}.color-studio-module__Eys4Eq__manualCopy textarea{background:var(--cs-bg);width:100%;color:var(--cs-text);border:1px solid var(--cs-line);margin-top:10px;padding:12px;font-size:14px;display:block}.color-studio-module__Eys4Eq__manualCopy>button{background:0 0;align-self:start}@keyframes color-studio-module__Eys4Eq__cs-float{50%{transform:translateY(-8px)rotate(10deg)}}@media (min-width:1100px) and (max-width:1199.98px),(min-width:742.5px) and (min-width:1200px){.color-studio-module__Eys4Eq__sidebar{position:sticky;top:90px}}@media (max-width:1150px) and (max-width:1199.98px),(max-width:776.25px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio{padding-inline:3%}.color-studio-module__Eys4Eq__workbench{grid-template-columns:220px minmax(0,1fr)}.color-studio-module__Eys4Eq__sidebar{padding:19px 15px}.color-studio-module__Eys4Eq__canvasContent{padding:22px}.color-studio-module__Eys4Eq__tabs{gap:3px;padding:0 13px}.color-studio-module__Eys4Eq__tabs button{gap:5px;padding:17px 7px;font-size:14px}.color-studio-module__Eys4Eq__scale strong{font-size:14px}.color-studio-module__Eys4Eq__scale button{height:145px;padding:12px 5px}.color-studio-module__Eys4Eq__scale button>svg{top:30px;right:4px}.color-studio-module__Eys4Eq__semantics{grid-template-columns:repeat(2,minmax(0,1fr))}.color-studio-module__Eys4Eq__contrastLab{grid-template-columns:1fr}.color-studio-module__Eys4Eq__contrastSample{min-height:195px}.color-studio-module__Eys4Eq__contrastControls{padding:22px}.color-studio-module__Eys4Eq__contrastPickers{gap:25px}}@media (max-width:900px) and (max-width:1199.98px),(max-width:607.5px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio{padding:35px 20px 50px}.color-studio-module__Eys4Eq__workbench{grid-template-columns:190px minmax(0,1fr)}.color-studio-module__Eys4Eq__sidebar{padding:16px 13px}.color-studio-module__Eys4Eq__sideLabel{font-size:14px}.color-studio-module__Eys4Eq__picker{height:135px;padding:13px}.color-studio-module__Eys4Eq__picker>strong{font-size:21px}.color-studio-module__Eys4Eq__tabs{flex-wrap:wrap;gap:0;padding:7px 8px}.color-studio-module__Eys4Eq__tabs button{padding:11px 8px;font-size:14px}.color-studio-module__Eys4Eq__tabs .color-studio-module__Eys4Eq__activeTrack{bottom:1px}.color-studio-module__Eys4Eq__canvasContent{padding:19px}.color-studio-module__Eys4Eq__viewHeading{flex-wrap:wrap;align-items:start;gap:10px}.color-studio-module__Eys4Eq__viewHeading h2{font-size:23px}.color-studio-module__Eys4Eq__engineTag{padding:6px;font-size:14px}.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(6,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:90px;padding:9px 6px}.color-studio-module__Eys4Eq__scale button>svg{width:11px;top:8px;right:4px}.color-studio-module__Eys4Eq__scale strong{font-size:14px}.color-studio-module__Eys4Eq__scale small{margin-top:5px;font-size:14px}.color-studio-module__Eys4Eq__scaleNote{flex-wrap:wrap;gap:5px}.color-studio-module__Eys4Eq__inspector{grid-template-columns:95px minmax(0,1fr)}.color-studio-module__Eys4Eq__inspectInfo{padding:13px}.color-studio-module__Eys4Eq__inspectTitle{flex-wrap:wrap;gap:8px}.color-studio-module__Eys4Eq__inspectSample{padding:10px}.color-studio-module__Eys4Eq__inspectSample>span{font-size:34px}.color-studio-module__Eys4Eq__inspectSample>small{font-size:14px}.color-studio-module__Eys4Eq__contrastPair{gap:8px;margin-top:10px}.color-studio-module__Eys4Eq__contrastPair strong{font-size:14px}.color-studio-module__Eys4Eq__contrastPair em{margin:5px 0 0;font-size:14px;display:block}.color-studio-module__Eys4Eq__inspectInfo>p>span{display:none}.color-studio-module__Eys4Eq__themeGrid,.color-studio-module__Eys4Eq__tokenGrid{grid-template-columns:1fr}.color-studio-module__Eys4Eq__previewBody{padding:30px 0}.color-studio-module__Eys4Eq__previewBody h3{font-size:30px}.color-studio-module__Eys4Eq__gradients{grid-template-columns:1fr}.color-studio-module__Eys4Eq__gradients article:first-child{grid-column:auto}.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientArt{height:210px}.color-studio-module__Eys4Eq__exportSummary{flex-wrap:wrap}.color-studio-module__Eys4Eq__exportSummary>svg{display:none}.color-studio-module__Eys4Eq__exportSummary>button{margin-left:0}.color-studio-module__Eys4Eq__exportSummary p{font-size:14px}.color-studio-module__Eys4Eq__exportBox textarea{min-height:430px;padding:13px;font-size:14px}.color-studio-module__Eys4Eq__canvasFooter{padding:13px 19px;font-size:14px}}@media (max-width:650px) and (max-width:1199.98px),(max-width:438.75px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio{padding:28px 14px 45px}.color-studio-module__Eys4Eq__topline{font-size:14px}.color-studio-module__Eys4Eq__topline>span{letter-spacing:0;text-align:right;max-width:155px;font-size:14px;line-height:1.6}.color-studio-module__Eys4Eq__heading{flex-wrap:wrap;gap:17px;margin:25px 0 20px}.color-studio-module__Eys4Eq__identity h1{font-size:25px}.color-studio-module__Eys4Eq__identity p{font-size:14px}.color-studio-module__Eys4Eq__identity{gap:11px}.color-studio-module__Eys4Eq__identity h1>span{font-size:14px}.color-studio-module__Eys4Eq__logo{border-radius:10px;width:36px;height:36px}.color-studio-module__Eys4Eq__headerActions{justify-content:flex-end;gap:7px;width:100%}.color-studio-module__Eys4Eq__headerActions button{padding:9px 12px;font-size:14px}.color-studio-module__Eys4Eq__workbench{border-radius:12px;grid-template-columns:1fr}.color-studio-module__Eys4Eq__sidebar{border-right:0;border-bottom:1px solid var(--cs-line);grid-template-columns:110px minmax(0,1fr);align-items:start;gap:15px;padding:17px;display:grid}.color-studio-module__Eys4Eq__sideLabel{grid-column:1/-1;margin-bottom:0;font-size:14px}.color-studio-module__Eys4Eq__picker{grid-row:2/4;height:120px;padding:11px}.color-studio-module__Eys4Eq__picker>strong{font-size:16px}.color-studio-module__Eys4Eq__picker>span{letter-spacing:0;font-size:14px}.color-studio-module__Eys4Eq__picker>span:last-child{gap:4px;font-size:14px}.color-studio-module__Eys4Eq__picker svg{width:11px}.color-studio-module__Eys4Eq__colorForm{margin:0}.color-studio-module__Eys4Eq__colorForm>label{font-size:14px}.color-studio-module__Eys4Eq__colorForm input{padding:7px 5px;font-size:14px}.color-studio-module__Eys4Eq__colorForm button{padding:6px}.color-studio-module__Eys4Eq__colorForm>div{margin-top:7px}.color-studio-module__Eys4Eq__harmonies{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px;margin:0}.color-studio-module__Eys4Eq__harmonies legend{margin-bottom:8px;font-size:14px}.color-studio-module__Eys4Eq__harmonies button{background:var(--cs-bg);gap:6px;padding:8px;font-size:14px}.color-studio-module__Eys4Eq__harmonySymbol{width:13px;font-size:14px}.color-studio-module__Eys4Eq__harmonies svg{width:12px}.color-studio-module__Eys4Eq__presetLabel{grid-area:3/2;align-self:start;min-height:18px;margin:0;font-size:14px}.color-studio-module__Eys4Eq__presetLabel button{padding:0}.color-studio-module__Eys4Eq__presets{flex-wrap:wrap;grid-area:3/2;align-self:end;gap:6px;margin:27px 0 0}.color-studio-module__Eys4Eq__presets button{width:18px;height:18px}.color-studio-module__Eys4Eq__sideFoot{border:0;grid-column:1/-1;gap:6px;margin:0;padding:0}.color-studio-module__Eys4Eq__sideFoot p{font-size:14px;line-height:1.6}.color-studio-module__Eys4Eq__sideFoot svg{width:12px;height:12px}.color-studio-module__Eys4Eq__collection{grid-column:1/-1;margin:0;padding-top:12px}.color-studio-module__Eys4Eq__saved{grid-template-columns:1fr 1fr;gap:6px}.color-studio-module__Eys4Eq__savedLoad{gap:6px;padding:7px;font-size:14px!important}.color-studio-module__Eys4Eq__savedLoad small{font-size:14px}.color-studio-module__Eys4Eq__savedLoad i{width:17px;height:22px}.color-studio-module__Eys4Eq__savedRemove{padding:6px}.color-studio-module__Eys4Eq__error{grid-column:1/-1;margin:0;font-size:14px}.color-studio-module__Eys4Eq__canvas{min-height:680px}.color-studio-module__Eys4Eq__tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:8px;display:grid}.color-studio-module__Eys4Eq__tabs button{gap:5px;padding:10px 4px;font-size:14px}.color-studio-module__Eys4Eq__tabs button svg{width:12px}.color-studio-module__Eys4Eq__tabs button[aria-selected=true]{background:var(--cs-surface);border-radius:5px}.color-studio-module__Eys4Eq__tabs .color-studio-module__Eys4Eq__activeTrack{height:1px;left:8px;right:8px}.color-studio-module__Eys4Eq__canvasContent{padding:19px 15px}.color-studio-module__Eys4Eq__viewHeading{gap:9px;margin-bottom:20px}.color-studio-module__Eys4Eq__viewHeading h2{font-size:24px}.color-studio-module__Eys4Eq__viewHeading p,.color-studio-module__Eys4Eq__viewHeading>div>span,.color-studio-module__Eys4Eq__engineTag,.color-studio-module__Eys4Eq__paletteOverview{font-size:14px}.color-studio-module__Eys4Eq__paletteOverview>div{gap:9px}.color-studio-module__Eys4Eq__paletteOverview>div>span{font-size:14px}.color-studio-module__Eys4Eq__scale{border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:93px;padding:10px 7px}.color-studio-module__Eys4Eq__scale strong,.color-studio-module__Eys4Eq__scale button>span,.color-studio-module__Eys4Eq__scale small{font-size:14px}.color-studio-module__Eys4Eq__scaleNote{margin-bottom:17px;font-size:14px;line-height:1.8}.color-studio-module__Eys4Eq__scaleNote button{padding:5px 0;font-size:14px}.color-studio-module__Eys4Eq__inspector{grid-template-columns:85px minmax(0,1fr)}.color-studio-module__Eys4Eq__inspectInfo{padding:12px}.color-studio-module__Eys4Eq__inspectTitle>button{padding:6px;font-size:14px}.color-studio-module__Eys4Eq__contrastPair>div>span,.color-studio-module__Eys4Eq__contrastPair strong,.color-studio-module__Eys4Eq__inspectTitle>span{font-size:14px}.color-studio-module__Eys4Eq__inspectInfo>p{font-size:14px;line-height:1.8}.color-studio-module__Eys4Eq__inspectInfo code,.color-studio-module__Eys4Eq__accentStrip small{font-size:14px}.color-studio-module__Eys4Eq__accentStrip button{height:34px}.color-studio-module__Eys4Eq__accentLabel{font-size:14px}.color-studio-module__Eys4Eq__accentScales{gap:13px;margin-top:23px}.color-studio-module__Eys4Eq__accentScales>h3,.color-studio-module__Eys4Eq__accentLabel span{font-size:14px}.color-studio-module__Eys4Eq__sectionHeading{margin-top:23px}.color-studio-module__Eys4Eq__sectionHeading h3,.color-studio-module__Eys4Eq__sectionHeading>span{font-size:14px}.color-studio-module__Eys4Eq__semantics{gap:8px}.color-studio-module__Eys4Eq__semantics article{padding:8px}.color-studio-module__Eys4Eq__semantics p,.color-studio-module__Eys4Eq__semantics h4{font-size:14px}.color-studio-module__Eys4Eq__semantics p>span{margin-left:0}.color-studio-module__Eys4Eq__semanticSamples button{height:37px}.color-studio-module__Eys4Eq__previewBody{padding:29px 0}.color-studio-module__Eys4Eq__previewBody h3{font-size:28px}.color-studio-module__Eys4Eq__themeCard{padding:18px}.color-studio-module__Eys4Eq__gradients{gap:14px}.color-studio-module__Eys4Eq__gradientArt{height:165px}.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientArt{height:190px}.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientOrb{width:100px;height:100px}.color-studio-module__Eys4Eq__gradientCaption{padding:13px}.color-studio-module__Eys4Eq__contrastControls{padding:18px}.color-studio-module__Eys4Eq__contrastPickers{gap:16px}.color-studio-module__Eys4Eq__contrastSample{min-height:180px;padding:20px}.color-studio-module__Eys4Eq__contrastSample>span{font-size:78px}.color-studio-module__Eys4Eq__contrastSample>p{font-size:14px}.color-studio-module__Eys4Eq__contrastScore>strong{font-size:34px}.color-studio-module__Eys4Eq__contrastRules{font-size:14px}.color-studio-module__Eys4Eq__checkTable td,.color-studio-module__Eys4Eq__checkTable th{padding:10px}.color-studio-module__Eys4Eq__checkTable table{font-size:14px}.color-studio-module__Eys4Eq__exportSummary{gap:13px;padding:13px}.color-studio-module__Eys4Eq__exportSummary strong{font-size:14px}.color-studio-module__Eys4Eq__exportSummary>button{padding:9px 11px;font-size:14px}.color-studio-module__Eys4Eq__exportTabs{gap:2px;padding:7px}.color-studio-module__Eys4Eq__exportTabs button{padding:8px;font-size:14px}.color-studio-module__Eys4Eq__exportTabs .color-studio-module__Eys4Eq__copyOutput{margin-left:0}.color-studio-module__Eys4Eq__exportBox textarea{min-height:380px;font-size:14px}.color-studio-module__Eys4Eq__muted{font-size:14px}.color-studio-module__Eys4Eq__canvasFooter{padding:13px 15px;font-size:14px}.color-studio-module__Eys4Eq__toast{font-size:14px}.color-studio-module__Eys4Eq__manualCopy{padding:12px}}@media (prefers-reduced-motion:reduce){.color-studio-module__Eys4Eq__gradientOrb{animation:none}.color-studio-module__Eys4Eq__studio *{transition:none!important}}.color-studio-module__Eys4Eq__studio{max-width:1920px;padding:48px 28px 90px;font-size:16px;line-height:1.7}.color-studio-module__Eys4Eq__heading{margin:36px 0}.color-studio-module__Eys4Eq__identity h1{font-size:36px}.color-studio-module__Eys4Eq__identity p{font-size:16px}.color-studio-module__Eys4Eq__logo{width:54px;height:54px}.color-studio-module__Eys4Eq__headerActions button,.color-studio-module__Eys4Eq__exportSummary>button{min-height:48px;padding:13px 19px;font-size:15px}.color-studio-module__Eys4Eq__workbench{border-radius:20px;grid-template-columns:320px minmax(0,1fr)}.color-studio-module__Eys4Eq__sidebar{padding:30px 26px}.color-studio-module__Eys4Eq__sideLabel{margin-bottom:22px}.color-studio-module__Eys4Eq__picker{height:210px;padding:22px}.color-studio-module__Eys4Eq__picker>strong{font-size:32px}.color-studio-module__Eys4Eq__colorForm{margin-top:24px}.color-studio-module__Eys4Eq__colorForm input{padding:13px 10px;font-size:16px}.color-studio-module__Eys4Eq__colorForm button{padding:12px}.color-studio-module__Eys4Eq__harmonies{gap:8px;margin-top:30px}.color-studio-module__Eys4Eq__harmonies button{min-height:50px;padding:12px 14px;font-size:16px}.color-studio-module__Eys4Eq__presetLabel{margin-top:30px}.color-studio-module__Eys4Eq__presets{flex-wrap:wrap;gap:13px;margin-top:16px}.color-studio-module__Eys4Eq__presets button{width:32px;height:32px}.color-studio-module__Eys4Eq__sideFoot{gap:12px;margin-top:30px;padding-top:24px}.color-studio-module__Eys4Eq__collection{margin-top:26px;padding-top:22px}.color-studio-module__Eys4Eq__savedLoad{padding:12px;font-size:15px!important}.color-studio-module__Eys4Eq__savedLoad i{width:28px;height:36px}.color-studio-module__Eys4Eq__savedRemove{min-width:38px;min-height:44px}.color-studio-module__Eys4Eq__clearSaved{min-height:44px}.color-studio-module__Eys4Eq__canvas{min-height:1100px}.color-studio-module__Eys4Eq__tabs{flex-wrap:wrap;gap:16px;padding:0 30px}.color-studio-module__Eys4Eq__tabs button{gap:9px;min-height:64px;padding:19px 10px;font-size:16px}.color-studio-module__Eys4Eq__tabs button svg{width:18px;height:18px}.color-studio-module__Eys4Eq__canvasContent{padding:36px}.color-studio-module__Eys4Eq__viewHeading{margin-bottom:32px}.color-studio-module__Eys4Eq__viewHeading h2{margin:13px 0;font-size:36px}.color-studio-module__Eys4Eq__viewHeading p{font-size:16px}.color-studio-module__Eys4Eq__engineTag{padding:10px 13px;font-size:15px}.color-studio-module__Eys4Eq__engineTag i{width:14px;height:14px}.color-studio-module__Eys4Eq__paletteOverview{margin-bottom:18px;font-size:16px}.color-studio-module__Eys4Eq__paletteOverview>div{flex-wrap:wrap;gap:20px}.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(11,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:205px;padding:18px 10px}.color-studio-module__Eys4Eq__scale strong{letter-spacing:-.035em;font-size:14px}.color-studio-module__Eys4Eq__scale button>span{font-size:16px}.color-studio-module__Eys4Eq__scale small{margin-top:12px}.color-studio-module__Eys4Eq__scale button>svg{top:18px;right:10px}.color-studio-module__Eys4Eq__scaleNote{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 28px}.color-studio-module__Eys4Eq__scaleNote button{min-height:44px}.color-studio-module__Eys4Eq__inspector{grid-template-columns:200px minmax(0,1fr)}.color-studio-module__Eys4Eq__inspectSample{gap:20px;padding:24px}.color-studio-module__Eys4Eq__inspectSample>span{font-size:70px}.color-studio-module__Eys4Eq__inspectInfo{padding:24px}.color-studio-module__Eys4Eq__inspectTitle{flex-wrap:wrap;gap:16px}.color-studio-module__Eys4Eq__inspectTitle>button{min-height:44px;padding:11px 13px;font-size:15px}.color-studio-module__Eys4Eq__contrastPair{gap:22px;margin-top:24px}.color-studio-module__Eys4Eq__contrastPair strong{white-space:normal;font-size:22px}.color-studio-module__Eys4Eq__contrastPair em{margin-left:9px;display:inline}.color-studio-module__Eys4Eq__contrastPair>div>span{font-size:15px}.color-studio-module__Eys4Eq__contrastPair i{width:12px;height:12px}.color-studio-module__Eys4Eq__inspectInfo>p{margin-top:20px}.color-studio-module__Eys4Eq__inspectInfo>p>span{display:inline}.color-studio-module__Eys4Eq__accentScales{gap:24px;margin-top:36px}.color-studio-module__Eys4Eq__accentScales>h3,.color-studio-module__Eys4Eq__sectionHeading h3{font-size:18px}.color-studio-module__Eys4Eq__accentLabel{flex-wrap:wrap;margin-bottom:12px}.color-studio-module__Eys4Eq__accentStrip button{height:62px}.color-studio-module__Eys4Eq__sectionHeading{flex-wrap:wrap;align-items:start;margin:36px 0 20px}.color-studio-module__Eys4Eq__semantics{gap:18px}.color-studio-module__Eys4Eq__semantics article{padding:15px}.color-studio-module__Eys4Eq__semanticSamples button{height:62px}.color-studio-module__Eys4Eq__semantics h4{margin-top:18px;font-size:17px}.color-studio-module__Eys4Eq__semantics p{gap:12px;line-height:1.8}.color-studio-module__Eys4Eq__semantics p>span{margin-left:0}.color-studio-module__Eys4Eq__themeGrid,.color-studio-module__Eys4Eq__tokenGrid{gap:24px}.color-studio-module__Eys4Eq__themeCard{padding:30px}.color-studio-module__Eys4Eq__previewBody{padding:50px 0 36px}.color-studio-module__Eys4Eq__previewBody h3{font-size:38px}.color-studio-module__Eys4Eq__previewBody p{font-size:16px}.color-studio-module__Eys4Eq__previewCTA{gap:14px;padding:14px 18px;font-size:15px}.color-studio-module__Eys4Eq__previewStats{gap:18px;padding:20px}.color-studio-module__Eys4Eq__previewStats strong{font-size:22px}.color-studio-module__Eys4Eq__tokenGrid>div{padding:22px}.color-studio-module__Eys4Eq__tokenGrid h4{font-size:18px}.color-studio-module__Eys4Eq__tokenGrid button{gap:10px;padding:13px 0;font-size:15px}.color-studio-module__Eys4Eq__tokenGrid i{width:20px;height:20px}.color-studio-module__Eys4Eq__gradientArt{height:245px}.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientArt{height:340px}.color-studio-module__Eys4Eq__gradientCaption{padding:22px}.color-studio-module__Eys4Eq__gradientCaption h3{font-size:20px}.color-studio-module__Eys4Eq__gradientCaption button{min-width:44px;min-height:44px;padding:13px}.color-studio-module__Eys4Eq__gradients article>code{margin:0 22px 22px;line-height:1.9}.color-studio-module__Eys4Eq__contrastSample{min-height:330px}.color-studio-module__Eys4Eq__contrastSample>span{font-size:128px}.color-studio-module__Eys4Eq__contrastSample>p{font-size:16px}.color-studio-module__Eys4Eq__contrastControls{padding:28px}.color-studio-module__Eys4Eq__contrastPickers{gap:25px}.color-studio-module__Eys4Eq__contrastPickers input{width:46px;height:36px}.color-studio-module__Eys4Eq__contrastPickers>button{min-height:44px;padding:12px}.color-studio-module__Eys4Eq__contrastScore>strong{font-size:50px}.color-studio-module__Eys4Eq__contrastScore small{font-size:24px}.color-studio-module__Eys4Eq__contrastRules{gap:15px;font-size:15px;margin-top:22px!important}.color-studio-module__Eys4Eq__checkTable td,.color-studio-module__Eys4Eq__checkTable th{padding:17px 15px}.color-studio-module__Eys4Eq__muted{margin-top:25px;font-size:15px;line-height:1.9}.color-studio-module__Eys4Eq__reference{min-height:44px;font-size:15px}.color-studio-module__Eys4Eq__exportSummary{gap:20px;padding:24px}.color-studio-module__Eys4Eq__exportSummary strong{font-size:19px}.color-studio-module__Eys4Eq__exportSummary p{font-size:15px}.color-studio-module__Eys4Eq__exportTabs{gap:8px;padding:14px}.color-studio-module__Eys4Eq__exportTabs button{min-height:46px;padding:13px 16px;font-size:15px}.color-studio-module__Eys4Eq__exportBox textarea{min-height:610px;padding:26px;font-size:15px;line-height:1.9}.color-studio-module__Eys4Eq__canvasFooter{flex-wrap:wrap;gap:12px;padding:20px 36px}.color-studio-module__Eys4Eq__toast{font-size:15px}@media (max-width:1700px) and (max-width:1199.98px),(max-width:1147.5px) and (min-width:1200px){.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(6,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:175px}.color-studio-module__Eys4Eq__accentStrip{grid-template-columns:repeat(6,minmax(0,1fr))}.color-studio-module__Eys4Eq__semantics{grid-template-columns:repeat(2,minmax(0,1fr))}.color-studio-module__Eys4Eq__themeGrid,.color-studio-module__Eys4Eq__tokenGrid{grid-template-columns:1fr}}@media (max-width:1250px) and (max-width:1199.98px),(max-width:843.75px) and (min-width:1200px){.color-studio-module__Eys4Eq__workbench{grid-template-columns:285px minmax(0,1fr)}.color-studio-module__Eys4Eq__sidebar{padding:25px 21px}.color-studio-module__Eys4Eq__canvasContent{padding:28px}.color-studio-module__Eys4Eq__tabs{gap:7px;padding:0 18px}.color-studio-module__Eys4Eq__tabs button{font-size:15px}.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(4,minmax(0,1fr))}.color-studio-module__Eys4Eq__inspector{grid-template-columns:150px minmax(0,1fr)}.color-studio-module__Eys4Eq__inspectInfo{padding:20px}.color-studio-module__Eys4Eq__contrastPair{grid-template-columns:1fr;gap:14px}.color-studio-module__Eys4Eq__accentStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.color-studio-module__Eys4Eq__exportSummary{flex-wrap:wrap}.color-studio-module__Eys4Eq__exportSummary>button{margin-left:0}}@media (max-width:1050px) and (max-width:1199.98px),(max-width:708.75px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio{padding:36px 22px 65px}.color-studio-module__Eys4Eq__workbench{grid-template-columns:1fr}.color-studio-module__Eys4Eq__sidebar{border-right:0;border-bottom:1px solid var(--cs-line);grid-template-columns:1fr 1fr;gap:22px;padding:26px;display:grid;position:static}.color-studio-module__Eys4Eq__sideLabel{grid-column:1/-1;margin:0}.color-studio-module__Eys4Eq__picker{grid-area:2/1/4;height:205px}.color-studio-module__Eys4Eq__colorForm{grid-area:2/2;margin:0}.color-studio-module__Eys4Eq__harmonies{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.color-studio-module__Eys4Eq__presetLabel{grid-area:3/2;align-self:start;margin:0}.color-studio-module__Eys4Eq__presets{grid-area:3/2;align-self:end;gap:12px;margin:35px 0 0}.color-studio-module__Eys4Eq__sideFoot{grid-column:1/-1;margin:0;padding-top:20px}.color-studio-module__Eys4Eq__collection{grid-column:1/-1;margin:0}.color-studio-module__Eys4Eq__saved{grid-template-columns:1fr 1fr}.color-studio-module__Eys4Eq__error{grid-column:1/-1;margin:0}.color-studio-module__Eys4Eq__tabs{flex-wrap:wrap;gap:8px;padding:10px 18px;display:flex}.color-studio-module__Eys4Eq__tabs button{min-height:52px;padding:14px 10px}.color-studio-module__Eys4Eq__canvasContent{padding:30px}.color-studio-module__Eys4Eq__viewHeading h2{font-size:34px}.color-studio-module__Eys4Eq__viewHeading{flex-wrap:wrap;align-items:start}.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(6,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:165px}.color-studio-module__Eys4Eq__accentStrip{grid-template-columns:repeat(6,minmax(0,1fr))}.color-studio-module__Eys4Eq__inspector{grid-template-columns:170px minmax(0,1fr)}.color-studio-module__Eys4Eq__contrastPair,.color-studio-module__Eys4Eq__gradients{grid-template-columns:1fr 1fr}.color-studio-module__Eys4Eq__gradients article:first-child{grid-column:1/-1}.color-studio-module__Eys4Eq__contrastLab{grid-template-columns:1fr}}@media (max-width:650px) and (max-width:1199.98px),(max-width:438.75px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio{padding:26px 14px 50px}.color-studio-module__Eys4Eq__topline{flex-wrap:wrap;align-items:start;gap:14px}.color-studio-module__Eys4Eq__topline a{min-height:36px;font-size:15px}.color-studio-module__Eys4Eq__topline>span{text-align:left;max-width:none;font-size:14px;line-height:1.7}.color-studio-module__Eys4Eq__heading{gap:20px;margin:28px 0}.color-studio-module__Eys4Eq__identity{gap:13px}.color-studio-module__Eys4Eq__identity h1{font-size:31px}.color-studio-module__Eys4Eq__identity p{font-size:15px;line-height:1.7}.color-studio-module__Eys4Eq__logo{flex-shrink:0;width:46px;height:46px}.color-studio-module__Eys4Eq__headerActions{flex-wrap:wrap;justify-content:flex-start;gap:10px}.color-studio-module__Eys4Eq__headerActions button{min-height:48px;padding:12px 15px;font-size:15px}.color-studio-module__Eys4Eq__sidebar{flex-direction:column;gap:22px;padding:22px;display:flex}.color-studio-module__Eys4Eq__sideLabel{width:100%;line-height:1.8}.color-studio-module__Eys4Eq__picker{flex-shrink:0;width:100%;height:200px;padding:22px}.color-studio-module__Eys4Eq__picker>strong{font-size:32px}.color-studio-module__Eys4Eq__picker svg{width:16px}.color-studio-module__Eys4Eq__colorForm{width:100%;margin:0}.color-studio-module__Eys4Eq__colorForm input{padding:13px 10px;font-size:16px}.color-studio-module__Eys4Eq__colorForm button{padding:12px}.color-studio-module__Eys4Eq__harmonies{grid-template-columns:1fr;gap:9px;width:100%;margin:0}.color-studio-module__Eys4Eq__harmonies legend{margin-bottom:12px}.color-studio-module__Eys4Eq__harmonies button{min-height:48px;padding:12px;font-size:16px}.color-studio-module__Eys4Eq__harmonySymbol{width:22px;font-size:20px}.color-studio-module__Eys4Eq__harmonies svg{width:16px}.color-studio-module__Eys4Eq__presetLabel{width:100%;margin:0}.color-studio-module__Eys4Eq__presetLabel button{place-items:center;min-width:36px;min-height:36px;display:grid}.color-studio-module__Eys4Eq__presets{gap:14px;width:100%;margin:0}.color-studio-module__Eys4Eq__presets button{width:32px;height:32px}.color-studio-module__Eys4Eq__sideFoot{gap:10px;width:100%;padding:16px 0 0}.color-studio-module__Eys4Eq__sideFoot svg{width:18px;height:18px}.color-studio-module__Eys4Eq__collection{width:100%;padding-top:18px}.color-studio-module__Eys4Eq__collection summary{font-size:16px}.color-studio-module__Eys4Eq__saved{grid-template-columns:1fr}.color-studio-module__Eys4Eq__savedLoad{padding:12px;font-size:15px!important}.color-studio-module__Eys4Eq__savedLoad i{width:28px;height:36px}.color-studio-module__Eys4Eq__savedRemove{padding:10px}.color-studio-module__Eys4Eq__error{font-size:15px}.color-studio-module__Eys4Eq__tabs{flex-wrap:wrap;gap:9px;padding:13px;display:flex}.color-studio-module__Eys4Eq__tabs button{white-space:normal;justify-content:flex-start;min-height:50px;padding:13px;font-size:15px}.color-studio-module__Eys4Eq__tabs button svg{flex-shrink:0;width:18px}.color-studio-module__Eys4Eq__canvasContent{padding:26px 18px}.color-studio-module__Eys4Eq__viewHeading{gap:16px;margin-bottom:26px}.color-studio-module__Eys4Eq__viewHeading h2{font-size:32px}.color-studio-module__Eys4Eq__viewHeading p{font-size:16px}.color-studio-module__Eys4Eq__engineTag{padding:10px}.color-studio-module__Eys4Eq__paletteOverview{flex-wrap:wrap;gap:12px;font-size:15px}.color-studio-module__Eys4Eq__paletteOverview>div{gap:12px}.color-studio-module__Eys4Eq__scale{grid-template-columns:repeat(2,minmax(0,1fr))}.color-studio-module__Eys4Eq__scale button{height:155px;padding:17px 12px}.color-studio-module__Eys4Eq__scale button>span{font-size:16px}.color-studio-module__Eys4Eq__scale button>svg{width:16px;top:17px;right:12px}.color-studio-module__Eys4Eq__scaleNote{gap:13px;margin:20px 0}.color-studio-module__Eys4Eq__scaleNote button{min-height:44px;font-size:15px}.color-studio-module__Eys4Eq__inspector{grid-template-columns:1fr}.color-studio-module__Eys4Eq__inspectSample{gap:18px;padding:30px}.color-studio-module__Eys4Eq__inspectSample>span{font-size:74px}.color-studio-module__Eys4Eq__inspectInfo{padding:22px 18px}.color-studio-module__Eys4Eq__inspectTitle>button{padding:12px}.color-studio-module__Eys4Eq__contrastPair{grid-template-columns:1fr;gap:18px;margin-top:24px}.color-studio-module__Eys4Eq__contrastPair>div>span{font-size:15px}.color-studio-module__Eys4Eq__contrastPair strong{font-size:22px}.color-studio-module__Eys4Eq__contrastPair em{display:inline}.color-studio-module__Eys4Eq__inspectInfo>p,.color-studio-module__Eys4Eq__inspectInfo code{font-size:15px}.color-studio-module__Eys4Eq__accentStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.color-studio-module__Eys4Eq__accentStrip button{height:60px}.color-studio-module__Eys4Eq__accentLabel{gap:9px;font-size:15px}.color-studio-module__Eys4Eq__accentScales{gap:23px;margin-top:32px}.color-studio-module__Eys4Eq__accentScales>h3{font-size:18px}.color-studio-module__Eys4Eq__sectionHeading{gap:12px;margin-top:32px}.color-studio-module__Eys4Eq__sectionHeading h3{font-size:18px}.color-studio-module__Eys4Eq__semantics{grid-template-columns:1fr;gap:18px}.color-studio-module__Eys4Eq__semantics article{padding:17px}.color-studio-module__Eys4Eq__semantics h4{font-size:18px}.color-studio-module__Eys4Eq__semanticSamples button{height:66px}.color-studio-module__Eys4Eq__previewBody{padding:35px 0}.color-studio-module__Eys4Eq__previewBody h3{font-size:32px}.color-studio-module__Eys4Eq__previewBody p{font-size:16px}.color-studio-module__Eys4Eq__themeCard{padding:22px}.color-studio-module__Eys4Eq__previewStats{grid-template-columns:1fr;gap:20px}.color-studio-module__Eys4Eq__previewStats strong{font-size:22px}.color-studio-module__Eys4Eq__tokenGrid>div{padding:18px}.color-studio-module__Eys4Eq__tokenGrid button{flex-wrap:wrap;gap:8px}.color-studio-module__Eys4Eq__gradients{grid-template-columns:1fr;gap:22px}.color-studio-module__Eys4Eq__gradientArt,.color-studio-module__Eys4Eq__gradients article:first-child .color-studio-module__Eys4Eq__gradientArt{height:250px}.color-studio-module__Eys4Eq__gradientCaption{padding:20px}.color-studio-module__Eys4Eq__contrastLab{grid-template-columns:1fr}.color-studio-module__Eys4Eq__contrastControls{padding:22px 17px}.color-studio-module__Eys4Eq__contrastPickers{gap:18px}.color-studio-module__Eys4Eq__contrastPickers>button{margin-left:0}.color-studio-module__Eys4Eq__contrastSample{min-height:245px;padding:30px 18px}.color-studio-module__Eys4Eq__contrastSample>span{font-size:105px}.color-studio-module__Eys4Eq__contrastSample>p{font-size:15px}.color-studio-module__Eys4Eq__contrastScore>strong{font-size:46px}.color-studio-module__Eys4Eq__contrastRules{gap:16px}.color-studio-module__Eys4Eq__contrastRules li{flex-wrap:wrap}.color-studio-module__Eys4Eq__checkTable td,.color-studio-module__Eys4Eq__checkTable th{padding:15px}.color-studio-module__Eys4Eq__exportSummary{gap:18px;padding:20px}.color-studio-module__Eys4Eq__exportSummary strong{font-size:18px}.color-studio-module__Eys4Eq__exportSummary p{font-size:15px}.color-studio-module__Eys4Eq__exportSummary>button{padding:12px;font-size:15px}.color-studio-module__Eys4Eq__exportTabs{gap:7px;padding:12px}.color-studio-module__Eys4Eq__exportTabs button{padding:12px;font-size:15px}.color-studio-module__Eys4Eq__exportBox textarea{min-height:560px;padding:18px;font-size:14px;line-height:1.9}.color-studio-module__Eys4Eq__muted{font-size:15px}.color-studio-module__Eys4Eq__canvasFooter{padding:20px 18px;line-height:1.8}.color-studio-module__Eys4Eq__manualCopy{padding:18px}}[data-theme=light] .color-studio-module__Eys4Eq__topline i{background:#97733f}[data-theme=light] .color-studio-module__Eys4Eq__liveDot{background:#97733f}@media (max-width:480px) and (max-width:1199.98px),(max-width:324px) and (min-width:1200px){.color-studio-module__Eys4Eq__studio input,.color-studio-module__Eys4Eq__studio textarea,.color-studio-module__Eys4Eq__studio select{font-size:16px}.color-studio-module__Eys4Eq__studio button{min-height:44px}.color-studio-module__Eys4Eq__heading,.color-studio-module__Eys4Eq__topline,.color-studio-module__Eys4Eq__headerActions{flex-wrap:wrap}.color-studio-module__Eys4Eq__studio{min-width:0}.color-studio-module__Eys4Eq__studio h1{overflow-wrap:break-word}}[data-theme=light] .color-studio-module__Eys4Eq__error{color:#705332}