.color-converter-tool[data-v-6151c6b0]{margin:0 auto;max-width:1080px}.top-bar[data-v-6151c6b0]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:14px;padding:10px 16px}.preview-block[data-v-6151c6b0],.top-bar[data-v-6151c6b0]{align-items:center;display:flex}.preview-block[data-v-6151c6b0]{gap:12px;min-width:0}.color-preview[data-v-6151c6b0]{border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 0 0 1px #fff6;flex-shrink:0;height:44px;transition:background-color .25s ease;width:44px}.preview-info[data-v-6151c6b0]{min-width:0}.preview-hex[data-v-6151c6b0]{color:#141b24;font-size:1rem;font-weight:700;letter-spacing:.5px}.preview-hex[data-v-6151c6b0],.preview-rgb[data-v-6151c6b0]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preview-rgb[data-v-6151c6b0]{color:#5b646f;font-size:.8rem;margin-top:1px}.top-actions[data-v-6151c6b0]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.color-picker-input[data-v-6151c6b0]{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:34px;padding:2px;transition:all .2s ease;width:44px}.color-picker-input[data-v-6151c6b0]:hover{border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.converter-grid[data-v-6151c6b0]{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.converter-grid[data-v-6151c6b0]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.converter-grid[data-v-6151c6b0]{grid-template-columns:repeat(3,1fr)}}.color-card[data-v-6151c6b0]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:8px;padding:12px 14px;transition:all .25s ease}.color-card[data-v-6151c6b0]:hover{border-color:#d8dfe4;box-shadow:0 6px 16px #141b240f;transform:translateY(-2px)}.card-title[data-v-6151c6b0]{align-items:center;color:#141b24;display:flex;font-size:.92rem;font-weight:600;gap:6px;letter-spacing:.2px;margin:0}.card-icon[data-v-6151c6b0]{font-size:.95rem;line-height:1}.channel-row[data-v-6151c6b0]{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.cmyk-row[data-v-6151c6b0]{grid-template-columns:repeat(4,1fr)}.channel-item[data-v-6151c6b0]{display:flex;flex-direction:column;gap:3px}.channel-item label[data-v-6151c6b0]{color:#5b646f;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-align:center}.channel-item input[type=number][data-v-6151c6b0]{-moz-appearance:textfield;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#141b24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;outline:none;padding:5px 4px;text-align:center;transition:all .2s ease;width:100%}.channel-item input[type=number][data-v-6151c6b0]::-webkit-inner-spin-button,.channel-item input[type=number][data-v-6151c6b0]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.channel-item input[type=number][data-v-6151c6b0]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.hex-grid[data-v-6151c6b0]{display:grid;gap:8px;grid-template-columns:1fr 1fr}.row-group[data-v-6151c6b0]{display:flex;flex-direction:column;gap:3px}.row-label[data-v-6151c6b0]{color:#5b646f;font-size:.7rem;font-weight:700}.hex-input-group[data-v-6151c6b0]{align-items:center;display:flex}.hex-prefix[data-v-6151c6b0]{align-items:center;background-color:#f1f5f8;border:1px solid #e2e8f0;border-radius:5px 0 0 5px;border-right:none;color:#5b646f;display:inline-flex;font-size:.8rem;font-weight:600;height:30px;justify-content:center;width:26px}.hex-input[data-v-6151c6b0]{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:none;border-radius:0 5px 5px 0;color:#141b24;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;height:30px;min-width:0;outline:none;padding:0 8px;transition:all .2s ease}.hex-input[data-v-6151c6b0]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.result-row[data-v-6151c6b0]{align-items:center;display:flex;gap:6px;margin-top:auto}.result-row input[type=text][data-v-6151c6b0]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#454e58;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;min-width:0;outline:none;padding:5px 8px;transition:all .2s ease}.result-row input[type=text][data-v-6151c6b0]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.copy-btn[data-v-6151c6b0]{align-items:center;background-color:#dbf2f5;border:none;border-radius:5px;color:#00828f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:30px}.copy-btn[data-v-6151c6b0]:hover{background-color:#00828f;color:#fff;transform:scale(1.05)}.copy-btn[data-v-6151c6b0]:active{transform:scale(.98)}.actions[data-v-6151c6b0]{display:flex;justify-content:center;margin:16px 0 0}.btn[data-v-6151c6b0]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 18px;transition:all .2s ease}.btn-primary[data-v-6151c6b0]{background-color:#00828f;color:#fff}.btn-primary[data-v-6151c6b0]:hover{background-color:#00535c;box-shadow:0 4px 10px #00828f40;transform:translateY(-1px)}.btn-primary[data-v-6151c6b0]:active{box-shadow:none;transform:translateY(0)}.btn-secondary[data-v-6151c6b0]{background-color:#f1f5f8;border:1px solid #e2e8f0;color:#454e58}.btn-secondary[data-v-6151c6b0]:hover{background-color:#dbf2f5;border-color:#00828f40;color:#00535c}.notification[data-v-6151c6b0]{align-items:center;background-color:#141b24eb;border-radius:8px;bottom:24px;box-shadow:0 8px 24px #141b2426;color:#fff;display:flex;font-size:.85rem;gap:8px;max-width:90vw;opacity:0;padding:9px 16px;pointer-events:none;position:fixed;right:24px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;word-break:break-all;z-index:1000}.notification.show[data-v-6151c6b0]{opacity:1;transform:translateY(0)}.notification-icon[data-v-6151c6b0]{flex-shrink:0;font-size:.9rem;line-height:1}@media (max-width:640px){.top-bar[data-v-6151c6b0]{padding:10px 12px}.color-preview[data-v-6151c6b0]{height:40px;width:40px}.preview-hex[data-v-6151c6b0]{font-size:.95rem}.color-card[data-v-6151c6b0]{padding:10px 12px}.top-actions .btn[data-v-6151c6b0]{font-size:.85rem;padding:6px 12px}}