._panel_16nxk_1{gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);flex-direction:column;display:flex}._inputRow_16nxk_11{gap:var(--spacing-base);grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid}._colorField_16nxk_18{gap:var(--spacing-xxs);flex-direction:column;display:flex}._fieldLabel_16nxk_24{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}._controlRow_16nxk_34{gap:var(--spacing-sm);align-items:center;display:flex}._picker_16nxk_40{cursor:pointer;border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);background-color:#0000;flex:none;width:44px;height:44px;padding:0}._input_16nxk_11{letter-spacing:0;min-width:0;height:44px;color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);flex:1;padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._input_16nxk_11:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}._inputError_16nxk_72{border-color:var(--color-semantic-error)}._alphaLabel_16nxk_76{letter-spacing:0;color:var(--color-body);flex:none;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}._alphaSlider_16nxk_86{accent-color:var(--color-primary);flex:1}._alphaValue_16nxk_91{letter-spacing:0;min-width:40px;color:var(--color-body);text-align:right;flex:none;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._error_16nxk_103{letter-spacing:0;color:var(--color-semantic-error);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4}._swapButton_16nxk_112{letter-spacing:0;height:44px;color:var(--color-ink);white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);align-self:center;padding:12px 5px;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:500;line-height:1}._swapButton_16nxk_112:hover{background-color:var(--color-surface-strong)}._resultRow_16nxk_133{gap:var(--spacing-lg);padding:var(--spacing-base);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);flex-wrap:wrap;display:flex}._ratioBlock_16nxk_143{gap:var(--spacing-xs);flex-direction:column;flex:none;min-width:200px;display:flex}._ratioLabel_16nxk_151{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}._ratioValue_16nxk_161{letter-spacing:-.0125em;color:var(--color-ink);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:26px;font-weight:400;line-height:1.25}._effectiveColor_16nxk_170{gap:var(--spacing-xs);align-items:center;display:flex}._effectiveSwatch_16nxk_176{border:1px solid var(--color-hairline);border-radius:var(--rounded-xs);flex:none;width:20px;height:20px}._effectiveHex_16nxk_184{letter-spacing:0;color:var(--color-body);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:400;line-height:1.5}._effectiveNote_16nxk_193{letter-spacing:0;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4}._badgeList_16nxk_202{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;align-content:flex-start;min-width:240px;margin:0;padding:0;list-style:none;display:flex}._badge_16nxk_202{min-width:140px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);border-left:4px solid #0000;flex-direction:column;gap:2px;display:flex}._badgePass_16nxk_226{border-left-color:var(--color-semantic-success)}._badgeFail_16nxk_230{border-left-color:var(--color-semantic-error)}._badgeLabel_16nxk_234{letter-spacing:0;color:var(--color-ink);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}._badgeThreshold_16nxk_243{letter-spacing:0;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4}._badgeStatus_16nxk_252{letter-spacing:0;font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:16px;font-weight:500;line-height:1.4}._badgePass_16nxk_226 ._badgeStatus_16nxk_252{color:var(--color-semantic-success)}._badgeFail_16nxk_230 ._badgeStatus_16nxk_252{color:var(--color-semantic-error)}._previewBlock_16nxk_268{gap:var(--spacing-xs);flex-direction:column;display:flex}._previewLabel_16nxk_274{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-family:Gen Interface JP,system-ui,Helvetica Neue,helvetica,arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}._previewSurface_16nxk_284{gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);flex-direction:column;display:flex}._previewNormal_16nxk_293{margin:0;font-size:16px;line-height:1.5}._previewLarge_16nxk_299{margin:0;font-size:24px;line-height:1.3}@media (width<=640px){._inputRow_16nxk_11{grid-template-columns:1fr}._swapButton_16nxk_112{justify-self:center;width:fit-content}._resultRow_16nxk_133{flex-direction:column}}