.ugl-card{background: var(--surface, var(--bs-body-bg, #fff));border-radius: 16px;border: 1px solid var(--border, var(--bs-border-color, #dee2e6));box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);overflow: hidden;padding: 1.25rem;margin-bottom: 2rem;}
.ugl-paste{display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 1rem;}
.ugl-label{font-size: 0.8125rem;font-weight: 600;color: var(--text-muted);letter-spacing: 0.02em;}
.ugl-input{width: 100%;padding: 0.875rem 1rem;font-size: 1rem;line-height: 1.5;color: var(--text-main, var(--bs-body-color));background: var(--surface, var(--bs-body-bg, #fff));border: 1px solid var(--border, var(--bs-border-color, #dee2e6));border-radius: 10px;transition: border-color 0.2s, box-shadow 0.2s;-webkit-appearance: none;appearance: none;}
.ugl-input:focus{outline: 0;border-color: var(--primary, var(--bs-primary));box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);}
.ugl-input::placeholder{color: var(--text-muted);opacity: 0.85;}
.ugl-actions{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 1.25rem;}
.ugl-btn{padding: 0.625rem 1.25rem;font-size: 0.9375rem;font-weight: 500;border-radius: 10px;border: none;cursor: pointer;transition: background 0.2s, color 0.2s, transform 0.1s;}
.ugl-btn:active{transform: scale(0.98);}
.ugl-btn-extract{color: #fff;background: var(--primary, var(--bs-primary));}
.ugl-btn-extract:hover{filter: brightness(1.06);}
.ugl-btn-clear{color: var(--text-main, var(--bs-body-color));background: var(--surface-muted, var(--bs-tertiary-bg, #f8f9fa));border: 1px solid var(--border, var(--bs-border-color, #dee2e6));}
.ugl-btn-clear:hover{background: var(--bs-secondary-bg);}
.ugl-btn-copy{color: var(--text-main, var(--bs-body-color));background: var(--surface-muted, var(--bs-tertiary-bg, #f8f9fa));border: 1px solid var(--border, var(--bs-border-color, #dee2e6));flex-shrink: 0;}
.ugl-btn-copy:hover{background: var(--bs-secondary-bg);}
.ugl-result{display: flex;flex-direction: column;gap: 0.5rem;padding: 1rem;background: var(--surface-muted, var(--bs-tertiary-bg, #f8f9fa));border-radius: 10px;border: 1px solid var(--border, var(--bs-border-color, #dee2e6));}
.ugl-result-label{font-size: 0.8125rem;font-weight: 600;color: var(--text-muted);}
.ugl-result-row{display: flex;flex-direction: column;gap: 0.75rem;align-items: stretch;}
.ugl-output{font-family: ui-monospace, monospace;font-size: 0.875rem;line-height: 1.5;color: var(--text-main, var(--bs-body-color));word-break: break-all;padding: 0.5rem 0;}
.ugl-hint{font-size: 0.875rem;color: var(--text-muted);margin: 0;min-height: 1.25rem;}
@media (min-width: 480px){.ugl-result-row{flex-direction: row;align-items: center;}.ugl-output{flex: 1;min-width: 0;}}
@media (min-width: 768px){.ugl-card{padding: 1.75rem;}.ugl-input{padding: 1rem 1.25rem;font-size: 1rem;}.ugl-actions{margin-bottom: 1.5rem;gap: 1rem;}.ugl-btn{padding: 0.75rem 1.5rem;font-size: 1rem;}}