.ColorConverter-module__VzW4-G__converter-container{color:#1a1a1a;background:#fdfdfd;border:1px solid #f0f0f0;border-radius:6px;max-width:1000px;margin:40px auto;padding:30px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 10px 40px #0000000d}.ColorConverter-module__VzW4-G__palette-dashboard{grid-template-columns:1fr 1.5fr;align-items:start;gap:40px;display:grid}.ColorConverter-module__VzW4-G__preview-picker-column{flex-direction:column;gap:20px;display:flex}.ColorConverter-module__VzW4-G__color-tile{aspect-ratio:16/9;border-radius:6px;justify-content:center;align-items:center;width:100%;transition:background-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.ColorConverter-module__VzW4-G__color-tile-text{z-index:2;pointer-events:none;background:#ffffffe6;border-radius:20px;padding:8px 16px;font-family:monospace;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #0000001a}.ColorConverter-module__VzW4-G__native-color-overlay{opacity:0;cursor:pointer;z-index:1;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.ColorConverter-module__VzW4-G__picker-placeholder{aspect-ratio:1;color:#888;background:#f5f5f5;border:2px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;font-weight:500;display:flex}.ColorConverter-module__VzW4-G__formats-column{flex-direction:column;gap:8px;display:flex}.ColorConverter-module__VzW4-G__format-row{align-items:center;gap:16px;display:flex}.ColorConverter-module__VzW4-G__format-label{color:#444;width:60px;font-size:.95rem;font-weight:600}.ColorConverter-module__VzW4-G__input-group{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ColorConverter-module__VzW4-G__input-group:focus-within{border-color:#915605;box-shadow:0 0 0 3px #9a760326}.ColorConverter-module__VzW4-G__format-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:9px 12px;font-family:monospace;font-size:.95rem}.ColorConverter-module__VzW4-G__action-buttons{gap:4px;padding-right:6px;display:flex}.ColorConverter-module__VzW4-G__action-buttons button{color:#555;cursor:pointer;background:#f9f9f9;border:1px solid #eee;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.ColorConverter-module__VzW4-G__action-buttons button:hover{color:#111;background:#e7e6e5}.ColorConverter-module__VzW4-G__alpha-control{padding:16px}.ColorConverter-module__VzW4-G__alpha-label{color:#555;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.ColorConverter-module__VzW4-G__alpha-slider-wrapper{background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:12px;height:20px;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.ColorConverter-module__VzW4-G__alpha-gradient{pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.ColorConverter-module__VzW4-G__alpha-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.ColorConverter-module__VzW4-G__alpha-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:3px solid #ccc;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.ColorConverter-module__VzW4-G__alpha-slider::-webkit-slider-thumb:active{cursor:grabbing}.ColorConverter-module__VzW4-G__alpha-slider::-moz-range-thumb{cursor:grab;background:#fff;border:3px solid #ccc;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.ColorConverter-module__VzW4-G__input-column{flex-direction:column;flex:1;gap:4px;display:flex}.ColorConverter-module__VzW4-G__input-group.ColorConverter-module__VzW4-G__has-error{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f26}.ColorConverter-module__VzW4-G__error-message{color:#ff4d4f;padding-left:4px;font-size:.8rem;font-weight:500;animation:.2s ease-in ColorConverter-module__VzW4-G__fadeIn}@keyframes ColorConverter-module__VzW4-G__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ColorConverter-module__VzW4-G__format-row{align-items:flex-start}.ColorConverter-module__VzW4-G__format-label{padding-top:14px}@media (max-width:768px){.ColorConverter-module__VzW4-G__converter-container{margin:24px 16px;padding:24px}.ColorConverter-module__VzW4-G__palette-dashboard{grid-template-columns:1fr;gap:24px}}@media (max-width:480px){.ColorConverter-module__VzW4-G__converter-container{border-radius:12px;margin:16px 8px;padding:16px}.ColorConverter-module__VzW4-G__color-tile{aspect-ratio:2}.ColorConverter-module__VzW4-G__format-row{gap:8px}.ColorConverter-module__VzW4-G__format-label{width:38px;font-size:.85rem}.ColorConverter-module__VzW4-G__format-input{padding:10px 8px;font-size:1rem}.ColorConverter-module__VzW4-G__action-buttons{padding-right:4px}.ColorConverter-module__VzW4-G__action-buttons button{padding:6px 10px;font-size:.8rem}}