.studio-module__9ZE9Ka__studio{color:#383d48;background:#fff;min-height:100vh;padding:22px 24px 40px;font-family:Arial,Helvetica,sans-serif}.studio-module__9ZE9Ka__studio button,.studio-module__9ZE9Ka__studio select,.studio-module__9ZE9Ka__studio a{cursor:pointer}.studio-module__9ZE9Ka__studio button:disabled{opacity:.4;cursor:not-allowed}.studio-module__9ZE9Ka__studio button:focus-visible,.studio-module__9ZE9Ka__studio input:focus-visible,.studio-module__9ZE9Ka__studio select:focus-visible,.studio-module__9ZE9Ka__studio a:focus-visible{outline-offset:3px;outline:2px solid #1688ff}.studio-module__9ZE9Ka__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.studio-module__9ZE9Ka__heading span{letter-spacing:2px;color:#858b96;font-size:10px}.studio-module__9ZE9Ka__heading h1{margin-top:3px;font-size:24px;font-weight:500}.studio-module__9ZE9Ka__actions{gap:20px;font-size:13px;display:flex}.studio-module__9ZE9Ka__actions a,.studio-module__9ZE9Ka__actions button{align-items:center;gap:7px;display:flex}.studio-module__9ZE9Ka__workspace{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);align-items:start;gap:20px;display:grid}.studio-module__9ZE9Ka__left,.studio-module__9ZE9Ka__right{min-width:0}.studio-module__9ZE9Ka__right{flex-direction:column;gap:16px;display:flex}.studio-module__9ZE9Ka__searchbar{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.studio-module__9ZE9Ka__library,.studio-module__9ZE9Ka__searchbar>input{border:1px solid #d9dadd;border-radius:5px;min-width:0;min-height:55px;padding:10px 14px}.studio-module__9ZE9Ka__library{align-items:center;gap:12px;display:flex}.studio-module__9ZE9Ka__library>i{border-radius:50%;flex-shrink:0;width:30px;height:30px}.studio-module__9ZE9Ka__library>span{letter-spacing:1px;font-size:17px}.studio-module__9ZE9Ka__library select{background:#fff;width:100%;min-width:0;font-size:12px;font-weight:600}.studio-module__9ZE9Ka__searchbar>input{font-size:14px}.studio-module__9ZE9Ka__searchbar>input::placeholder{color:#9ba0ac}.studio-module__9ZE9Ka__toolbar{text-transform:uppercase;border:1px solid #d9dadd;border-radius:5px;flex-wrap:wrap;align-items:center;gap:15px;min-height:54px;margin-bottom:3px;padding:14px 16px;font-size:11px;display:flex}.studio-module__9ZE9Ka__toolbar button{align-items:center;display:flex}.studio-module__9ZE9Ka__toolbar button[aria-pressed=true]{color:#0085ff}.studio-module__9ZE9Ka__toolbar label{align-items:center;gap:8px;display:flex}.studio-module__9ZE9Ka__toolbar input{accent-color:#0085ff}.studio-module__9ZE9Ka__toolbar select{background:#fff;max-width:140px;font-size:11px}.studio-module__9ZE9Ka__count{color:#8a8f98;margin-left:auto;font-size:11px}.studio-module__9ZE9Ka__catalog{scrollbar-width:thin;border-bottom:1px solid #d9dadd;height:560px;margin-bottom:20px;overflow-y:auto}.studio-module__9ZE9Ka__grid{padding:2px;display:grid}.studio-module__9ZE9Ka__tile{border:0;min-width:0;transition:box-shadow .12s;position:relative}.studio-module__9ZE9Ka__tile:hover{z-index:1;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #333}.studio-module__9ZE9Ka__tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px #158bff,inset 0 0 0 4px #fff}.studio-module__9ZE9Ka__tick{color:#1688ff;background:#fff;border-radius:50%;padding:2px;position:absolute;bottom:5px;right:5px}.studio-module__9ZE9Ka__colorList{padding:3px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile{text-align:left;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 7px #00000012}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__longColor{flex:1;align-self:stretch;min-width:0}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile>span{overflow-wrap:anywhere;background:#fff;flex-direction:column;justify-content:center;align-self:stretch;gap:3px;width:30%;min-width:125px;padding:12px 14px;display:flex}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile strong{letter-spacing:-.5px;font-size:14px;line-height:1.1}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile sup{font-size:8px}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile small{color:#555;font-size:12px;line-height:1.25}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile b{color:#383d48;font-size:12px;line-height:1.25}.studio-module__9ZE9Ka__panel{background:#fff;border:1px solid #d9dadd;border-radius:5px;scroll-margin-top:115px;overflow:hidden}.studio-module__9ZE9Ka__panel>header{border-bottom:1px solid #d9dadd;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:15px 19px;display:flex}.studio-module__9ZE9Ka__panel h2{letter-spacing:.2px;font-size:12px;font-weight:600}.studio-module__9ZE9Ka__panel header>span{color:#9499a2;font-size:10px}.studio-module__9ZE9Ka__colorData{grid-template-columns:128px minmax(0,1fr);gap:18px;padding:18px;display:grid}.studio-module__9ZE9Ka__preview{text-align:left;align-self:start;box-shadow:0 2px 7px #00000013}.studio-module__9ZE9Ka__swatch>div{height:132px}.studio-module__9ZE9Ka__swatch footer,.studio-module__9ZE9Ka__largeSwatch footer{background:#fff;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.studio-module__9ZE9Ka__swatch strong,.studio-module__9ZE9Ka__largeSwatch strong{letter-spacing:-.5px;font-size:16px;line-height:1.1}.studio-module__9ZE9Ka__swatch sup{font-size:9px}.studio-module__9ZE9Ka__swatch span,.studio-module__9ZE9Ka__swatch b{font-size:11px;line-height:1.35}.studio-module__9ZE9Ka__details{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.studio-module__9ZE9Ka__details dl{overflow-wrap:anywhere;grid-template-columns:auto 1fr;gap:15px 14px;font-size:12px;display:grid}.studio-module__9ZE9Ka__details dt{font-weight:600}.studio-module__9ZE9Ka__darkButton,.studio-module__9ZE9Ka__orderButton{border-radius:4px;justify-content:center;align-items:center;gap:7px;display:inline-flex;box-shadow:0 2px 4px #00000014;color:#fff!important;background:#373c48!important;padding:9px 12px!important;font-size:12px!important}.studio-module__9ZE9Ka__orderButton{grid-column:1/-1;min-height:38px;background:#087ffc!important}.studio-module__9ZE9Ka__match{background:#f7f8fa;grid-column:1/-1;align-items:center;gap:10px;padding:10px;font-size:11px;line-height:1.8;display:flex}.studio-module__9ZE9Ka__match i{border:1px solid #ddd;flex-shrink:0;width:38px;height:38px}.studio-module__9ZE9Ka__shades{max-height:290px;padding:15px 18px;overflow:auto}.studio-module__9ZE9Ka__shades>button{text-align:left;width:100%;min-height:75px;margin-bottom:6px;display:flex;box-shadow:0 1px 5px #0000000d}.studio-module__9ZE9Ka__shades i{flex:1;min-width:40px}.studio-module__9ZE9Ka__shades span{flex-direction:column;justify-content:center;gap:2px;width:135px;padding:9px 12px;font-size:11px;display:flex}.studio-module__9ZE9Ka__shades strong{font-size:12px}.studio-module__9ZE9Ka__palette{min-height:120px;max-height:270px;padding:18px;overflow:auto}.studio-module__9ZE9Ka__palette>p{color:#7b8291;padding:12px 4px;font-size:14px;line-height:1.7}.studio-module__9ZE9Ka__palette>div{align-items:center;gap:10px;margin-bottom:9px;display:flex}.studio-module__9ZE9Ka__palette>div>button:first-child{text-align:left;flex:1;align-items:center;gap:12px;display:flex}.studio-module__9ZE9Ka__palette i{border:1px solid #ddd;width:38px;height:38px}.studio-module__9ZE9Ka__palette span{flex-direction:column;gap:3px;font-size:11px;display:flex}.studio-module__9ZE9Ka__paletteFooter{color:#959aa3;border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.studio-module__9ZE9Ka__paletteFooter small{font-size:10px}.studio-module__9ZE9Ka__disclaimer{color:#8a8f98;font-size:11px;line-height:1.65}.studio-module__9ZE9Ka__upload{padding:20px}.studio-module__9ZE9Ka__uploadTop{justify-content:space-between;align-items:center;gap:18px;display:flex}.studio-module__9ZE9Ka__uploadTop p{font-size:13px;line-height:1.7}.studio-module__9ZE9Ka__uploadTop small{color:#8a8f98;font-size:10px}.studio-module__9ZE9Ka__uploadButton{white-space:nowrap;cursor:pointer;border:1px solid #d9dadd;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:inline-flex;position:relative;overflow:hidden}.studio-module__9ZE9Ka__uploadButton input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.studio-module__9ZE9Ka__uploadButton:focus-within{outline:2px solid #1688ff}.studio-module__9ZE9Ka__imageLabel{justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;display:flex}.studio-module__9ZE9Ka__imageLabel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-module__9ZE9Ka__imageArea{text-align:center;background:repeating-conic-gradient(#f6f6f6 0% 25%,#fff 0% 50%) 50%/16px 16px;border:1px solid #eee;margin-top:10px;padding:12px}.studio-module__9ZE9Ka__imageWrapper{vertical-align:middle;max-width:100%;display:inline-block;position:relative}.studio-module__9ZE9Ka__imageWrapper img{cursor:crosshair;object-fit:contain;max-width:100%;max-height:440px;display:block}.studio-module__9ZE9Ka__crosshair{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #333}.studio-module__9ZE9Ka__empty{text-align:center;color:#8a8f98;padding:70px 25px;font-size:14px;line-height:1.8}.studio-module__9ZE9Ka__empty button{color:#087ffc;margin:15px auto;display:block}.studio-module__9ZE9Ka__error{color:#bd3342;margin-top:12px;font-size:12px}.studio-module__9ZE9Ka__notice{background:#eef7ff;border:1px solid #cee5ff;border-radius:5px;padding:14px;font-size:13px;line-height:1.6}.studio-module__9ZE9Ka__comparison{align-items:stretch;gap:24px;font-family:Arial,Helvetica,sans-serif;display:flex}.studio-module__9ZE9Ka__comparison>div{flex:1;min-width:0}.studio-module__9ZE9Ka__comparison h3{text-transform:uppercase;letter-spacing:1px;color:#8a8f98;margin-bottom:12px;font-size:12px}.studio-module__9ZE9Ka__original{background:#f7f7f7;justify-content:center;align-items:center;height:calc(100% - 28px);min-height:320px;display:flex}.studio-module__9ZE9Ka__original img{object-fit:contain;width:100%;max-height:460px}.studio-module__9ZE9Ka__largeSwatch{border:1px solid #eee}.studio-module__9ZE9Ka__largeSwatch>div{height:290px}.studio-module__9ZE9Ka__largeSwatch footer{padding:15px}.studio-module__9ZE9Ka__largeSwatch span{font-size:16px}.studio-module__9ZE9Ka__largeSwatch b{font-size:14px}.studio-module__9ZE9Ka__modalActions{justify-content:space-between;gap:14px;margin-top:16px;display:flex}.studio-module__9ZE9Ka__modalActions button{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}@media (min-width:1600px){.studio-module__9ZE9Ka__catalog{height:650px}.studio-module__9ZE9Ka__swatch>div{height:160px}.studio-module__9ZE9Ka__colorData{grid-template-columns:152px minmax(0,1fr)}.studio-module__9ZE9Ka__details dl{gap:18px;font-size:14px}.studio-module__9ZE9Ka__shades{max-height:330px}}@media (max-width:1100px){.studio-module__9ZE9Ka__workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.studio-module__9ZE9Ka__searchbar{grid-template-columns:1fr}.studio-module__9ZE9Ka__colorData{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:14px}.studio-module__9ZE9Ka__details dl{gap:10px;font-size:11px}.studio-module__9ZE9Ka__swatch>div{height:110px}.studio-module__9ZE9Ka__toolbar{gap:12px}.studio-module__9ZE9Ka__uploadTop{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.studio-module__9ZE9Ka__studio{padding:18px 12px 30px}.studio-module__9ZE9Ka__workspace{flex-direction:column;gap:18px;display:flex}.studio-module__9ZE9Ka__left,.studio-module__9ZE9Ka__right{width:100%}.studio-module__9ZE9Ka__heading h1{font-size:21px}.studio-module__9ZE9Ka__heading{align-items:flex-start}.studio-module__9ZE9Ka__actions{flex-direction:column;gap:10px;font-size:11px}.studio-module__9ZE9Ka__catalog{height:380px}.studio-module__9ZE9Ka__toolbar{gap:12px;padding:12px 10px}.studio-module__9ZE9Ka__count{font-size:10px}.studio-module__9ZE9Ka__colorData{grid-template-columns:120px 1fr}.studio-module__9ZE9Ka__details dl{font-size:12px}.studio-module__9ZE9Ka__searchbar{gap:10px;margin-bottom:10px}.studio-module__9ZE9Ka__library>span{font-size:14px}.studio-module__9ZE9Ka__upload{padding:14px}.studio-module__9ZE9Ka__shades{max-height:260px}.studio-module__9ZE9Ka__comparison{flex-direction:column}.studio-module__9ZE9Ka__original{height:auto;min-height:180px}.studio-module__9ZE9Ka__original img{max-height:260px}.studio-module__9ZE9Ka__largeSwatch>div{height:230px}.studio-module__9ZE9Ka__palette{min-height:100px}}.studio-module__9ZE9Ka__upload>div:first-child{min-width:0}.studio-module__9ZE9Ka__left>.studio-module__9ZE9Ka__panel>header{justify-content:flex-start}.studio-module__9ZE9Ka__originalColumn{flex-direction:column;display:flex}.studio-module__9ZE9Ka__originalFigure{border:1px solid #eee;flex-direction:column;flex:1;min-width:0;margin:0;display:flex}.studio-module__9ZE9Ka__originalFigure .studio-module__9ZE9Ka__original{flex:1;height:auto}.studio-module__9ZE9Ka__originalFigure figcaption{color:#626a77;overflow-wrap:anywhere;background:#fff;border-top:1px solid #eee;padding:10px 12px;font-size:12px;line-height:1.5}.studio-module__9ZE9Ka__studioTabs{background:0 0;border:0;border-radius:0;gap:24px;height:auto;margin-left:24px;margin-right:auto;padding:0}.studio-module__9ZE9Ka__studioTabs button{color:#858a93;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:9px;padding:14px 0;font-size:14px;font-weight:500;display:flex}.studio-module__9ZE9Ka__studioTabs button:hover{color:#383d48}.studio-module__9ZE9Ka__studioTabs button[data-state=active]{color:#087ffc;box-shadow:none;background:0 0;border-bottom-color:#087ffc}.studio-module__9ZE9Ka__studioTabs button svg{width:20px;height:20px}.studio-module__9ZE9Ka__tabPanel{margin-top:0}.studio-module__9ZE9Ka__pickerHint{color:#747d8a;margin-top:12px;font-size:11px;line-height:1.7}.studio-module__9ZE9Ka__imageWrapper .studio-module__9ZE9Ka__pickerImage{touch-action:none;-webkit-user-select:none;user-select:none}.studio-module__9ZE9Ka__magnifier{pointer-events:none;image-rendering:pixelated;z-index:2;background-color:#fff;background-repeat:no-repeat;background-origin:border-box;border:3px solid #fff;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #434c59,0 5px 18px #0004}.studio-module__9ZE9Ka__magnifier i{border:1px solid #fff;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #222}.studio-module__9ZE9Ka__magnifier:before,.studio-module__9ZE9Ka__magnifier:after{content:"";background:#fff;position:absolute;box-shadow:0 0 1px #222}.studio-module__9ZE9Ka__magnifier:before{width:1px;height:100%;top:0;left:50%}.studio-module__9ZE9Ka__magnifier:after{width:100%;height:1px;top:50%;left:0}.studio-module__9ZE9Ka__magnifier span{color:#fff;z-index:1;background:#222b;border-radius:3px;padding:1px 7px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (max-width:1000px){.studio-module__9ZE9Ka__heading{flex-wrap:wrap}.studio-module__9ZE9Ka__studioTabs{order:3;width:100%;margin:0}.studio-module__9ZE9Ka__studioTabs button{flex:1}.studio-module__9ZE9Ka__heading>.studio-module__9ZE9Ka__actions{margin-left:auto}}.studio-module__9ZE9Ka__panel>.studio-module__9ZE9Ka__uploadHeader{justify-content:flex-start;gap:10px}.studio-module__9ZE9Ka__swatch footer>div,.studio-module__9ZE9Ka__largeSwatch footer>div{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-module__9ZE9Ka__largeSwatch .studio-module__9ZE9Ka__brandedSwatchFooter{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-module__9ZE9Ka__brandedSwatchFooter img{object-fit:contain;flex-shrink:0;width:132px;max-width:40%;height:33px}.studio-module__9ZE9Ka__relatedTabs{background:0 0;border-bottom:1px solid #d9dadd;border-radius:0;justify-content:flex-start;gap:18px;width:100%;height:auto;padding:0 18px;display:flex}.studio-module__9ZE9Ka__relatedTabs button{color:#8a8f98;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:0 auto;gap:7px;padding:15px 0;font-size:11px;display:flex}.studio-module__9ZE9Ka__relatedTabs button[data-state=active]{color:#383d48;box-shadow:none;background:0 0;border-bottom-color:#087ffc}.studio-module__9ZE9Ka__harmonyGroups{max-height:390px;padding:16px 18px;overflow:auto}.studio-module__9ZE9Ka__harmonyGroups>p{color:#8a8f98;margin-bottom:16px;font-size:11px;line-height:1.7}.studio-module__9ZE9Ka__harmonyGroup{margin-bottom:18px}.studio-module__9ZE9Ka__harmonyHeading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.studio-module__9ZE9Ka__harmonyHeading h3{font-size:12px;font-weight:600}.studio-module__9ZE9Ka__harmonyHeading button{color:#687180;align-items:center;gap:4px;font-size:10px;display:flex}.studio-module__9ZE9Ka__harmonySwatches{gap:3px;display:flex}.studio-module__9ZE9Ka__harmonySwatches button{text-align:left;flex:1;min-width:0}.studio-module__9ZE9Ka__harmonySwatches i{border:1px solid #00000009;height:66px;display:block}.studio-module__9ZE9Ka__harmonySwatches span{color:#697180;overflow-wrap:anywhere;margin-top:5px;font-size:9px;line-height:1.5;display:block}@media (max-width:760px){.studio-module__9ZE9Ka__studioTabs{justify-content:flex-start;gap:22px}.studio-module__9ZE9Ka__studioTabs button{flex:0 auto;font-size:13px}.studio-module__9ZE9Ka__relatedTabs{gap:16px;padding:0 14px}.studio-module__9ZE9Ka__brandedSwatchFooter img{width:105px;height:auto}.studio-module__9ZE9Ka__largeSwatch .studio-module__9ZE9Ka__brandedSwatchFooter{gap:8px}}.studio-module__9ZE9Ka__colorBands{padding:5px}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__grid{padding:0}.studio-module__9ZE9Ka__colorBand+.studio-module__9ZE9Ka__colorBand{border-top:1px solid #aeb3ba;margin-top:10px;padding-top:10px}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__tile[aria-pressed=true]{z-index:3;border-radius:9px;transform:scale(1.07);box-shadow:0 0 0 5px #fff,0 5px 12px #0003}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__tile:focus-visible{outline-offset:5px;z-index:4;outline:2px solid #1688ff}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__tile:hover{z-index:2;box-shadow:inset 0 0 0 2px #fff}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__tile[aria-pressed=true]:hover{z-index:3;box-shadow:0 0 0 5px #fff,0 5px 12px #0003}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile[aria-pressed=true],.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile[aria-pressed=true]:hover{border-radius:0;transform:none;box-shadow:0 0 0 2px #1688ff,0 2px 7px #0002}.studio-module__9ZE9Ka__colorBands .studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile:hover{box-shadow:0 0 0 1px #b8c6d8,0 2px 7px #0002}@media (max-width:760px){.studio-module__9ZE9Ka__colorList{grid-template-columns:minmax(0,1fr)!important}.studio-module__9ZE9Ka__colorList .studio-module__9ZE9Ka__tile>span{width:34%;min-width:120px;padding:12px}}.studio-module__9ZE9Ka__colorCodeButton{cursor:zoom-in;text-align:left;border-radius:3px}.studio-module__9ZE9Ka__colorCodeButton:hover{text-underline-offset:4px;text-decoration:underline}.studio-module__9ZE9Ka__colorCodeButton:focus-visible{outline-offset:4px;outline:2px solid #ff6a00}.studio-module__9ZE9Ka__modalActions{flex-wrap:wrap;align-items:center}.studio-module__9ZE9Ka__downloadActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.studio-module__9ZE9Ka__downloadActions button{min-height:36px}.studio-module__9ZE9Ka__downloadActions button:disabled{opacity:.55;cursor:wait}.studio-module__9ZE9Ka__expandedSwatch{border:1px solid #eee}.studio-module__9ZE9Ka__expandedSwatch>div{height:60dvh;min-height:220px}.studio-module__9ZE9Ka__expandedSwatch footer{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.studio-module__9ZE9Ka__expandedSwatch footer>div{flex-direction:column;gap:6px;font-size:22px;display:flex}.studio-module__9ZE9Ka__expandedSwatch footer img{width:220px;max-width:40%;height:auto}@media (max-width:760px){.studio-module__9ZE9Ka__expandedSwatch footer{gap:12px;padding:16px}.studio-module__9ZE9Ka__expandedSwatch footer>div{font-size:16px}.studio-module__9ZE9Ka__expandedSwatch>div{height:50dvh}}.studio-module__9ZE9Ka__swatchZoomButton{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.studio-module__9ZE9Ka__swatchZoomButton:focus-visible{outline-offset:-3px;outline:3px solid #ff6a00}.studio-module__9ZE9Ka__colorDataActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-module__9ZE9Ka__inspectButton{color:#373c48;background:#fff;border:1px solid #d9dadd;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.studio-module__9ZE9Ka__inspectButton:hover{background:#f5f6f8;border-color:#aeb3ba}.studio-module__9ZE9Ka__colorDataActions button{white-space:nowrap}.studio-module__9ZE9Ka__paletteOrderAction{padding:0 18px 18px}.studio-module__9ZE9Ka__paletteOrderAction .studio-module__9ZE9Ka__orderButton{width:100%}.studio-module__9ZE9Ka__markedPattern{width:100%;position:relative}.studio-module__9ZE9Ka__markedPattern>img{display:block}.studio-module__9ZE9Ka__pointMarker{pointer-events:none;filter:drop-shadow(0 1px 2px #0008);position:absolute;overflow:visible;transform:translate(-50%,-50%)}.studio-module__9ZE9Ka__sampleMarker{z-index:1;touch-action:manipulation;cursor:pointer;color:#26384a;background:0 0;border:2px solid #fff;border-radius:50%;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #26384a,0 1px 3px #0006}.studio-module__9ZE9Ka__sampleMarker:after{content:"";pointer-events:none;background:currentColor;width:9px;height:2px;position:absolute;top:6px;left:16px;box-shadow:0 0 0 1px #fff}.studio-module__9ZE9Ka__sampleMarker span{color:#fff;background:#26384a;border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 1px 3px #0005}.studio-module__9ZE9Ka__sampleMarker[aria-pressed=true] span{background:#087ffc}.studio-module__9ZE9Ka__sampleMarker[data-label-side=left]:after{left:auto;right:16px}.studio-module__9ZE9Ka__sampleMarker[data-label-side=left] span{left:auto;right:24px}.studio-module__9ZE9Ka__sampleMarker[aria-pressed=true]{color:#087ffc;z-index:2;box-shadow:0 0 0 2px #087ffc}.studio-module__9ZE9Ka__sampleMarker:focus-visible{outline-offset:4px;outline:2px solid #087ffc}.studio-module__9ZE9Ka__samplingInstructions{color:#315d89;background:#eef6ff;border:1px solid #d8e9fb;border-radius:5px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.studio-module__9ZE9Ka__samplingInstructions>svg{flex-shrink:0}.studio-module__9ZE9Ka__samplingInstructions p{flex:1;font-size:12px;line-height:1.6}.studio-module__9ZE9Ka__samplingInstructions>span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.studio-module__9ZE9Ka__samplesPanel>header{background:#f8fafc}.studio-module__9ZE9Ka__samplesPanel h2{align-items:center;gap:8px;display:flex}.studio-module__9ZE9Ka__samplesPanel>header>span{color:#626e7f}.studio-module__9ZE9Ka__samplesEmpty{text-align:center;color:#7b8291;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.studio-module__9ZE9Ka__samplesEmpty p{max-width:280px;font-size:13px;line-height:1.8}.studio-module__9ZE9Ka__samplesToolbar{color:#697587;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:10px;display:flex}.studio-module__9ZE9Ka__samplesToolbar button{color:#426b98;text-underline-offset:3px;text-decoration:underline}.studio-module__9ZE9Ka__samplesList{scrollbar-width:thin;max-height:440px;margin:0;padding:0 12px 8px;list-style:none;overflow-y:auto}.studio-module__9ZE9Ka__sampleCard{background:#fff;border:1px solid #e0e4eb;border-radius:5px;margin-bottom:8px;display:flex;overflow:hidden}.studio-module__9ZE9Ka__sampleCard[data-active=true]{background:#f3f8ff;border-color:#087ffc;box-shadow:inset 3px 0 #087ffc}.studio-module__9ZE9Ka__sampleSelect{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:12px 8px 12px 12px;display:flex}.studio-module__9ZE9Ka__sampleNumber{color:#68768b;min-width:16px;font-size:11px;font-weight:700}.studio-module__9ZE9Ka__sampleCard[data-active=true] .studio-module__9ZE9Ka__sampleNumber{color:#087ffc}.studio-module__9ZE9Ka__samplePair{border:1px solid #0001;border-radius:3px;flex-shrink:0;width:52px;height:72px;display:flex;overflow:hidden}.studio-module__9ZE9Ka__samplePair i{flex:1}.studio-module__9ZE9Ka__sampleInfo{overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;font-size:10px;display:flex}.studio-module__9ZE9Ka__sampleInfo strong{letter-spacing:.1px;color:#303946;font-size:13px}.studio-module__9ZE9Ka__sampleInfo b{color:#667287;margin-bottom:3px;font-size:11px;font-weight:400}.studio-module__9ZE9Ka__sampleInfo>span{font-variant-numeric:tabular-nums}.studio-module__9ZE9Ka__sampleInfo small{color:#697587;font-size:10px}.studio-module__9ZE9Ka__sampleActions{flex-direction:column;justify-content:space-between;align-items:center;padding:6px 4px;display:flex}.studio-module__9ZE9Ka__sampleActions button{color:#6f7a8c;border-radius:3px;justify-content:center;align-items:center;width:32px;height:36px;display:flex}.studio-module__9ZE9Ka__sampleActions button:hover{color:#087ffc;background:#e6eef8}.studio-module__9ZE9Ka__samplesFooter{border-top:1px solid #e9edf2;flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.studio-module__9ZE9Ka__samplesFooter>button{white-space:nowrap;flex:1;min-height:38px}.studio-module__9ZE9Ka__samplesNote{color:#768295;background:#f8fafc;border-top:1px solid #e9edf2;padding:12px 16px;font-size:10px;line-height:1.7}@media (max-width:760px){.studio-module__9ZE9Ka__samplesList{max-height:380px}.studio-module__9ZE9Ka__sampleActions button{width:40px;height:40px}.studio-module__9ZE9Ka__samplingInstructions{align-items:flex-start}.studio-module__9ZE9Ka__samplePair{width:64px}}.studio-module__9ZE9Ka__samplePreviewAction{flex-basis:100%}.studio-module__9ZE9Ka__samplePreviewAction>button{width:100%;min-height:42px}.studio-module__9ZE9Ka__patternPreviewToolbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-family:Arial,Helvetica,sans-serif;display:flex}.studio-module__9ZE9Ka__patternPreviewToolbar>span{color:#697587;font-size:12px}.studio-module__9ZE9Ka__patternPreviewToolbar a{text-decoration:none}.studio-module__9ZE9Ka__patternPreviewImage{background:#fff;border:1px solid #dfe5eb;width:100%;height:auto;display:block}.studio-module__9ZE9Ka__previewMessage{text-align:center;color:#697587;padding:40px 20px;font-size:14px}.studio-module__9ZE9Ka__previewMessage button{margin-top:16px}.studio-module__9ZE9Ka__samplingControls{border-bottom:1px solid #e5eaf0;flex-wrap:wrap;gap:10px 20px;padding:14px 0;display:flex}.studio-module__9ZE9Ka__samplingControls label{align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.studio-module__9ZE9Ka__samplingControls select{background:#fff;border:1px solid #d9dadd;border-radius:4px;padding:8px;font-size:12px}.studio-module__9ZE9Ka__samplingControls p{color:#697587;flex:1;min-width:200px;font-size:11px;line-height:1.7}.studio-module__9ZE9Ka__matchCandidates{border:1px solid #dce7f2;border-radius:4px;grid-column:1/-1;overflow:hidden}.studio-module__9ZE9Ka__matchCandidates>div{background:#f3f8ff;padding:12px}.studio-module__9ZE9Ka__matchCandidates strong{font-size:12px;display:block}.studio-module__9ZE9Ka__matchCandidates small{color:#697587;margin-top:3px;font-size:10px;line-height:1.6;display:block}.studio-module__9ZE9Ka__matchCandidates ol{margin:0;padding:0;list-style:none}.studio-module__9ZE9Ka__matchCandidates li{border-top:1px solid #e8edf3;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.studio-module__9ZE9Ka__matchCandidates li:first-child{background:#f8fbff}.studio-module__9ZE9Ka__matchCandidates li>i{border:1px solid #0001;flex-shrink:0;width:30px;height:34px}.studio-module__9ZE9Ka__matchCandidates li>span{flex:1}.studio-module__9ZE9Ka__matchCandidates li>b{white-space:nowrap;font-size:10px;font-weight:500}