:root{--rcg-primary:var(--main-primary);--rcg-text:#1f2937;--rcg-text-muted:#6b7280;--rcg-bg:#fff;--rcg-bg-hover:#f9fafb;--rcg-border:#e5e7eb;--rcg-border-hover:#d1d5db;--rcg-shadow:0 1px 3px #0000001a;--rcg-shadow-lg:0 4px 12px #00000026;--rcg-radius:.5rem;--rcg-radius-lg:.75rem}._rcg-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}._rcg-controls-section{gap:var(--main-space-2);flex-direction:column;display:flex}@media (max-width:768px){._rcg-container{padding-left:1rem;padding-right:1rem}}._rcg-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);background:var(--rcg-bg);border-radius:var(--rcg-radius-lg);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--rcg-border);box-shadow:var(--rcg-shadow);flex-wrap:wrap;display:flex}._rcg-toolbar-group{align-items:center;gap:var(--main-space-2);display:flex}._rcg-presets{gap:var(--main-space-1);flex-wrap:wrap;display:flex}._rcg-preset{border-radius:var(--rcg-radius);border-style:solid;border-width:1px;border-color:var(--rcg-border);background:var(--rcg-bg);color:var(--rcg-text);cursor:pointer;white-space:nowrap;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s}._rcg-preset:hover{border-color:var(--rcg-border-hover);background:var(--rcg-bg-hover)}._rcg-preset.active{background:var(--rcg-primary);border-color:var(--rcg-primary);color:#fff}._rcg-count-btns{background:var(--rcg-bg-hover);border-radius:var(--rcg-radius);align-items:center;gap:2px;padding:2px;display:flex}._rcg-count-btn{border-radius:calc(var(--rcg-radius) - 2px);width:2rem;height:1.75rem;color:var(--rcg-text);cursor:pointer;background:0 0;border:none;font-size:.8125rem;font-weight:500;transition:all .15s}._rcg-count-btn:hover{background:var(--rcg-bg)}._rcg-count-btn.active{background:var(--rcg-bg);color:var(--rcg-primary);box-shadow:var(--rcg-shadow);font-weight:600}._rcg-count-input{width:3.25rem;height:1.75rem;padding:0 var(--main-space-1);border-radius:calc(var(--rcg-radius) - 2px);border-style:dashed;border-width:1px;border-color:var(--rcg-border-hover);background:var(--rcg-bg);color:var(--rcg-text-muted);text-align:center;font-size:.8125rem;font-weight:500}._rcg-count-input::placeholder{color:var(--rcg-text-muted);font-size:.75rem}._rcg-count-input:focus{border-style:solid;border-color:var(--rcg-primary);color:var(--rcg-text);outline:none;box-shadow:0 0 0 2px #6366f126}._rcg-count-input.active{border-style:solid;border-color:var(--rcg-primary);background:var(--rcg-bg);color:var(--rcg-primary);font-weight:600}._rcg-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._rcg-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._rcg-count-input[type=number]{-moz-appearance:textfield}._rcg-toolbar-actions{gap:var(--main-space-2)}._rcg-btn-settings,._rcg-btn-copy-all{border-radius:var(--rcg-radius);border-style:solid;border-width:1px;border-color:var(--rcg-border);background:var(--rcg-bg);width:2rem;height:2rem;color:var(--rcg-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}._rcg-btn-settings svg,._rcg-btn-copy-all svg{flex-shrink:0;width:16px;height:16px}._rcg-btn-settings:hover,._rcg-btn-copy-all:hover{background:var(--rcg-bg-hover);border-color:var(--rcg-border-hover);color:var(--rcg-text)}._rcg-btn-settings.active{background:var(--rcg-primary);border-color:var(--rcg-primary);color:#fff}._rcg-generate-btn{justify-content:center;align-items:center;gap:var(--main-space-2);background:linear-gradient(135deg, var(--rcg-primary) 0%, #8b5cf6 100%);color:#fff;border-radius:var(--rcg-radius-lg);cursor:pointer;border:none;align-self:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f166}._rcg-generate-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}._rcg-generate-btn:hover{box-shadow:0 6px 20px #6366f180}._rcg-generate-btn:hover:before{opacity:1}._rcg-generate-btn:active{box-shadow:0 2px 8px #6366f166}._rcg-generate-btn svg{width:18px;height:18px}._rcg-kbd{margin-left:var(--main-space-2);background:#fff3;border-radius:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500}._rcg-advanced-panel{background:var(--rcg-bg);border-radius:var(--rcg-radius-lg);border-style:solid;border-width:1px;border-color:var(--rcg-border);box-shadow:var(--rcg-shadow);display:none;overflow:hidden}._rcg-advanced-panel.open{display:block}._rcg-advanced-content{padding:var(--main-space-4);gap:var(--main-space-4);flex-direction:column;display:flex}._rcg-slider-group{gap:var(--main-space-2);flex-direction:column;display:flex}._rcg-slider-header{justify-content:space-between;align-items:center;display:flex}._rcg-slider-header label{color:var(--rcg-text);font-size:.8125rem;font-weight:500}._rcg-slider-value{color:var(--rcg-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}._rcg-range-slider{cursor:pointer;height:1.5rem;position:relative}._rcg-range-track{background:var(--rcg-border);border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._rcg-hue-slider ._rcg-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}._rcg-range-fill{background:var(--rcg-primary);pointer-events:none;border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}._rcg-hue-slider ._rcg-range-fill{background:#ffffff80}._rcg-range-handle{background:var(--rcg-bg);border-style:solid;border-width:2px;border-color:var(--rcg-primary);cursor:grab;z-index:1;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}._rcg-range-handle:active{cursor:grabbing}._rcg-btn{justify-content:center;align-items:center;gap:var(--main-space-2);border-radius:var(--rcg-radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}._rcg-btn-reset{background:var(--rcg-bg-hover);color:var(--rcg-text);border-style:solid;border-width:1px;border-color:var(--rcg-border);align-self:flex-start}._rcg-btn-reset:hover{background:var(--rcg-border)}._rcg-btn-icon{width:2rem;height:2rem;color:var(--rcg-text-muted);background:0 0;padding:0}._rcg-btn-icon:hover{color:var(--rcg-text);background:var(--rcg-bg-hover)}@media (max-width:768px){._rcg-toolbar{align-items:stretch;gap:var(--main-space-3);flex-direction:column}._rcg-toolbar-group,._rcg-presets,._rcg-toolbar-actions{justify-content:center}._rcg-generate-btn{width:100%}}@media (max-width:480px){._rcg-preset{padding:.3rem .5rem;font-size:.75rem}}._rcg-colors{min-height:200px}._rcg-single-color{gap:var(--main-space-4);background:var(--rcg-bg);border-radius:var(--rcg-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--rcg-border);box-shadow:var(--rcg-shadow);flex-direction:column;display:flex}._rcg-color-preview{border-radius:var(--rcg-radius);width:100%;height:180px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}._rcg-color-actions{top:var(--main-space-3);right:var(--main-space-3);gap:var(--main-space-2);display:flex;position:absolute}._rcg-color-action{border-radius:var(--rcg-radius);cursor:pointer;color:#374151;background:#ffffffe6;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}._rcg-color-action:hover{background:#fff}._rcg-color-action.active{color:#ef4444}._rcg-color-values{gap:var(--main-space-2);grid-template-columns:repeat(3,1fr);display:grid}._rcg-value-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);background:var(--rcg-bg-hover);border-radius:var(--rcg-radius);border:1px solid #0000;transition:all .15s;display:flex}._rcg-value-item:hover{border-color:var(--rcg-border);background:var(--rcg-bg)}._rcg-value-label{color:var(--rcg-text-muted);text-transform:uppercase;letter-spacing:.025em;min-width:2.25rem;font-size:.6875rem;font-weight:600}._rcg-value-text{font-size:.8125rem;font-family:var(--main-font-mono);color:var(--rcg-text);flex:1;font-weight:500}._rcg-copy-btn{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--rcg-text-muted);opacity:0;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:all .15s;display:flex}._rcg-value-item:hover ._rcg-copy-btn{opacity:1}._rcg-copy-btn:hover{background:var(--rcg-border);color:var(--rcg-text)}._rcg-copy-btn.copied{background:var(--main-success);color:#fff;opacity:1}._rcg-color-grid{gap:var(--main-space-3);grid-template-columns:repeat(5,1fr);display:grid}._rcg-color-card{background:var(--rcg-bg);border-radius:var(--rcg-radius);border-style:solid;border-width:1px;border-color:var(--rcg-border);box-shadow:var(--rcg-shadow);overflow:hidden}._rcg-card-preview{height:80px;position:relative}._rcg-card-actions{top:var(--main-space-2);right:var(--main-space-2);gap:var(--main-space-1);opacity:0;transition:opacity .15s;display:flex;position:absolute}._rcg-color-card:hover ._rcg-card-actions{opacity:1}._rcg-card-action{cursor:pointer;color:#374151;background:#ffffffe6;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;transition:all .15s;display:flex}._rcg-card-action:hover{background:#fff}._rcg-card-action.locked{background:var(--rcg-primary);color:#fff}._rcg-card-action.favorited{color:#ef4444}._rcg-card-info{padding:var(--main-space-2) var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._rcg-card-hex{font-size:.75rem;font-family:var(--main-font-mono);color:var(--rcg-text);font-weight:500}._rcg-card-copy{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--rcg-text-muted);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:all .15s;display:flex}._rcg-card-copy:hover{color:var(--rcg-text);background:var(--rcg-bg-hover)}._rcg-card-copy.copied{color:var(--main-success)}@media (max-width:768px){._rcg-color-grid{grid-template-columns:repeat(4,1fr)}._rcg-color-values{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._rcg-color-grid{grid-template-columns:repeat(2,1fr)}._rcg-card-actions{opacity:1}}._rcg-favorites-section{background:var(--rcg-bg);border-radius:var(--rcg-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--rcg-border);box-shadow:var(--rcg-shadow)}._rcg-favorites-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._rcg-favorites-title{align-items:center;gap:var(--main-space-2);color:var(--rcg-text);font-size:.875rem;font-weight:600;display:flex}._rcg-favorites-title svg{color:#ef4444}._rcg-favorites-actions{gap:var(--main-space-1);display:flex}._rcg-favorites-grid{gap:var(--main-space-2);flex-wrap:wrap;min-height:2.5rem;display:flex}._rcg-favorite-swatch{border-radius:var(--rcg-radius);cursor:pointer;width:2.5rem;height:2.5rem;position:relative;box-shadow:inset 0 0 0 1px #0000001a}._rcg-favorite-swatch:hover{box-shadow:0 2px 8px #00000026}._rcg-favorite-remove{cursor:pointer;color:#fff;opacity:0;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;transition:opacity .15s;display:flex;position:absolute;top:-4px;right:-4px}._rcg-favorite-swatch:hover ._rcg-favorite-remove{opacity:1}._rcg-empty-hint{color:var(--rcg-text-muted);padding:var(--main-space-2) 0;font-size:.875rem}