@keyframes color-code-converter-module__JzQ27a__ve_keyframes_1{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.color-code-converter-module__JzQ27a__page{color:#1f2937;background:#fdfcf9;flex-direction:column;min-height:100vh;font-family:Space Grotesk,Noto Sans JP,Hiragino Sans,sans-serif;display:flex;position:relative;overflow:hidden}.color-code-converter-module__JzQ27a__page:before{content: ;opacity:.35;pointer-events:none;background-image:linear-gradient(#0f172a0a 1px,#0000 1px),linear-gradient(90deg,#0f172a0a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.color-code-converter-module__JzQ27a__container{z-index:1;flex-direction:column;flex:1;gap:20px;width:100%;max-width:1120px;margin:0 auto;padding:28px 20px 44px;display:flex;position:relative}@media (min-width:960px){.color-code-converter-module__JzQ27a__container{padding:36px 24px 52px}}.color-code-converter-module__JzQ27a__hero{flex-direction:column;gap:10px;animation:.6s both color-code-converter-module__JzQ27a__ve_keyframes_1;display:flex}.color-code-converter-module__JzQ27a__badge{letter-spacing:.08em;text-transform:uppercase;color:#9a3412;background:#fff7ed;border:1px solid #fb923c73;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:700}.color-code-converter-module__JzQ27a__title{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.2}@media (min-width:768px){.color-code-converter-module__JzQ27a__title{font-size:36px}}.color-code-converter-module__JzQ27a__lead{color:#475569;max-width:820px;font-size:15px;line-height:1.7}.color-code-converter-module__JzQ27a__badgeRow{flex-wrap:wrap;gap:8px;display:flex}.color-code-converter-module__JzQ27a__chip{color:#334155;background:#fffc;border:1px solid #94a3b859;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.color-code-converter-module__JzQ27a__layout{grid-template-columns:1fr;gap:18px;animation:.7s 80ms both color-code-converter-module__JzQ27a__ve_keyframes_1;display:grid}@media (min-width:1024px){.color-code-converter-module__JzQ27a__layout{grid-template-columns:1.3fr .7fr;align-items:start}}.color-code-converter-module__JzQ27a__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 24px 60px #0f172a2e}.color-code-converter-module__JzQ27a__cardHeader{flex-direction:column;gap:8px;display:flex}.color-code-converter-module__JzQ27a__cardEyebrow{text-transform:uppercase;letter-spacing:.12em;color:#0f766e;font-size:12px;font-weight:700}.color-code-converter-module__JzQ27a__cardTitle{letter-spacing:-.02em;font-size:20px;font-weight:700}.color-code-converter-module__JzQ27a__cardLead{color:#475569;font-size:14px;line-height:1.6}.color-code-converter-module__JzQ27a__converterGrid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:760px){.color-code-converter-module__JzQ27a__converterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-code-converter-module__JzQ27a__converterBlock{background:#f8fafce6;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.color-code-converter-module__JzQ27a__blockTitle{color:#0f172a;font-size:15px;font-weight:700}.color-code-converter-module__JzQ27a__blockLead{color:#64748b;font-size:12px}.color-code-converter-module__JzQ27a__inputLabel{color:#334155;font-size:12px;font-weight:600}.color-code-converter-module__JzQ27a__input{background:#fff;border:1px solid #cbd5f5;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.color-code-converter-module__JzQ27a__input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0d948833}.color-code-converter-module__JzQ27a__inputError{border-color:#f97316;box-shadow:0 0 0 3px #f973162e}.color-code-converter-module__JzQ27a__helperError{color:#c2410c;margin-top:-4px;font-size:12px}.color-code-converter-module__JzQ27a__outputRow{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.color-code-converter-module__JzQ27a__copyButton{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;transition:transform .15s,box-shadow .15s}.color-code-converter-module__JzQ27a__copyButton:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1f}.color-code-converter-module__JzQ27a__outputValue{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:15px}.color-code-converter-module__JzQ27a__previewPanel{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}@media (min-width:720px){.color-code-converter-module__JzQ27a__previewPanel{grid-template-columns:minmax(180px,.9fr) minmax(240px,1.1fr)}}.color-code-converter-module__JzQ27a__previewSwatch{border:1px solid #0f172a1f;border-radius:18px;min-height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59}.color-code-converter-module__JzQ27a__previewOverlay{color:#f8fafc;letter-spacing:.08em;text-transform:uppercase;background:#0f172a8c;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.color-code-converter-module__JzQ27a__previewMeta{flex-direction:column;gap:12px;padding:8px 0;display:flex}.color-code-converter-module__JzQ27a__previewTitle{color:#0f172a;font-size:16px;font-weight:700}.color-code-converter-module__JzQ27a__previewValueRow{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.color-code-converter-module__JzQ27a__previewLabel{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.color-code-converter-module__JzQ27a__previewValue{color:#0f172a;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:14px}.color-code-converter-module__JzQ27a__previewHint{color:#64748b;font-size:12px}.color-code-converter-module__JzQ27a__actionRow{flex-direction:column;gap:12px;display:flex}@media (min-width:720px){.color-code-converter-module__JzQ27a__actionRow{flex-direction:row;justify-content:space-between;align-items:center}}.color-code-converter-module__JzQ27a__actionButtons{flex-wrap:wrap;gap:10px;display:flex}.color-code-converter-module__JzQ27a__primaryButton{cursor:pointer;color:#fff;background:linear-gradient(120deg,#14b8a6,#0ea5e9);border:1px solid #0000;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 10px 24px #0e74904d}.color-code-converter-module__JzQ27a__primaryButton:hover{transform:translateY(-1px)}.color-code-converter-module__JzQ27a__primaryButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.color-code-converter-module__JzQ27a__secondaryButton{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s}.color-code-converter-module__JzQ27a__secondaryButton:hover{transform:translateY(-1px)}.color-code-converter-module__JzQ27a__secondaryButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.color-code-converter-module__JzQ27a__ghostButton{cursor:pointer;color:#334155;background:#0f172a0a;border:1px solid #94a3b866;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s}.color-code-converter-module__JzQ27a__ghostButton:hover{transform:translateY(-1px)}.color-code-converter-module__JzQ27a__ghostButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.color-code-converter-module__JzQ27a__status{color:#0f766e;font-size:13px;font-weight:600}.color-code-converter-module__JzQ27a__historyHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.color-code-converter-module__JzQ27a__historyMeta{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.color-code-converter-module__JzQ27a__historyList{flex-direction:column;gap:12px;display:flex}.color-code-converter-module__JzQ27a__emptyState{color:#64748b;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:14px;padding:16px;font-size:13px}.color-code-converter-module__JzQ27a__historyItem{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 10px 20px #0f172a14}.color-code-converter-module__JzQ27a__historySwatch{border:1px solid #0f172a1f;border-radius:8px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff59}.color-code-converter-module__JzQ27a__historyContent{flex-direction:column;gap:6px;display:flex}.color-code-converter-module__JzQ27a__historyApply{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:0;display:flex}.color-code-converter-module__JzQ27a__historyHex{color:#0f172a;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.color-code-converter-module__JzQ27a__historyRgb{color:#64748b;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:12px}.color-code-converter-module__JzQ27a__historyActions{flex-direction:column;gap:6px;display:flex}.color-code-converter-module__JzQ27a__inlineCopy{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;transition:background .2s}.color-code-converter-module__JzQ27a__inlineCopy:hover{background:#f8fafc}.color-code-converter-module__JzQ27a__removeButton{color:#b91c1c;cursor:pointer;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;padding:4px 6px;font-size:12px;font-weight:700}