:root{--wng-primary:#3b82f6;--wng-primary-rgb:59, 130, 246;--wng-primary-light:#3b82f61a;--wng-primary-hover:#3b82f626;--wng-text:#1e293b;--wng-text-muted:#64748b;--wng-bg:#fff;--wng-bg-hover:#f8fafc;--wng-border:#e2e8f0;--wng-border-focus:#3b82f6;--wng-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--wng-success:#10b981;--wng-danger:#ef4444;--wng-danger-rgb:239, 68, 68;--wng-star:#f59e0b;--wng-star-hover:#d97706;--wng-star-rgb:245, 158, 11}._wng-container{max-width:720px;margin:0 auto}._wng-hidden{display:none!important}@media (max-width:768px){._wng-container{padding-left:.75rem;padding-right:.75rem}}@media (max-width:480px){._wng-container{padding-left:.625rem;padding-right:.625rem}}._wng-controls{background:var(--wng-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--wng-card-shadow);border-style:solid;border-width:1px;border-color:var(--wng-border);gap:var(--main-space-4);flex-direction:column;display:flex}._wng-toolbar{align-items:flex-start;gap:.75rem;display:flex}._wng-categories{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}._wng-cat-btn{border-radius:var(--main-radius-full);border-style:solid;border-width:1.5px;border-color:var(--wng-border);background:var(--wng-bg);color:var(--wng-text-muted);font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;padding:.4375rem .875rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}._wng-cat-btn:hover{border-color:var(--wng-primary);color:var(--wng-primary);background:var(--wng-primary-light)}._wng-cat-btn._wng-cat-active{border-color:var(--wng-primary);color:#fff;background:var(--wng-primary)}._wng-cat-btn._wng-cat-active:hover{opacity:.9}._wng-locale-wrap{flex-shrink:0;position:relative}._wng-locale-btn{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);cursor:pointer;background:var(--wng-bg);color:var(--wng-text-muted);border-style:solid;border-width:1px;border-color:var(--wng-border);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}._wng-locale-btn:hover{color:var(--wng-primary);border-color:var(--wng-primary)}._wng-locale-emoji{font-size:.875rem;line-height:1}._wng-locale-name{text-overflow:ellipsis;max-width:100px;overflow:hidden}._wng-locale-dropdown{z-index:50;background:var(--wng-bg);border-style:solid;border-width:1px;border-color:var(--wng-border);border-radius:var(--main-radius);box-shadow:var(--wng-card-shadow);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-width:180px;max-height:280px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}._wng-locale-item{cursor:pointer;font-size:var(--main-text-sm);color:var(--wng-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .15s;display:flex}._wng-locale-item:hover{background:var(--wng-bg-hover)}._wng-locale-item._wng-locale-active{color:var(--wng-primary);font-weight:600}._wng-btn-generate{border-radius:var(--main-radius);background:var(--wng-primary);color:#fff;width:100%;font-size:var(--main-text-base);cursor:pointer;box-shadow:0 2px 8px rgba(var(--wng-primary-rgb), .3);-webkit-tap-highlight-color:transparent;touch-action:manipulation;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}._wng-btn-generate:hover{opacity:.9;box-shadow:0 4px 12px rgba(var(--wng-primary-rgb), .35)}._wng-btn-generate:active{opacity:.85}@media (hover:none){._wng-cat-btn:hover{border-color:var(--wng-border);color:var(--wng-text-muted);background:var(--wng-bg)}._wng-cat-btn._wng-cat-active:hover{border-color:var(--wng-primary);color:#fff;background:var(--wng-primary);opacity:1}._wng-locale-btn:hover{color:var(--wng-text-muted);border-color:var(--wng-border)}._wng-locale-item:hover{background:0 0}._wng-btn-generate:hover{opacity:1;box-shadow:0 2px 8px rgba(var(--wng-primary-rgb), .3)}}@media (max-width:768px){._wng-controls{padding:var(--main-space-4);gap:var(--main-space-3)}._wng-toolbar{flex-direction:column;align-items:stretch}._wng-locale-wrap{align-self:flex-end}._wng-categories{gap:.375rem}._wng-cat-btn{font-size:var(--main-text-xs);min-height:36px;padding:.5rem .75rem}._wng-locale-btn{min-height:34px;padding:.4375rem .75rem}._wng-locale-name{max-width:140px}._wng-locale-dropdown{min-width:200px;max-height:60vh}._wng-locale-item{min-height:40px;padding:.625rem .875rem}._wng-btn-generate{min-height:44px;padding:.875rem 1.5rem}}._wng-results{margin-top:var(--main-space-5);min-height:200px}._wng-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}._wng-card{background:var(--wng-bg);border-style:solid;border-width:1.5px;border-color:var(--wng-border);border-radius:var(--main-radius);box-shadow:var(--wng-card-shadow);opacity:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .875rem;animation:.3s forwards _wng-fadeIn;display:flex}._wng-card:hover{border-color:var(--wng-primary);box-shadow:0 2px 8px var(--wng-primary-light)}._wng-card-name{font-size:var(--main-text-sm);color:var(--wng-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}._wng-card-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}._wng-card-btn{width:1.75rem;height:1.75rem;color:var(--wng-text-muted);border-radius:var(--main-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}._wng-card-btn:hover{background:var(--wng-primary-light);color:var(--wng-primary)}._wng-card-btn._wng-starred{color:var(--wng-star)}._wng-card-btn._wng-starred:hover{color:var(--wng-star-hover);background:rgba(var(--wng-star-rgb), .1)}._wng-card-btn._wng-copied{color:var(--wng-success)}@keyframes _wng-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._wng-result-actions{margin-top:var(--main-space-5);justify-content:center;gap:.75rem;display:flex}._wng-btn-action{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--wng-border);background:var(--wng-bg);color:var(--wng-text);font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}._wng-btn-action:hover{border-color:var(--wng-primary);color:var(--wng-primary)}._wng-btn-action._wng-btn-primary{background:var(--wng-primary);color:#fff;border-color:var(--wng-primary);box-shadow:0 2px 6px rgba(var(--wng-primary-rgb), .25)}._wng-btn-action._wng-btn-primary:hover{opacity:.9}@media (hover:none){._wng-card:hover{border-color:var(--wng-border);box-shadow:var(--wng-card-shadow)}._wng-card-btn:hover{color:var(--wng-text-muted);background:0 0}._wng-card-btn._wng-starred:hover{color:var(--wng-star);background:0 0}._wng-btn-action:hover{border-color:var(--wng-border);color:var(--wng-text)}._wng-btn-action._wng-btn-primary:hover{opacity:1}}@media (max-width:768px){._wng-results{margin-top:var(--main-space-4)}._wng-grid{grid-template-columns:1fr;gap:.5rem}._wng-card{gap:.375rem;padding:.625rem .75rem}._wng-card-name{font-size:var(--main-text-base);white-space:normal;word-break:break-word;line-height:1.35}._wng-card-btn{width:2.25rem;height:2.25rem}._wng-result-actions{margin-top:var(--main-space-4)}._wng-btn-action{min-height:40px;padding:.625rem 1rem}}._wng-favorites{margin-top:var(--main-space-5);background:var(--wng-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-4) var(--main-space-5);box-shadow:var(--wng-card-shadow);border-style:solid;border-width:1px;border-color:var(--wng-border)}._wng-favorites-header{justify-content:space-between;align-items:center;display:flex}._wng-favorites-toggle{font-size:var(--main-text-sm);color:var(--wng-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;align-items:center;gap:.5rem;padding:0;font-weight:600;display:flex}._wng-favorites-toggle svg:first-child{color:var(--wng-star)}._wng-favorites-toggle svg:last-child{color:var(--wng-text-muted);transition:transform .2s}._wng-favorites-toggle._wng-expanded svg:last-child{transform:rotate(180deg)}._wng-favorites-count{border-radius:var(--main-radius-full);background:var(--wng-primary-light);min-width:1.25rem;height:1.25rem;color:var(--wng-primary);font-size:var(--main-text-xs);justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;display:inline-flex}._wng-favorites-actions{gap:.75rem;display:flex}._wng-btn-text{color:var(--wng-text-muted);font-size:var(--main-text-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;align-items:center;gap:.25rem;padding:0;font-weight:500;display:inline-flex}._wng-btn-text:hover{color:var(--wng-primary)}._wng-btn-text._wng-btn-danger:hover{color:var(--wng-danger)}._wng-favorites-list{margin-top:var(--main-space-3);flex-wrap:wrap;gap:.375rem;display:flex}._wng-favorites-list._wng-collapsed{display:none}._wng-fav-chip{background:var(--wng-primary-light);color:var(--wng-primary);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);align-items:center;gap:.375rem;padding:.3125rem .625rem;font-weight:600;display:inline-flex}._wng-fav-remove{width:1rem;height:1rem;color:var(--wng-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}._wng-fav-remove:hover{color:var(--wng-danger);background:rgba(var(--wng-danger-rgb), .1)}@media (hover:none){._wng-btn-text:hover,._wng-btn-text._wng-btn-danger:hover{color:var(--wng-text-muted)}._wng-fav-remove:hover{color:var(--wng-primary);background:0 0}}@media (max-width:768px){._wng-favorites{margin-top:var(--main-space-4);padding:var(--main-space-3) var(--main-space-4)}._wng-favorites-header{flex-direction:column;align-items:flex-start;gap:.5rem}._wng-favorites-toggle{min-height:32px;padding:.25rem 0}._wng-favorites-actions{justify-content:flex-end;gap:1rem;width:100%}._wng-btn-text{min-height:32px;font-size:var(--main-text-sm);padding:.375rem 0}._wng-favorites-list{gap:.5rem}._wng-fav-chip{font-size:var(--main-text-sm);padding:.4375rem .75rem}._wng-fav-remove{width:1.375rem;height:1.375rem}}