:root{--ug-primary:#7c3aed;--ug-primary-light:#7c3aed1a;--ug-primary-hover:#7c3aed26;--ug-text:#1e293b;--ug-text-muted:#64748b;--ug-bg:#fff;--ug-bg-hover:#f8fafc;--ug-border:#e2e8f0;--ug-border-focus:#7c3aed;--ug-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ug-success:#10b981;--ug-danger:#ef4444}._ug-container{max-width:720px;margin:0 auto}._ug-hidden{display:none!important}._ug-collapsed{display:none}@media (max-width:768px){._ug-container{padding-left:1rem;padding-right:1rem}}._ug-controls{background:var(--ug-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6);box-shadow:var(--ug-card-shadow);border-style:solid;border-width:1px;border-color:var(--ug-border);gap:var(--main-space-5);flex-direction:column;display:flex}._ug-locale-row{justify-content:flex-end;display:flex}._ug-locale-selector{color:var(--ug-text-muted);align-items:center;gap:.375rem;display:inline-flex}._ug-locale-selector svg{flex-shrink:0}._ug-select{-webkit-appearance:none;appearance:none;border-style:solid;border-width:1px;border-color:var(--ug-border);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--ug-text);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right .5rem center no-repeat;padding:.25rem 1.5rem .25rem .5rem}._ug-select:focus{outline:2px solid var(--ug-border-focus);outline-offset:1px}._ug-label{font-size:var(--main-text-sm);color:var(--ug-text);margin-bottom:.375rem;font-weight:600;display:block}._ug-optional{color:var(--ug-text-muted);font-weight:400;font-size:var(--main-text-xs)}._ug-input{border-style:solid;border-width:1.5px;border-color:var(--ug-border);border-radius:var(--main-radius);width:100%;font-size:var(--main-text-base);color:var(--ug-text);background:var(--ug-bg);padding:.625rem .875rem;transition:border-color .15s}._ug-input:focus{border-color:var(--ug-border-focus);outline:none;box-shadow:0 0 0 3px #7c3aed1a}._ug-input::placeholder{color:var(--ug-text-muted)}._ug-styles{flex-wrap:wrap;gap:.5rem;display:flex}._ug-style-btn{border-radius:var(--main-radius-full);border-style:solid;border-width:1.5px;border-color:var(--ug-border);background:var(--ug-bg);color:var(--ug-text-muted);font-size:var(--main-text-sm);cursor:pointer;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}._ug-style-btn:hover{border-color:var(--ug-primary);color:var(--ug-primary);background:var(--ug-primary-light)}._ug-style-btn._ug-style-active{border-color:var(--ug-primary);color:#fff;background:var(--ug-primary)}._ug-style-btn._ug-style-active:hover{opacity:.9}._ug-style-btn svg{flex-shrink:0}._ug-advanced-toggle{color:var(--ug-text-muted);font-size:var(--main-text-sm);cursor:pointer;background:0 0;border-style:none;border-width:0;align-items:center;gap:.375rem;padding:0;font-weight:500;display:inline-flex}._ug-advanced-toggle:hover{color:var(--ug-text)}._ug-advanced-toggle._ug-expanded svg:last-child{transform:rotate(180deg)}._ug-advanced-panel{margin-top:var(--main-space-3);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ug-border);border-radius:var(--main-radius);background:var(--ug-bg-hover);gap:var(--main-space-4);flex-direction:column;display:flex}._ug-option-row{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._ug-option-label{font-size:var(--main-text-sm);color:var(--ug-text);white-space:nowrap;font-weight:500}._ug-range-group{align-items:center;gap:.5rem;display:flex}._ug-range{width:80px;accent-color:var(--ug-primary);cursor:pointer}._ug-range-value{font-size:var(--main-text-sm);color:var(--ug-primary);text-align:center;min-width:1.5rem;font-weight:600}._ug-range-sep{color:var(--ug-text-muted);font-size:var(--main-text-sm)}._ug-toggle-label{font-size:var(--main-text-sm);color:var(--ug-text);cursor:pointer;align-items:center;gap:.625rem;display:flex}._ug-toggle{opacity:0;width:0;height:0;position:absolute}._ug-toggle-slider{background:var(--ug-border);border-radius:var(--main-radius-full);flex-shrink:0;width:2.25rem;height:1.25rem;transition:background .2s;display:inline-block;position:relative}._ug-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._ug-toggle:checked+._ug-toggle-slider{background:var(--ug-primary)}._ug-toggle:checked+._ug-toggle-slider:after{transform:translate(1rem)}._ug-toggle:focus-visible+._ug-toggle-slider{outline:2px solid var(--ug-primary);outline-offset:2px}._ug-quantity-group{gap:.375rem;display:flex}._ug-qty-btn{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--ug-border);background:var(--ug-bg);color:var(--ug-text-muted);font-size:var(--main-text-sm);cursor:pointer;padding:.25rem .75rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}._ug-qty-btn:hover{border-color:var(--ug-primary);color:var(--ug-primary)}._ug-qty-btn._ug-qty-active{border-color:var(--ug-primary);background:var(--ug-primary);color:#fff}._ug-btn-generate{border-radius:var(--main-radius);background:var(--ug-primary);color:#fff;width:100%;font-size:var(--main-text-base);cursor:pointer;border-style:none;border-width:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #7c3aed4d}._ug-btn-generate:hover{opacity:.9;box-shadow:0 4px 12px #7c3aed59}._ug-btn-generate:active{opacity:.85}._ug-btn-generate:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){._ug-controls{padding:var(--main-space-4);gap:var(--main-space-4)}._ug-styles{gap:.375rem}._ug-style-btn{font-size:var(--main-text-xs);padding:.375rem .625rem}._ug-option-row{flex-direction:column;align-items:flex-start;gap:.5rem}._ug-range-group{width:100%}._ug-range{flex:1}}._ug-results{margin-top:var(--main-space-5);min-height:200px}._ug-empty{padding:var(--main-space-10) var(--main-space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}._ug-empty-icon{color:var(--ug-border);margin-bottom:var(--main-space-3)}._ug-empty-title{font-size:var(--main-text-lg);color:var(--ug-text);margin:0 0 .25rem;font-weight:600}._ug-empty-hint{font-size:var(--main-text-sm);color:var(--ug-text-muted);margin:0}._ug-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem;display:grid}._ug-card{background:var(--ug-bg);border-style:solid;border-width:1.5px;border-color:var(--ug-border);border-radius:var(--main-radius);box-shadow:var(--ug-card-shadow);opacity:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .875rem;animation:.3s forwards _ug-fadeIn;display:flex}._ug-card:hover{border-color:var(--ug-primary);box-shadow:0 2px 8px var(--ug-primary-light)}._ug-card-name{font-size:var(--main-text-sm);color:var(--ug-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-family:var(--main-font-mono);flex:1;overflow:hidden}._ug-card-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._ug-card-btn{width:1.75rem;height:1.75rem;color:var(--ug-text-muted);border-radius:var(--main-radius);cursor:pointer;background:0 0;border-style:none;border-width:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}._ug-card-btn:hover{background:var(--ug-primary-light);color:var(--ug-primary)}._ug-card-btn._ug-starred{color:#f59e0b}._ug-card-btn._ug-starred:hover{color:#d97706;background:#f59e0b1a}._ug-card-btn._ug-copied{color:var(--ug-success)}@keyframes _ug-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._ug-result-actions{margin-top:var(--main-space-5);justify-content:center;gap:.75rem;display:flex}._ug-btn-action{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--ug-border);background:var(--ug-bg);color:var(--ug-text);font-size:var(--main-text-sm);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}._ug-btn-action:hover{border-color:var(--ug-primary);color:var(--ug-primary)}._ug-btn-action._ug-btn-primary{background:var(--ug-primary);color:#fff;border-color:var(--ug-primary);box-shadow:0 2px 6px #7c3aed40}._ug-btn-action._ug-btn-primary:hover{opacity:.9}@media (max-width:768px){._ug-grid{grid-template-columns:1fr}}._ug-favorites{margin-top:var(--main-space-5);background:var(--ug-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-4) var(--main-space-5);box-shadow:var(--ug-card-shadow);border-style:solid;border-width:1px;border-color:var(--ug-border)}._ug-favorites-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._ug-favorites-title{font-size:var(--main-text-sm);color:var(--ug-text);align-items:center;gap:.5rem;font-weight:600;display:flex}._ug-favorites-title svg{color:#f59e0b}._ug-favorites-count{border-radius:var(--main-radius-full);background:var(--ug-primary-light);min-width:1.25rem;height:1.25rem;color:var(--ug-primary);font-size:var(--main-text-xs);justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;display:inline-flex}._ug-favorites-actions{gap:.75rem;display:flex}._ug-btn-text{color:var(--ug-text-muted);font-size:var(--main-text-xs);cursor:pointer;background:0 0;border-style:none;border-width:0;align-items:center;gap:.25rem;padding:0;font-weight:500;display:inline-flex}._ug-btn-text:hover{color:var(--ug-primary)}._ug-btn-text._ug-btn-danger:hover{color:var(--ug-danger)}._ug-favorites-list{flex-wrap:wrap;gap:.375rem;display:flex}._ug-fav-chip{background:var(--ug-primary-light);color:var(--ug-primary);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);font-weight:600;font-family:var(--main-font-mono);align-items:center;gap:.375rem;padding:.3125rem .625rem;display:inline-flex}._ug-fav-remove{width:1rem;height:1rem;color:var(--ug-primary);cursor:pointer;background:0 0;border-style:none;border-width:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}._ug-fav-remove:hover{color:var(--ug-danger);background:#ef44441a}@media (max-width:768px){._ug-favorites{padding:var(--main-space-3) var(--main-space-4)}._ug-favorites-header{flex-direction:column;align-items:flex-start;gap:.5rem}}