.color-module__lsvcLa__wrap{flex-direction:column;gap:10px;display:flex}.color-module__lsvcLa__card{background:var(--bg2);border:1px solid var(--border);box-sizing:border-box;border-radius:14px;padding:16px 20px}.color-module__lsvcLa__cardLabel{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px;display:block}.color-module__lsvcLa__previewCard{border:1px solid #ffffff1a;border-radius:14px;padding:24px 20px;transition:background .2s}.color-module__lsvcLa__previewTop{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.color-module__lsvcLa__previewLabel{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:11px}.color-module__lsvcLa__previewHex{letter-spacing:2px;font-family:Syne,sans-serif;font-size:36px;font-weight:800}.color-module__lsvcLa__colorPicker{cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px;padding:0}.color-module__lsvcLa__colorPicker::-webkit-color-swatch-wrapper{padding:0}.color-module__lsvcLa__colorPicker::-webkit-color-swatch{border:2px solid #ffffff4d;border-radius:8px}.color-module__lsvcLa__codeRow{align-items:center;gap:10px;display:flex}.color-module__lsvcLa__codeLabel{color:var(--accent);flex-shrink:0;width:36px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.color-module__lsvcLa__codeInput{background:var(--bg3);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:monospace;font-size:14px;transition:border-color .2s}.color-module__lsvcLa__codeInput:focus{border-color:#c8ff3e80}.color-module__lsvcLa__rgbInputs{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.color-module__lsvcLa__rgbItem{flex-direction:column;gap:3px;display:flex}.color-module__lsvcLa__rgbLabel{color:var(--muted);text-align:center;letter-spacing:.05em;font-size:10px}.color-module__lsvcLa__rgbInput{background:var(--bg3);border:1px solid var(--border);color:var(--text);text-align:center;box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:6px 4px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.color-module__lsvcLa__rgbInput:focus{border-color:#c8ff3e80}.color-module__lsvcLa__rgbInput::-webkit-outer-spin-button{-webkit-appearance:none}.color-module__lsvcLa__rgbInput::-webkit-inner-spin-button{-webkit-appearance:none}.color-module__lsvcLa__rgbInput[type=number]{appearance:textfield}.color-module__lsvcLa__copyBtn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 12px;font-family:Noto Sans KR,sans-serif;font-size:12px;transition:all .15s}.color-module__lsvcLa__copyBtn:hover{border-color:var(--border-hover);color:var(--text)}.color-module__lsvcLa__copied{background:var(--accent-dim);color:var(--accent);border-color:#c8ff3e66}.color-module__lsvcLa__presetGrid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.color-module__lsvcLa__presetItem{aspect-ratio:1;cursor:pointer;border-radius:8px;width:100%;transition:transform .15s}.color-module__lsvcLa__presetItem:hover{transform:scale(1.1)}@media (max-width:500px){.color-module__lsvcLa__presetGrid{grid-template-columns:repeat(4,1fr)}}