.tool-widget[data-v-3f0904b9]{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);margin-bottom:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex;position:relative}.pair-row[data-v-3f0904b9]{align-items:flex-start;gap:var(--space-4);display:flex}.btn-swap[data-v-3f0904b9]{border:1px solid var(--color-border);background:var(--color-bg);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:32px;display:flex}.btn-swap[data-v-3f0904b9]:hover{border-color:var(--color-primary);color:var(--color-primary)}.color-field[data-v-3f0904b9]{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);flex:1}.color-field__header[data-v-3f0904b9]{margin-bottom:var(--space-3)}.color-field__label[data-v-3f0904b9]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.color-field__input-row[data-v-3f0904b9]{gap:var(--space-3);align-items:center;display:flex}.swatch[data-v-3f0904b9]{border-radius:var(--radius-md);border:1.5px solid var(--color-border);cursor:pointer;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.color-picker[data-v-3f0904b9]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.text-input[data-v-3f0904b9]{min-width:0;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition);flex:1}.text-input[data-v-3f0904b9]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.error[data-v-3f0904b9]{font-size:var(--text-xs);color:#dc2626;margin-top:var(--space-2)}.preview-box[data-v-3f0904b9]{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);transition:background var(--transition), color var(--transition)}.preview-box__large[data-v-3f0904b9]{font-size:24px;font-weight:var(--font-bold);margin:0 0 var(--space-3)}.preview-box__normal[data-v-3f0904b9]{font-size:var(--text-base);margin:0;line-height:1.6}.result-box[data-v-3f0904b9]{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-bg-secondary);text-align:center}.result-box__ratio[data-v-3f0904b9]{margin-bottom:var(--space-4)}.result-box__ratio-value[data-v-3f0904b9]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);font-family:var(--font-mono)}.result-box__ratio-label[data-v-3f0904b9]{font-size:var(--text-lg);color:var(--color-text-tertiary)}.badge-grid[data-v-3f0904b9]{gap:var(--space-3);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.badge-row[data-v-3f0904b9]{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.badge-row__label[data-v-3f0904b9]{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;flex:1}.badge[data-v-3f0904b9]{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.badge--pass[data-v-3f0904b9]{color:#166534;background:#1665341f}.badge--fail[data-v-3f0904b9]{color:#dc2626;background:#dc26261a}.result-box__note[data-v-3f0904b9]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-4) 0 0}.btn--copy-result[data-v-3f0904b9]{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0}.btn--copy-result[data-v-3f0904b9]:hover{color:var(--color-primary);border-color:var(--color-primary)}.toast[data-v-3f0904b9]{bottom:var(--space-8);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:200;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.restore-banner[data-v-3f0904b9]{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.restore-banner__dismiss[data-v-3f0904b9]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;flex-shrink:0}.restore-banner__dismiss[data-v-3f0904b9]:hover{background:var(--color-subtle);color:var(--color-text)}@media (width<=640px){.pair-row[data-v-3f0904b9]{flex-direction:column}.btn-swap[data-v-3f0904b9]{align-self:center;margin-top:0;transform:rotate(90deg)}}