@nice2dev/ui 1.0.18 → 1.0.19

package/dist/NicePinCodeInput.css

@@ -1 +1 @@
-.nice-html-editor-ai{--ai-primary: var(--nice-info, #6366f1);--ai-primary-light: var(--nice-accent, #818cf8);--ai-bg: var(--nice-bg-secondary, #f8fafc);--ai-border: var(--nice-border, #e2e8f0);--ai-text: var(--nice-text, #334155);--ai-text-muted: var(--nice-text-secondary, #64748b);--ai-success: var(--nice-success, #22c55e);--ai-panel-bg: var(--nice-bg, #FFFFFF);--ai-translate: var(--nice-info, #0ea5e9);--ai-improve: var(--nice-warning, #f59e0b);position:relative;display:flex;flex-direction:column;border-radius:var(--nice-radius-lg, 8px);overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-html-editor-ai,.nice-html-editor-ai.dark{--ai-primary: var(--nice-accent, #818cf8);--ai-primary-light: var(--nice-accent, #a5b4fc);--ai-bg: var(--nice-text, #1e293b);--ai-border: var(--nice-text, #334155);--ai-text: var(--nice-border, #e2e8f0);--ai-text-muted: var(--nice-text-muted, #94a3b8);--ai-success: var(--nice-success-light, #4ade80);--ai-panel-bg: var(--nice-text, #0f172a)}.nice-html-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:linear-gradient(135deg,var(--nice-info, #6366f1) 0%,var(--nice-accent, #8b5cf6) 100%);gap:var(--nice-space-2, 8px)}.nice-html-editor-ai__toolbar-left{display:flex;align-items:center;gap:var(--nice-space-3, 12px)}.nice-html-editor-ai__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-primary);background:#fff;border-radius:var(--nice-radius-sm, 4px)}.nice-html-editor-ai__loading{font-size:12px;color:#fff;opacity:.9;animation:pulse-opacity 1.5s ease-in-out infinite}.nice-html-editor-ai__toolbar-right{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-html-editor-ai__btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);font-size:12px;font-weight:500;color:#fff;background:var(--nice-overlay-light-15, rgba(255, 255, 255, .15));border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__btn:hover:not(:disabled){background:var(--nice-overlay-light-25, rgba(255, 255, 255, .25));border-color:var(--nice-overlay-light-40, rgba(255, 255, 255, .4))}.nice-html-editor-ai__btn:disabled{opacity:.5;cursor:not-allowed}.nice-html-editor-ai__dropdown{position:relative}.nice-html-editor-ai__dropdown-menu{position:absolute;top:100%;left:0;min-width:140px;margin-top:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) 0;background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, rgba(0, 0, 0, .15));opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:100}.nice-html-editor-ai__dropdown:hover .nice-html-editor-ai__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nice-html-editor-ai__dropdown-menu--languages{max-height:240px;overflow-y:auto}.nice-html-editor-ai__dropdown-item{display:block;width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;color:var(--ai-text);background:transparent;border:none;text-align:left;cursor:pointer;transition:background .1s ease}.nice-html-editor-ai__dropdown-item:hover{background:var(--ai-bg)}.nice-html-editor-ai__editor-wrapper{flex:1;min-height:200px}.nice-html-editor-ai__panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:80vh;background:var(--ai-panel-bg);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 25px 50px var(--nice-overlay-25, rgba(0, 0, 0, .25));display:flex;flex-direction:column;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-html-editor-ai__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border);border-radius:var(--nice-radius-xl, 12px) var(--nice-radius-xl, 12px) 0 0;gap:var(--nice-space-3, 12px);flex-wrap:wrap}.nice-html-editor-ai__panel-header h4{margin:0;font-size:16px;font-weight:600;color:var(--ai-text)}.nice-html-editor-ai__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:16px;color:var(--ai-text-muted);background:transparent;border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__close:hover{color:var(--ai-text);background:var(--ai-border)}.nice-html-editor-ai__panel-body{flex:1;overflow-y:auto;padding:var(--nice-space-5, 20px)}.nice-html-editor-ai__panel-footer{display:flex;justify-content:flex-end;gap:var(--nice-space-2, 8px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-top:1px solid var(--ai-border)}.nice-html-editor-ai__style-selector{display:flex;gap:var(--nice-space-1, 4px)}.nice-html-editor-ai__style-btn{padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);font-size:12px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__style-btn:hover{color:var(--ai-text);border-color:var(--ai-text-muted)}.nice-html-editor-ai__style-btn--active{color:#fff;background:var(--ai-primary);border-color:var(--ai-primary)}.nice-html-editor-ai__language-select{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);outline:none;cursor:pointer}.nice-html-editor-ai__language-select:focus{border-color:var(--ai-primary)}.nice-html-editor-ai__comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--nice-space-4, 16px)}.nice-html-editor-ai__text-block{display:flex;flex-direction:column;gap:var(--nice-space-2, 8px)}.nice-html-editor-ai__text-block h5{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__text-content{padding:var(--nice-space-3, 12px);font-size:14px;line-height:1.6;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);min-height:100px;white-space:pre-wrap}.nice-html-editor-ai__text-block--improved h5{color:var(--ai-improve)}.nice-html-editor-ai__text-block--improved .nice-html-editor-ai__text-content{border-color:var(--ai-improve);background:#f59e0b0d}.nice-html-editor-ai__text-block--translated h5{color:var(--ai-translate)}.nice-html-editor-ai__text-block--translated .nice-html-editor-ai__text-content{border-color:var(--ai-translate);background:#0ea5e90d}.nice-html-editor-ai__loading-panel{display:flex;align-items:center;justify-content:center;padding:var(--nice-space-10, 40px);color:var(--ai-primary);font-size:14px}.nice-html-editor-ai__loading-panel:before{content:"";display:inline-block;width:18px;height:18px;margin-right:var(--nice-space-2-5, 10px);border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:var(--nice-radius-full, 50%);animation:spin .8s linear infinite}.nice-html-editor-ai__generate-input{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-4, 16px)}.nice-html-editor-ai__generate-textarea{width:100%;padding:var(--nice-space-3, 12px);font-size:14px;font-family:inherit;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);resize:vertical;outline:none;transition:border-color .15s ease}.nice-html-editor-ai__generate-textarea:focus{border-color:var(--ai-primary)}.nice-html-editor-ai__generate-textarea::placeholder{color:var(--ai-text-muted)}.nice-html-editor-ai__generate-btn{align-self:flex-end;padding:var(--nice-space-2-5, 10px) var(--nice-space-6, 24px);font-size:14px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__generate-btn:hover:not(:disabled){background:var(--ai-primary-light)}.nice-html-editor-ai__generate-btn:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__generate-result{margin-top:var(--nice-space-4, 16px)}.nice-html-editor-ai__generate-result h5{margin:0 0 var(--nice-space-2, 8px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__preview{padding:var(--nice-space-4, 16px);margin-bottom:var(--nice-space-4, 16px);background:#fff;border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);line-height:1.6}.nice-html-editor-ai__code{margin:0;padding:var(--nice-space-3, 12px);font-family:Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);overflow-x:auto;max-height:200px;white-space:pre-wrap}.nice-html-editor-ai__apply{padding:var(--nice-space-2, 8px) var(--nice-space-5, 20px);font-size:14px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__apply:hover:not(:disabled){background:var(--nice-success-dark, #16a34a)}.nice-html-editor-ai__apply:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__cancel{padding:var(--nice-space-2, 8px) var(--nice-space-5, 20px);font-size:14px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__cancel:hover{color:var(--ai-text);background:var(--ai-bg)}@media(max-width:640px){.nice-html-editor-ai__toolbar{flex-wrap:wrap}.nice-html-editor-ai__toolbar-right{width:100%;justify-content:flex-start;margin-top:var(--nice-space-2, 8px);flex-wrap:wrap}.nice-html-editor-ai__panel{width:95%;max-height:90vh}.nice-html-editor-ai__comparison{grid-template-columns:1fr}.nice-html-editor-ai__panel-header{flex-direction:column;align-items:flex-start}.nice-html-editor-ai__style-selector{flex-wrap:wrap;margin-top:var(--nice-space-2, 8px)}}.nice-html-editor-ai__panel:before{content:"";position:fixed;inset:0;background:var(--nice-overlay-40, rgba(0, 0, 0, .4));z-index:-1}.nice-code-editor-ai{--ai-primary: var(--nice-info, #6366f1);--ai-primary-light: var(--nice-accent, #818cf8);--ai-bg: var(--nice-bg-secondary, #f8fafc);--ai-border: var(--nice-border, #e2e8f0);--ai-text: var(--nice-text, #334155);--ai-text-muted: var(--nice-text-secondary, #64748b);--ai-ghost: var(--nice-accent-tint-40, rgba(99, 102, 241, .4));--ai-success: var(--nice-success, #22c55e);--ai-panel-bg: var(--nice-bg, #FFFFFF);position:relative;display:flex;flex-direction:column;border-radius:var(--nice-radius-lg, 8px);overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-code-editor-ai,.nice-code-editor-ai.dark{--ai-primary: var(--nice-accent, #818cf8);--ai-primary-light: var(--nice-accent, #a5b4fc);--ai-bg: var(--nice-text, #1e293b);--ai-border: var(--nice-text, #334155);--ai-text: var(--nice-border, #e2e8f0);--ai-text-muted: var(--nice-text-muted, #94a3b8);--ai-ghost: rgba(129, 140, 248, .5);--ai-success: var(--nice-success-light, #4ade80);--ai-panel-bg: var(--nice-text, #0f172a)}.nice-code-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border);gap:var(--nice-space-2, 8px)}.nice-code-editor-ai__toolbar-left{display:flex;align-items:center;gap:var(--nice-space-3, 12px)}.nice-code-editor-ai__toolbar-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,var(--ai-primary) 0%,var(--ai-primary-light) 100%);border-radius:var(--nice-radius-sm, 4px)}.nice-code-editor-ai__loading{font-size:12px;color:var(--ai-primary);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.nice-code-editor-ai__toolbar-right{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-code-editor-ai__toolbar-btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);font-size:12px;font-weight:500;color:var(--ai-text);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__toolbar-btn:hover:not(:disabled){background:var(--ai-primary);color:#fff;border-color:var(--ai-primary)}.nice-code-editor-ai__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.nice-code-editor-ai__editor-wrapper{position:relative;flex:1;min-height:200px}.nice-code-editor-ai__ghost-text{position:absolute;pointer-events:none;z-index:10;display:flex;align-items:flex-start;gap:var(--nice-space-2, 8px)}.nice-code-editor-ai__ghost-text-content{font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:19px;color:var(--ai-ghost);white-space:pre}.nice-code-editor-ai__ghost-text-hint{display:inline-flex;align-items:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);font-size:10px;font-weight:500;color:var(--ai-text-muted);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 3px);margin-left:var(--nice-space-2, 8px);opacity:.8}.nice-code-editor-ai__panel{position:absolute;bottom:0;left:0;right:0;max-height:50%;background:var(--ai-panel-bg);border-top:2px solid var(--ai-primary);display:flex;flex-direction:column;z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.nice-code-editor-ai__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border)}.nice-code-editor-ai__panel-header h4{margin:0;font-size:14px;font-weight:600;color:var(--ai-text)}.nice-code-editor-ai__panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:14px;color:var(--ai-text-muted);background:transparent;border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__panel-close:hover{color:var(--ai-text);background:var(--ai-border)}.nice-code-editor-ai__panel-body{flex:1;overflow-y:auto;padding:var(--nice-space-3, 12px)}.nice-code-editor-ai__panel-loading{display:flex;align-items:center;justify-content:center;padding:var(--nice-space-6, 24px);color:var(--ai-primary);font-size:14px}.nice-code-editor-ai__panel-loading:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--nice-space-2, 8px);border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:var(--nice-radius-full, 50%);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nice-code-editor-ai__code-preview{margin:0 0 var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);font-family:Fira Code,Consolas,Monaco,monospace;font-size:12px;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);overflow-x:auto;max-height:120px;white-space:pre-wrap}.nice-code-editor-ai__code-preview--result{border-color:var(--ai-success);background:#22c55e0d}.nice-code-editor-ai__explanation{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px)}.nice-code-editor-ai__explanation-text{font-size:14px;line-height:1.6;color:var(--ai-text);white-space:pre-wrap}.nice-code-editor-ai__refactor-input{display:flex;gap:var(--nice-space-2, 8px);margin-bottom:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-input input{flex:1;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);outline:none;transition:border-color .15s ease}.nice-code-editor-ai__refactor-input input:focus{border-color:var(--ai-primary)}.nice-code-editor-ai__refactor-input input::placeholder{color:var(--ai-text-muted)}.nice-code-editor-ai__refactor-btn{padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease;white-space:nowrap}.nice-code-editor-ai__refactor-btn:hover:not(:disabled){background:var(--ai-primary-light)}.nice-code-editor-ai__refactor-btn:disabled{opacity:.6;cursor:not-allowed}.nice-code-editor-ai__refactor-result{margin-top:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-result h5{margin:0 0 var(--nice-space-2, 8px);font-size:13px;font-weight:600;color:var(--ai-success)}.nice-code-editor-ai__refactor-actions{display:flex;gap:var(--nice-space-2, 8px);margin-top:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-apply{padding:var(--nice-space-1-5, 6px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-apply:hover{background:var(--nice-success-dark, #16a34a)}.nice-code-editor-ai__refactor-discard{padding:var(--nice-space-1-5, 6px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-discard:hover{color:var(--ai-text);background:var(--ai-bg)}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar{padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px)}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar-btn{padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);font-size:11px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar{padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px)}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3-5, 14px);font-size:14px}@media(max-width:640px){.nice-code-editor-ai__toolbar{flex-wrap:wrap}.nice-code-editor-ai__toolbar-right{width:100%;justify-content:flex-start;margin-top:var(--nice-space-2, 8px);flex-wrap:wrap}.nice-code-editor-ai__panel{max-height:70%}.nice-code-editor-ai__refactor-input{flex-direction:column}}.nice-emoji-picker{display:flex;flex-direction:column;width:320px;max-height:400px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);box-shadow:0 4px 12px var(--nice-overlay-10, rgba(0, 0, 0, .1));font-family:inherit;overflow:hidden}.nice-emoji-picker--sm{width:280px;max-height:340px}.nice-emoji-picker--sm .nice-emoji-picker__emoji{width:28px;height:28px;font-size:16px}.nice-emoji-picker--lg{width:400px;max-height:500px}.nice-emoji-picker--lg .nice-emoji-picker__emoji{width:40px;height:40px;font-size:26px}.nice-emoji-picker__search{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.nice-emoji-picker__search-input{flex:1;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937)}.nice-emoji-picker__search-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--nice-primary-tint-15, rgba(59, 130, 246, .15))}.nice-emoji-picker__search-input::placeholder{color:var(--text-secondary, #9ca3af)}.nice-emoji-picker__skin-tone-wrapper{position:relative;flex-shrink:0}.nice-emoji-picker__skin-tone-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);cursor:pointer;font-size:18px;transition:border-color .15s,background .15s}.nice-emoji-picker__skin-tone-btn:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-menu{position:absolute;top:100%;right:0;margin-top:var(--nice-space-1, 4px);display:flex;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1-5, 6px);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);box-shadow:0 4px 12px var(--nice-overlay-15, rgba(0, 0, 0, .15));z-index:10}.nice-emoji-picker__skin-tone-option{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid transparent;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:18px;transition:background .15s,border-color .15s}.nice-emoji-picker__skin-tone-option:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-option--selected{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #dbeafe)}.nice-emoji-picker__categories{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);gap:var(--nice-space-0-5, 2px);flex-shrink:0;overflow-x:auto}.nice-emoji-picker__category-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:18px;flex-shrink:0;transition:background .15s}.nice-emoji-picker__category-btn:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__category-btn--selected{background:var(--color-primary-light, #dbeafe)}.nice-emoji-picker__grid-container{flex:1;overflow-y:auto;padding:var(--nice-space-2, 8px)}.nice-emoji-picker__section{margin-bottom:var(--nice-space-3, 12px)}.nice-emoji-picker__section:last-child{margin-bottom:0}.nice-emoji-picker__section-title{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--nice-space-2, 8px);padding-left:var(--nice-space-1, 4px)}.nice-emoji-picker__grid{display:grid;gap:var(--nice-space-0-5, 2px)}.nice-emoji-picker__emoji{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:22px;transition:background .15s,transform .1s}.nice-emoji-picker__emoji:hover{background:var(--hover-bg, #f3f4f6);transform:scale(1.15)}.nice-emoji-picker__emoji:active{transform:scale(1.05)}.nice-emoji-picker__emoji--custom img{width:24px;height:24px;object-fit:contain}.nice-emoji-picker__empty{grid-column:1 / -1;padding:var(--nice-space-6, 24px);text-align:center;color:var(--text-secondary, #6b7280);font-size:13px}.nice-emoji-picker__grid-container::-webkit-scrollbar{width:8px}.nice-emoji-picker__grid-container::-webkit-scrollbar-track{background:transparent}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:var(--nice-radius-sm, 4px)}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.nice-crop-editor{display:flex;flex-direction:column;gap:var(--nice-space-4, 16px);width:100%;max-width:600px;font-family:inherit}.nice-crop-editor__container{position:relative;width:100%;height:0;padding-bottom:75%;background:var(--nice-bg, #1a1a1a);border-radius:var(--nice-radius-lg, 8px);overflow:hidden;user-select:none}.nice-crop-editor__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none}.nice-crop-editor__overlay{position:absolute;inset:0;pointer-events:none}.nice-crop-editor__overlay-piece{position:absolute;background:var(--nice-overlay-50, rgba(0, 0, 0, .5))}.nice-crop-editor__crop-area{position:absolute;border:2px solid var(--nice-bg, #FFF);box-shadow:0 0 0 9999px var(--nice-overlay-50, rgba(0, 0, 0, .5));cursor:move;box-sizing:border-box}.nice-crop-editor__grid{position:absolute;inset:0;pointer-events:none}.nice-crop-editor__grid-line{position:absolute;background:var(--nice-overlay-light-40, rgba(255, 255, 255, .4))}.nice-crop-editor__grid-line--h1{left:0;right:0;top:33.33%;height:1px}.nice-crop-editor__grid-line--h2{left:0;right:0;top:66.66%;height:1px}.nice-crop-editor__grid-line--v1{top:0;bottom:0;left:33.33%;width:1px}.nice-crop-editor__grid-line--v2{top:0;bottom:0;left:66.66%;width:1px}.nice-crop-editor__handle{position:absolute;width:12px;height:12px;background:var(--bg-primary, #FFF);border:2px solid var(--color-primary, #3b82f6);border-radius:var(--nice-radius-sm, 2px);z-index:1}.nice-crop-editor__handle:hover{background:var(--color-primary, #3b82f6)}.nice-crop-editor__handle--nw{top:-6px;left:-6px;cursor:nw-resize}.nice-crop-editor__handle--ne{top:-6px;right:-6px;cursor:ne-resize}.nice-crop-editor__handle--sw{bottom:-6px;left:-6px;cursor:sw-resize}.nice-crop-editor__handle--se{bottom:-6px;right:-6px;cursor:se-resize}.nice-crop-editor__handle--n{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.nice-crop-editor__handle--s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.nice-crop-editor__handle--e{right:-6px;top:50%;transform:translateY(-50%);cursor:e-resize}.nice-crop-editor__handle--w{left:-6px;top:50%;transform:translateY(-50%);cursor:w-resize}.nice-crop-editor__controls{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);background:var(--bg-primary, #fff);color:var(--text-primary, inherit);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px)}.nice-crop-editor__control-group{display:flex;flex-direction:column;gap:var(--nice-space-1-5, 6px)}.nice-crop-editor__control-group--row{flex-direction:row;align-items:center;gap:var(--nice-space-2, 8px)}.nice-crop-editor__label{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-crop-editor__aspect-buttons{display:flex;flex-wrap:wrap;gap:var(--nice-space-1-5, 6px)}.nice-crop-editor__aspect-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__aspect-btn:hover{background:var(--hover-bg, color-mix(in srgb, var(--color-primary, #3b82f6) 8%, transparent))}.nice-crop-editor__aspect-btn--selected{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:var(--text-on-primary, #FFF)}.nice-crop-editor__aspect-btn--selected:hover{background:var(--color-primary-hover, var(--color-primary, #2563eb));filter:brightness(.95)}.nice-crop-editor__slider{width:100%;height:6px;appearance:none;background:var(--border-color, #d1d5db);border-radius:var(--nice-radius-sm, 3px);cursor:pointer}.nice-crop-editor__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary, #3b82f6);border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .15s}.nice-crop-editor__slider::-webkit-slider-thumb:hover{filter:brightness(.95)}.nice-crop-editor__slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary, #3b82f6);border:none;border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-crop-editor__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__btn:hover{background:var(--hover-bg, color-mix(in srgb, var(--color-primary, #3b82f6) 8%, transparent))}.nice-crop-editor__btn--active{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:var(--text-on-primary, #FFF)}.nice-crop-editor__btn--reset{margin-left:auto;color:var(--color-danger, #ef4444)}.nice-crop-editor__btn--reset:hover{background:color-mix(in srgb,var(--color-danger, #ef4444) 14%,transparent)}
+.nice-html-editor-ai{--ai-primary: var(--color-info, #3b82f6);--ai-primary-light: var(--nice-accent, #818cf8);--ai-bg: var(--bg-secondary, #f8fafc);--ai-border: var(--border-color, #e5e7eb);--ai-text: var(--text-primary, #0f172a);--ai-text-muted: var(--text-secondary, #475569);--ai-success: var(--color-success, #10b981);--ai-panel-bg: var(--bg-primary, #ffffff);--ai-translate: var(--color-info, #3b82f6);--ai-improve: var(--color-warning, #f59e0b);position:relative;display:flex;flex-direction:column;border-radius:var(--nice-radius-lg, 8px);overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-html-editor-ai,.nice-html-editor-ai.dark{--ai-primary: var(--nice-accent, #818cf8);--ai-primary-light: var(--nice-accent, #a5b4fc);--ai-bg: var(--text-primary, #0f172a);--ai-border: var(--text-primary, #0f172a);--ai-text: var(--border-color, #e5e7eb);--ai-text-muted: var(--text-muted, #94a3b8);--ai-success: var(--color-success, #10b981);--ai-panel-bg: var(--text-primary, #0f172a)}.nice-html-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:linear-gradient(135deg,var(--color-info, #3b82f6) 0%,var(--nice-accent, #8b5cf6) 100%);gap:var(--nice-space-2, 8px)}.nice-html-editor-ai__toolbar-left{display:flex;align-items:center;gap:var(--nice-space-3, 12px)}.nice-html-editor-ai__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-primary);background:#fff;border-radius:var(--nice-radius-sm, 4px)}.nice-html-editor-ai__loading{font-size:12px;color:#fff;opacity:.9;animation:pulse-opacity 1.5s ease-in-out infinite}.nice-html-editor-ai__toolbar-right{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-html-editor-ai__btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);font-size:12px;font-weight:500;color:#fff;background:var(--nice-overlay-light-15, color-mix(in srgb, var(--text-on-primary, #fff) 15%, transparent));border:1px solid var(--nice-overlay-light-20, color-mix(in srgb, var(--text-on-primary, #fff) 20%, transparent));border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__btn:hover:not(:disabled){background:var(--nice-overlay-light-25, color-mix(in srgb, var(--text-on-primary, #fff) 25%, transparent));border-color:var(--nice-overlay-light-40, color-mix(in srgb, var(--text-on-primary, #fff) 40%, transparent))}.nice-html-editor-ai__btn:disabled{opacity:.5;cursor:not-allowed}.nice-html-editor-ai__dropdown{position:relative}.nice-html-editor-ai__dropdown-menu{position:absolute;top:100%;left:0;min-width:140px;margin-top:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) 0;background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);box-shadow:0 10px 25px var(--nice-overlay-15, color-mix(in srgb, var(--text-primary, #000) 15%, transparent));opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:100}.nice-html-editor-ai__dropdown:hover .nice-html-editor-ai__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nice-html-editor-ai__dropdown-menu--languages{max-height:240px;overflow-y:auto}.nice-html-editor-ai__dropdown-item{display:block;width:100%;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;color:var(--ai-text);background:transparent;border:none;text-align:left;cursor:pointer;transition:background .1s ease}.nice-html-editor-ai__dropdown-item:hover{background:var(--ai-bg)}.nice-html-editor-ai__editor-wrapper{flex:1;min-height:200px}.nice-html-editor-ai__panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:80vh;background:var(--ai-panel-bg);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 25px 50px var(--nice-overlay-25, color-mix(in srgb, var(--text-primary, #000) 25%, transparent));display:flex;flex-direction:column;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nice-html-editor-ai__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border);border-radius:var(--nice-radius-xl, 12px) var(--nice-radius-xl, 12px) 0 0;gap:var(--nice-space-3, 12px);flex-wrap:wrap}.nice-html-editor-ai__panel-header h4{margin:0;font-size:16px;font-weight:600;color:var(--ai-text)}.nice-html-editor-ai__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:16px;color:var(--ai-text-muted);background:transparent;border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__close:hover{color:var(--ai-text);background:var(--ai-border)}.nice-html-editor-ai__panel-body{flex:1;overflow-y:auto;padding:var(--nice-space-5, 20px)}.nice-html-editor-ai__panel-footer{display:flex;justify-content:flex-end;gap:var(--nice-space-2, 8px);padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-top:1px solid var(--ai-border)}.nice-html-editor-ai__style-selector{display:flex;gap:var(--nice-space-1, 4px)}.nice-html-editor-ai__style-btn{padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);font-size:12px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__style-btn:hover{color:var(--ai-text);border-color:var(--ai-text-muted)}.nice-html-editor-ai__style-btn--active{color:#fff;background:var(--ai-primary);border-color:var(--ai-primary)}.nice-html-editor-ai__language-select{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);outline:none;cursor:pointer}.nice-html-editor-ai__language-select:focus{border-color:var(--ai-primary)}.nice-html-editor-ai__comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--nice-space-4, 16px)}.nice-html-editor-ai__text-block{display:flex;flex-direction:column;gap:var(--nice-space-2, 8px)}.nice-html-editor-ai__text-block h5{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__text-content{padding:var(--nice-space-3, 12px);font-size:14px;line-height:1.6;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);min-height:100px;white-space:pre-wrap}.nice-html-editor-ai__text-block--improved h5{color:var(--ai-improve)}.nice-html-editor-ai__text-block--improved .nice-html-editor-ai__text-content{border-color:var(--ai-improve);background:#f59e0b0d}.nice-html-editor-ai__text-block--translated h5{color:var(--ai-translate)}.nice-html-editor-ai__text-block--translated .nice-html-editor-ai__text-content{border-color:var(--ai-translate);background:#0ea5e90d}.nice-html-editor-ai__loading-panel{display:flex;align-items:center;justify-content:center;padding:var(--nice-space-10, 40px);color:var(--ai-primary);font-size:14px}.nice-html-editor-ai__loading-panel:before{content:"";display:inline-block;width:18px;height:18px;margin-right:var(--nice-space-2-5, 10px);border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:var(--nice-radius-full, 50%);animation:spin .8s linear infinite}.nice-html-editor-ai__generate-input{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);margin-bottom:var(--nice-space-4, 16px)}.nice-html-editor-ai__generate-textarea{width:100%;padding:var(--nice-space-3, 12px);font-size:14px;font-family:inherit;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);resize:vertical;outline:none;transition:border-color .15s ease}.nice-html-editor-ai__generate-textarea:focus{border-color:var(--ai-primary)}.nice-html-editor-ai__generate-textarea::placeholder{color:var(--ai-text-muted)}.nice-html-editor-ai__generate-btn{align-self:flex-end;padding:var(--nice-space-2-5, 10px) var(--nice-space-6, 24px);font-size:14px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__generate-btn:hover:not(:disabled){background:var(--ai-primary-light)}.nice-html-editor-ai__generate-btn:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__generate-result{margin-top:var(--nice-space-4, 16px)}.nice-html-editor-ai__generate-result h5{margin:0 0 var(--nice-space-2, 8px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__preview{padding:var(--nice-space-4, 16px);margin-bottom:var(--nice-space-4, 16px);background:#fff;border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);line-height:1.6}.nice-html-editor-ai__code{margin:0;padding:var(--nice-space-3, 12px);font-family:Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);overflow-x:auto;max-height:200px;white-space:pre-wrap}.nice-html-editor-ai__apply{padding:var(--nice-space-2, 8px) var(--nice-space-5, 20px);font-size:14px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__apply:hover:not(:disabled){background:var(--color-success, #10b981)}.nice-html-editor-ai__apply:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__cancel{padding:var(--nice-space-2, 8px) var(--nice-space-5, 20px);font-size:14px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-md, 6px);cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__cancel:hover{color:var(--ai-text);background:var(--ai-bg)}@media(max-width:640px){.nice-html-editor-ai__toolbar{flex-wrap:wrap}.nice-html-editor-ai__toolbar-right{width:100%;justify-content:flex-start;margin-top:var(--nice-space-2, 8px);flex-wrap:wrap}.nice-html-editor-ai__panel{width:95%;max-height:90vh}.nice-html-editor-ai__comparison{grid-template-columns:1fr}.nice-html-editor-ai__panel-header{flex-direction:column;align-items:flex-start}.nice-html-editor-ai__style-selector{flex-wrap:wrap;margin-top:var(--nice-space-2, 8px)}}.nice-html-editor-ai__panel:before{content:"";position:fixed;inset:0;background:var(--nice-overlay-40, color-mix(in srgb, var(--text-primary, #000) 40%, transparent));z-index:-1}.nice-code-editor-ai{--ai-primary: var(--color-info, #3b82f6);--ai-primary-light: var(--nice-accent, #818cf8);--ai-bg: var(--bg-secondary, #f8fafc);--ai-border: var(--border-color, #e5e7eb);--ai-text: var(--text-primary, #0f172a);--ai-text-muted: var(--text-secondary, #475569);--ai-ghost: var(--nice-accent-tint-40, rgba(99, 102, 241, .4));--ai-success: var(--color-success, #10b981);--ai-panel-bg: var(--bg-primary, #ffffff);position:relative;display:flex;flex-direction:column;border-radius:var(--nice-radius-lg, 8px);overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-code-editor-ai,.nice-code-editor-ai.dark{--ai-primary: var(--nice-accent, #818cf8);--ai-primary-light: var(--nice-accent, #a5b4fc);--ai-bg: var(--text-primary, #0f172a);--ai-border: var(--text-primary, #0f172a);--ai-text: var(--border-color, #e5e7eb);--ai-text-muted: var(--text-muted, #94a3b8);--ai-ghost: rgba(129, 140, 248, .5);--ai-success: var(--color-success, #10b981);--ai-panel-bg: var(--text-primary, #0f172a)}.nice-code-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border);gap:var(--nice-space-2, 8px)}.nice-code-editor-ai__toolbar-left{display:flex;align-items:center;gap:var(--nice-space-3, 12px)}.nice-code-editor-ai__toolbar-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,var(--ai-primary) 0%,var(--ai-primary-light) 100%);border-radius:var(--nice-radius-sm, 4px)}.nice-code-editor-ai__loading{font-size:12px;color:var(--ai-primary);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.nice-code-editor-ai__toolbar-right{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-code-editor-ai__toolbar-btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);font-size:12px;font-weight:500;color:var(--ai-text);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__toolbar-btn:hover:not(:disabled){background:var(--ai-primary);color:#fff;border-color:var(--ai-primary)}.nice-code-editor-ai__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.nice-code-editor-ai__editor-wrapper{position:relative;flex:1;min-height:200px}.nice-code-editor-ai__ghost-text{position:absolute;pointer-events:none;z-index:10;display:flex;align-items:flex-start;gap:var(--nice-space-2, 8px)}.nice-code-editor-ai__ghost-text-content{font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:19px;color:var(--ai-ghost);white-space:pre}.nice-code-editor-ai__ghost-text-hint{display:inline-flex;align-items:center;padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);font-size:10px;font-weight:500;color:var(--ai-text-muted);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 3px);margin-left:var(--nice-space-2, 8px);opacity:.8}.nice-code-editor-ai__panel{position:absolute;bottom:0;left:0;right:0;max-height:50%;background:var(--ai-panel-bg);border-top:2px solid var(--ai-primary);display:flex;flex-direction:column;z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.nice-code-editor-ai__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--ai-bg);border-bottom:1px solid var(--ai-border)}.nice-code-editor-ai__panel-header h4{margin:0;font-size:14px;font-weight:600;color:var(--ai-text)}.nice-code-editor-ai__panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:14px;color:var(--ai-text-muted);background:transparent;border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__panel-close:hover{color:var(--ai-text);background:var(--ai-border)}.nice-code-editor-ai__panel-body{flex:1;overflow-y:auto;padding:var(--nice-space-3, 12px)}.nice-code-editor-ai__panel-loading{display:flex;align-items:center;justify-content:center;padding:var(--nice-space-6, 24px);color:var(--ai-primary);font-size:14px}.nice-code-editor-ai__panel-loading:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--nice-space-2, 8px);border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:var(--nice-radius-full, 50%);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nice-code-editor-ai__code-preview{margin:0 0 var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);font-family:Fira Code,Consolas,Monaco,monospace;font-size:12px;line-height:1.5;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);overflow-x:auto;max-height:120px;white-space:pre-wrap}.nice-code-editor-ai__code-preview--result{border-color:var(--ai-success);background:#22c55e0d}.nice-code-editor-ai__explanation{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px)}.nice-code-editor-ai__explanation-text{font-size:14px;line-height:1.6;color:var(--ai-text);white-space:pre-wrap}.nice-code-editor-ai__refactor-input{display:flex;gap:var(--nice-space-2, 8px);margin-bottom:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-input input{flex:1;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);outline:none;transition:border-color .15s ease}.nice-code-editor-ai__refactor-input input:focus{border-color:var(--ai-primary)}.nice-code-editor-ai__refactor-input input::placeholder{color:var(--ai-text-muted)}.nice-code-editor-ai__refactor-btn{padding:var(--nice-space-2, 8px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease;white-space:nowrap}.nice-code-editor-ai__refactor-btn:hover:not(:disabled){background:var(--ai-primary-light)}.nice-code-editor-ai__refactor-btn:disabled{opacity:.6;cursor:not-allowed}.nice-code-editor-ai__refactor-result{margin-top:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-result h5{margin:0 0 var(--nice-space-2, 8px);font-size:13px;font-weight:600;color:var(--ai-success)}.nice-code-editor-ai__refactor-actions{display:flex;gap:var(--nice-space-2, 8px);margin-top:var(--nice-space-3, 12px)}.nice-code-editor-ai__refactor-apply{padding:var(--nice-space-1-5, 6px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-apply:hover{background:var(--color-success, #10b981)}.nice-code-editor-ai__refactor-discard{padding:var(--nice-space-1-5, 6px) var(--nice-space-4, 16px);font-size:13px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-discard:hover{color:var(--ai-text);background:var(--ai-bg)}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar{padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px)}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar-btn{padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);font-size:11px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar{padding:var(--nice-space-2-5, 10px) var(--nice-space-4, 16px)}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3-5, 14px);font-size:14px}@media(max-width:640px){.nice-code-editor-ai__toolbar{flex-wrap:wrap}.nice-code-editor-ai__toolbar-right{width:100%;justify-content:flex-start;margin-top:var(--nice-space-2, 8px);flex-wrap:wrap}.nice-code-editor-ai__panel{max-height:70%}.nice-code-editor-ai__refactor-input{flex-direction:column}}.nice-emoji-picker{display:flex;flex-direction:column;width:320px;max-height:400px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);box-shadow:0 4px 12px var(--nice-overlay-10, color-mix(in srgb, var(--text-primary, #000) 10%, transparent));font-family:inherit;overflow:hidden}.nice-emoji-picker--sm{width:280px;max-height:340px}.nice-emoji-picker--sm .nice-emoji-picker__emoji{width:28px;height:28px;font-size:16px}.nice-emoji-picker--lg{width:400px;max-height:500px}.nice-emoji-picker--lg .nice-emoji-picker__emoji{width:40px;height:40px;font-size:26px}.nice-emoji-picker__search{display:flex;align-items:center;gap:var(--nice-space-2, 8px);padding:var(--nice-space-2-5, 10px);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.nice-emoji-picker__search-input{flex:1;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937)}.nice-emoji-picker__search-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary, #6366f1) )}.nice-emoji-picker__search-input::placeholder{color:var(--text-secondary, #9ca3af)}.nice-emoji-picker__skin-tone-wrapper{position:relative;flex-shrink:0}.nice-emoji-picker__skin-tone-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);cursor:pointer;font-size:18px;transition:border-color .15s,background .15s}.nice-emoji-picker__skin-tone-btn:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-menu{position:absolute;top:100%;right:0;margin-top:var(--nice-space-1, 4px);display:flex;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1-5, 6px);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px);box-shadow:0 4px 12px var(--nice-overlay-15, color-mix(in srgb, var(--text-primary, #000) 15%, transparent));z-index:10}.nice-emoji-picker__skin-tone-option{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid transparent;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:18px;transition:background .15s,border-color .15s}.nice-emoji-picker__skin-tone-option:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-option--selected{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #dbeafe)}.nice-emoji-picker__categories{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);gap:var(--nice-space-0-5, 2px);flex-shrink:0;overflow-x:auto}.nice-emoji-picker__category-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:18px;flex-shrink:0;transition:background .15s}.nice-emoji-picker__category-btn:hover{background:var(--hover-bg, #f3f4f6)}.nice-emoji-picker__category-btn--selected{background:var(--color-primary-light, #dbeafe)}.nice-emoji-picker__grid-container{flex:1;overflow-y:auto;padding:var(--nice-space-2, 8px)}.nice-emoji-picker__section{margin-bottom:var(--nice-space-3, 12px)}.nice-emoji-picker__section:last-child{margin-bottom:0}.nice-emoji-picker__section-title{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--nice-space-2, 8px);padding-left:var(--nice-space-1, 4px)}.nice-emoji-picker__grid{display:grid;gap:var(--nice-space-0-5, 2px)}.nice-emoji-picker__emoji{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;cursor:pointer;font-size:22px;transition:background .15s,transform .1s}.nice-emoji-picker__emoji:hover{background:var(--hover-bg, #f3f4f6);transform:scale(1.15)}.nice-emoji-picker__emoji:active{transform:scale(1.05)}.nice-emoji-picker__emoji--custom img{width:24px;height:24px;object-fit:contain}.nice-emoji-picker__empty{grid-column:1 / -1;padding:var(--nice-space-6, 24px);text-align:center;color:var(--text-secondary, #6b7280);font-size:13px}.nice-emoji-picker__grid-container::-webkit-scrollbar{width:8px}.nice-emoji-picker__grid-container::-webkit-scrollbar-track{background:transparent}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:var(--nice-radius-sm, 4px)}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.nice-crop-editor{display:flex;flex-direction:column;gap:var(--nice-space-4, 16px);width:100%;max-width:600px;font-family:inherit}.nice-crop-editor__container{position:relative;width:100%;height:0;padding-bottom:75%;background:var(--bg-primary, #ffffff);border-radius:var(--nice-radius-lg, 8px);overflow:hidden;user-select:none}.nice-crop-editor__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none}.nice-crop-editor__overlay{position:absolute;inset:0;pointer-events:none}.nice-crop-editor__overlay-piece{position:absolute;background:var(--nice-overlay-50, color-mix(in srgb, var(--text-primary, #000) 50%, transparent))}.nice-crop-editor__crop-area{position:absolute;border:2px solid var(--bg-primary, #ffffff);box-shadow:0 0 0 9999px var(--nice-overlay-50, color-mix(in srgb, var(--text-primary, #000) 50%, transparent));cursor:move;box-sizing:border-box}.nice-crop-editor__grid{position:absolute;inset:0;pointer-events:none}.nice-crop-editor__grid-line{position:absolute;background:var(--nice-overlay-light-40, color-mix(in srgb, var(--text-on-primary, #fff) 40%, transparent))}.nice-crop-editor__grid-line--h1{left:0;right:0;top:33.33%;height:1px}.nice-crop-editor__grid-line--h2{left:0;right:0;top:66.66%;height:1px}.nice-crop-editor__grid-line--v1{top:0;bottom:0;left:33.33%;width:1px}.nice-crop-editor__grid-line--v2{top:0;bottom:0;left:66.66%;width:1px}.nice-crop-editor__handle{position:absolute;width:12px;height:12px;background:var(--bg-primary, #FFF);border:2px solid var(--color-primary, #3b82f6);border-radius:var(--nice-radius-sm, 2px);z-index:1}.nice-crop-editor__handle:hover{background:var(--color-primary, #3b82f6)}.nice-crop-editor__handle--nw{top:-6px;left:-6px;cursor:nw-resize}.nice-crop-editor__handle--ne{top:-6px;right:-6px;cursor:ne-resize}.nice-crop-editor__handle--sw{bottom:-6px;left:-6px;cursor:sw-resize}.nice-crop-editor__handle--se{bottom:-6px;right:-6px;cursor:se-resize}.nice-crop-editor__handle--n{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.nice-crop-editor__handle--s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.nice-crop-editor__handle--e{right:-6px;top:50%;transform:translateY(-50%);cursor:e-resize}.nice-crop-editor__handle--w{left:-6px;top:50%;transform:translateY(-50%);cursor:w-resize}.nice-crop-editor__controls{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);background:var(--bg-primary, #fff);color:var(--text-primary, inherit);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--nice-radius-lg, 8px)}.nice-crop-editor__control-group{display:flex;flex-direction:column;gap:var(--nice-space-1-5, 6px)}.nice-crop-editor__control-group--row{flex-direction:row;align-items:center;gap:var(--nice-space-2, 8px)}.nice-crop-editor__label{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-crop-editor__aspect-buttons{display:flex;flex-wrap:wrap;gap:var(--nice-space-1-5, 6px)}.nice-crop-editor__aspect-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__aspect-btn:hover{background:var(--hover-bg, color-mix(in srgb, var(--color-primary, #3b82f6) 8%, transparent))}.nice-crop-editor__aspect-btn--selected{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:var(--text-on-primary, #FFF)}.nice-crop-editor__aspect-btn--selected:hover{background:var(--color-primary-hover, var(--color-primary, #2563eb));filter:brightness(.95)}.nice-crop-editor__slider{width:100%;height:6px;appearance:none;background:var(--border-color, #d1d5db);border-radius:var(--nice-radius-sm, 3px);cursor:pointer}.nice-crop-editor__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary, #3b82f6);border-radius:var(--nice-radius-full, 50%);cursor:pointer;transition:background .15s}.nice-crop-editor__slider::-webkit-slider-thumb:hover{filter:brightness(.95)}.nice-crop-editor__slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary, #3b82f6);border:none;border-radius:var(--nice-radius-full, 50%);cursor:pointer}.nice-crop-editor__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #d1d5db);border-radius:var(--nice-radius-md, 6px);background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__btn:hover{background:var(--hover-bg, color-mix(in srgb, var(--color-primary, #3b82f6) 8%, transparent))}.nice-crop-editor__btn--active{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:var(--text-on-primary, #FFF)}.nice-crop-editor__btn--reset{margin-left:auto;color:var(--color-danger, #ef4444)}.nice-crop-editor__btn--reset:hover{background:color-mix(in srgb,var(--color-danger, #ef4444) 14%,transparent)}