.modern-color-picker{display:grid;gap:9px;min-width:0;background:#fff}.mc-current{display:flex;align-items:center;gap:9px;min-width:0}.mc-current>div{display:grid;gap:3px}.mc-current strong{font-size:12px}.mc-current>div>span{font-size:10px;color:#647168;font-family:monospace}.mc-chip{width:36px;height:36px;border-radius:10px;border:1px solid #25332c22;flex:none}.mc-count{margin-left:auto;font-size:9px;color:#647168;white-space:nowrap}.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px}.creator-studio .mc-swatch{position:relative;height:44px;min-width:44px;padding:5px;border-radius:10px;background:#fff}.mc-swatch>span{position:absolute;inset:5px;border-radius:6px;box-shadow:inset 0 0 0 1px #25332c15}.mc-swatch svg{position:relative;filter:drop-shadow(0 1px 2px #0004)}.creator-studio .mc-swatch[aria-pressed=true]{border-color:#116650;box-shadow:inset 0 0 0 1px #116650}.mc-label{font-size:10px;color:#647168}.mc-custom{border-top:1px solid #dfe6e1;padding-top:3px}.mc-custom summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:11px;font-weight:600}.mc-custom summary:after{content:"+";margin-left:auto}.mc-custom[open] summary:after{content:"−"}.mc-custom>div{display:grid;gap:8px}.mc-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cr-source{display:flex;align-items:center;gap:8px;min-height:44px}.cr-source>span:first-child{width:28px;height:28px;border-radius:8px;border:1px solid #25332c25}.cr-source strong{font-size:11px}.cr-source code{font-size:10px;color:#647168}.cr-source>div{display:grid;gap:3px}.cr-selected-summary{display:flex;align-items:center;gap:6px;font-size:10px;color:#647168}.cr-canvas-host{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;overflow:auto;overscroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom}.cr-canvas-host canvas{touch-action:pan-x pan-y pinch-zoom;flex:none;max-width:none;max-height:none;margin:auto;display:block}.cr-canvas-host.is-fit canvas{max-width:100%;max-height:100%;width:auto;height:auto}.creator-studio.is-expanded .cr-canvas-host{overscroll-behavior:contain}.creator-studio.is-expanded .cr-canvas-host.is-brushing,.creator-studio.is-expanded .cr-canvas-host.is-brushing canvas{touch-action:none}.cr-canvas-host.is-brushing canvas{cursor:crosshair}.cr-brush-hint{font-size:10px;color:#647168;margin:0}.cr-status-dot{display:inline-block;width:6px;height:6px;background:#116650;border-radius:50%}.cr-coordinate-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:5px;align-items:end}.cr-canvas-host:not(.is-fit){align-items:flex-start;justify-content:flex-start}.creator-studio .cs-transport>select{width:auto;max-width:120px;min-height:44px;font-size:12px}.cr-source-hex{grid-column:1/-1}