@charset "utf-8";.rg-container{display:flex;justify-content:center;flex-direction:column;row-gap:30px;width:100%}.rg-inner{padding:20px;border:1px solid rgba(17,24,39,.08);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));box-shadow:0 6px 20px rgba(15,23,42,.12)}.rg-group{display:flex;justify-content:flex-start;flex-direction:column;row-gap:6px;margin:0 0 12px}.rg-row{display:flex;justify-content:space-between;align-items:center;column-gap:10px}.rg-color-label{font-size:14px;font-weight:700}.rg-color-hint{font-size:12px;color:#8B8B8B}.rg-color-input{display:flex;align-items:center;column-gap:10px}.rg-color-input-main{flex:1;min-width:0}input.rg-input{width:100%;padding:8px 10px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:rgba(241,241,241,.9);border-radius:10px;border:1px solid rgba(148,163,184,.9);box-sizing:border-box;transition:border 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.rg-input:focus{border:1px solid rgba(148,163,184,.9);box-shadow:0 0 0 1px rgba(59,130,246,.2);background-color:#fff}.rg-preview-label{margin:0 0 10px;font-size:14px;font-weight:700}.rg-color-preview-flex{display:flex;justify-content:flex-start;align-items:center;column-gap:20px;margin:0 0 15px}.rg-color-preview-swatch{display:flex;align-items:center;justify-content:center;padding:6px 10px;font-size:12px;background:#FFF;border:1px solid rgba(15,23,42,.08);border-radius:50px}.rg-color-preview-box{position:relative;width:100%;height:200px;border-radius:15px;background-color:#FFF;overflow:hidden;cursor:pointer}.rg-color-preview-box::before,.rg-color-preview-box::after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;z-index:0}.rg-color-preview-box:hover #colorPreview{outline:2px solid rgba(0,0,0,.15)}.rg-color-preview-hint{margin:10px 0 0;color:#6f7484;font-size:12px;text-align:right}.color-preview-fill{position:absolute;inset:0;border-radius:inherit;background:transparent;z-index:1;pointer-events:none}.color-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.rg-input.error{border-color:#e74c3c;box-shadow:0 0 0 1px rgba(231,76,60,.25);background-color:#fff5f5}.tool-color-copy-btn{flex:0 0 auto;padding:7px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.9);background:#f9fafb;font-size:11px;color:#374151;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.08s ease}.tool-color-copy-btn:hover{background:#f3f4f6}.tool-color-copy-btn:active{transform:translateY(1px)}.tool-color-alpha-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center}.tool-color-alpha-range{width:100%}.tool-color-alpha-input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:12px;border-radius:8px;border:1px solid rgba(148,163,184,.9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.tool-color-footer-note{margin-top:5px;font-size:12px;color:var(--tool-muted)}@media screen and (max-width:1023px){.rg-container{row-gap:20px}.rg-inner{padding:15px;box-shadow:0 5px 10px rgba(15,23,42,.12)}input.rg-input{width:100%;padding:6px 8px;font-size:12px}.rg-color-preview-flex{align-items:flex-start;flex-direction:column;column-gap:0;row-gap:10px;margin:0 0 10px}.rg-color-preview-box{width:100%;height:150px}.tool-color-copy-btn:hover{background:#f9fafb}}