.tool-widget[data-v-9c8fdc12]{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-6);flex-direction:column;display:flex;position:relative}.current-time[data-v-9c8fdc12]{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.current-time__label[data-v-9c8fdc12]{font-size:var(--text-sm);color:var(--color-text-secondary);flex-shrink:0}.current-time__value[data-v-9c8fdc12]{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);flex:1}.section__title[data-v-9c8fdc12]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.input-row[data-v-9c8fdc12]{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.text-input[data-v-9c8fdc12]{min-width:200px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition);flex:1}.text-input[data-v-9c8fdc12]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.result-box[data-v-9c8fdc12]{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.result-row[data-v-9c8fdc12]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.result-row[data-v-9c8fdc12]:last-child{border-bottom:none}@media (width<=600px){.result-row[data-v-9c8fdc12]{flex-direction:column;align-items:flex-start}.result-row__label[data-v-9c8fdc12]{width:100%;margin-bottom:var(--space-1)}.result-row__value[data-v-9c8fdc12]{width:100%;margin-bottom:var(--space-2);word-break:break-all}.btn--copy[data-v-9c8fdc12]{align-self:flex-end}}.result-row__label[data-v-9c8fdc12]{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;width:80px}.result-row__value[data-v-9c8fdc12]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);flex:1}.btn[data-v-9c8fdc12]{padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;display:inline-flex}.btn--sm[data-v-9c8fdc12]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--primary[data-v-9c8fdc12]{background:var(--color-primary);color:#fff}.btn--primary[data-v-9c8fdc12]:hover{background:var(--color-primary-hover)}.btn--ghost[data-v-9c8fdc12]{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost[data-v-9c8fdc12]:hover{background:var(--color-subtle);color:var(--color-text)}.btn--copy[data-v-9c8fdc12]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn--copy[data-v-9c8fdc12]:hover{color:var(--color-primary);border-color:var(--color-primary)}.error[data-v-9c8fdc12]{font-size:var(--text-sm);color:#dc2626;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca}.toast[data-v-9c8fdc12]{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-9c8fdc12]{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-9c8fdc12]{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-9c8fdc12]:hover{background:var(--color-subtle);color:var(--color-text)}