@nice2dev/ui 1.0.8 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/NiceErrorBoundary-B5nF-OVn.cjs +1 -0
- package/dist/NiceErrorBoundary-BZEHCXNM.cjs +1 -0
- package/dist/NiceErrorBoundary-D6jw6wwD.js +762 -0
- package/dist/NiceErrorBoundary-D75yr_WE.js +762 -0
- package/dist/NiceForm-BgR-m8T9.cjs +382 -0
- package/dist/NiceForm-CKoJA6NG.js +5131 -0
- package/dist/NiceForm-D7xnpnRJ.cjs +382 -0
- package/dist/NiceForm-DYKciCeR.js +5131 -0
- package/dist/NiceForm.css +1 -0
- package/dist/NiceModal-1QX7NhyH.js +95 -0
- package/dist/NiceModal-Br3J9jOV.cjs +1 -0
- package/dist/NiceModal-CAwsKVQ2.cjs +1 -0
- package/dist/NiceModal-DVAsBzHP.js +95 -0
- package/dist/NiceModuleLifecyclePanel-C9xMSjOF.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel-CMrPbSw9.js +5249 -0
- package/dist/NiceModuleLifecyclePanel-D3azLDdj.js +5249 -0
- package/dist/NiceModuleLifecyclePanel-DEfAIhFf.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel.css +1 -0
- package/dist/NicePagination-CbB5P1N_.js +171 -0
- package/dist/NicePagination-DbE-uOkl.js +171 -0
- package/dist/NicePagination-DlealakT.cjs +1 -0
- package/dist/NicePagination-UGjzvRUS.cjs +1 -0
- package/dist/NicePinCodeInput-B8cI8zu8.js +11830 -0
- package/dist/NicePinCodeInput-BmRO9HSQ.js +11830 -0
- package/dist/NicePinCodeInput-D91uvVsF.cjs +419 -0
- package/dist/NicePinCodeInput-SGQaHvpE.cjs +419 -0
- package/dist/NicePinCodeInput.css +1 -1
- package/dist/NiceSavedQueryPanel-7nZe46t8.cjs +596 -0
- package/dist/NiceSavedQueryPanel-BSGzs7Oc.js +6449 -0
- package/dist/NiceSavedQueryPanel-CZ5bYOe_.js +6449 -0
- package/dist/NiceSavedQueryPanel-Ce2s060j.cjs +596 -0
- package/dist/NiceTabs-BeaxZzAO.js +1636 -0
- package/dist/NiceTabs-DcbYFIWR.cjs +1 -0
- package/dist/NiceTabs-DvOmxKyQ.cjs +1 -0
- package/dist/NiceTabs-DzLHzwuA.js +1636 -0
- package/dist/NiceWindow-Bga9fOkg.js +1409 -0
- package/dist/NiceWindow-CVgkxcCz.cjs +1 -0
- package/dist/NiceWindow-CxWTj5xH.cjs +1 -0
- package/dist/NiceWindow-DeC83yfE.js +1409 -0
- package/dist/charts-BAS21jkC.js +4621 -0
- package/dist/charts-BcvKWYUl.cjs +759 -0
- package/dist/charts-DShUbWrP.cjs +759 -0
- package/dist/charts-DZvmvfhM.js +4621 -0
- package/dist/charts.cjs +1 -1
- package/dist/charts.d.ts +42 -45
- package/dist/charts.mjs +1 -1
- package/dist/core-B4b1BmHt.js +22177 -0
- package/dist/core-C2ZmWe_u.cjs +96 -0
- package/dist/core-CjmLbclt.cjs +96 -0
- package/dist/core-Da43q-pO.js +22094 -0
- package/dist/data-branching-CJlrg8qf.cjs +1 -0
- package/dist/data-branching-DCUwI53s.js +6121 -0
- package/dist/data-branching.cjs +1 -1
- package/dist/data-branching.d.ts +1 -38
- package/dist/data-branching.mjs +1 -1
- package/dist/data.cjs +1 -1
- package/dist/data.d.ts +206 -192
- package/dist/data.mjs +1 -1
- package/dist/devops-CXynFG3X.cjs +17 -0
- package/dist/devops-D0TfzV5B.js +7660 -0
- package/dist/devops.cjs +1 -1
- package/dist/devops.d.ts +1 -38
- package/dist/devops.mjs +1 -1
- package/dist/editors.cjs +1 -1
- package/dist/editors.d.ts +311 -393
- package/dist/editors.mjs +61 -64
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.d.ts +3 -44
- package/dist/feedback.mjs +11 -10
- package/dist/index-B8wxZ8Ps.cjs +5192 -0
- package/dist/index-DlHlXz8e.js +57319 -0
- package/dist/index-Dx726U90.cjs +5192 -0
- package/dist/index-pAuGTbuB.js +57319 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2249 -11141
- package/dist/index.mjs +880 -1018
- package/dist/lazy.cjs +1 -1
- package/dist/lazy.d.ts +7 -39
- package/dist/lazy.mjs +24 -24
- package/dist/navigation.cjs +1 -1
- package/dist/navigation.d.ts +151 -216
- package/dist/navigation.mjs +52 -46
- package/dist/no-code-B5bzduNP.cjs +332 -0
- package/dist/no-code-D8RJ7lx0.js +7064 -0
- package/dist/no-code.cjs +1 -1
- package/dist/no-code.d.ts +1 -38
- package/dist/no-code.mjs +1 -1
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.d.ts +13 -45
- package/dist/overlays.mjs +243 -233
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.nice-html-editor-ai{--ai-primary: #6366f1;--ai-primary-light: #818cf8;--ai-bg: #f8fafc;--ai-border: #e2e8f0;--ai-text: #334155;--ai-text-muted: #64748b;--ai-success: #22c55e;--ai-panel-bg: #ffffff;--ai-translate: #0ea5e9;--ai-improve: #f59e0b;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-html-editor-ai,.nice-html-editor-ai.dark{--ai-primary: #818cf8;--ai-primary-light: #a5b4fc;--ai-bg: #1e293b;--ai-border: #334155;--ai-text: #e2e8f0;--ai-text-muted: #94a3b8;--ai-success: #4ade80;--ai-panel-bg: #0f172a}.nice-html-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);gap:8px}.nice-html-editor-ai__toolbar-left{display:flex;align-items:center;gap:12px}.nice-html-editor-ai__badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-primary);background:#fff;border-radius: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:4px}.nice-html-editor-ai__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6}.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:4px;padding:4px 0;background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:6px;box-shadow:0 10px 25px #00000026;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:8px 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:12px;box-shadow:0 25px 50px #00000040;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:16px 20px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);border-radius:12px 12px 0 0;gap: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: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:20px}.nice-html-editor-ai__panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--ai-border)}.nice-html-editor-ai__style-selector{display:flex;gap:4px}.nice-html-editor-ai__style-btn{padding:4px 10px;font-size:12px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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:6px 10px;font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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:16px}.nice-html-editor-ai__text-block{display:flex;flex-direction:column;gap: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:12px;font-size:14px;line-height:1.6;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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: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:10px;border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:spin .8s linear infinite}.nice-html-editor-ai__generate-input{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.nice-html-editor-ai__generate-textarea{width:100%;padding: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: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:10px 24px;font-size:14px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius: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:16px}.nice-html-editor-ai__generate-result h5{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__preview{padding:16px;margin-bottom:16px;background:#fff;border:1px solid var(--ai-border);border-radius:6px;line-height:1.6}.nice-html-editor-ai__code{margin:0;padding: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:6px;overflow-x:auto;max-height:200px;white-space:pre-wrap}.nice-html-editor-ai__apply{padding:8px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__apply:hover:not(:disabled){background:#16a34a}.nice-html-editor-ai__apply:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__cancel{padding:8px 20px;font-size:14px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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: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:8px}}.nice-html-editor-ai__panel:before{content:"";position:fixed;inset:0;background:#0006;z-index:-1}.nice-code-editor-ai{--ai-primary: #6366f1;--ai-primary-light: #818cf8;--ai-bg: #f8fafc;--ai-border: #e2e8f0;--ai-text: #334155;--ai-text-muted: #64748b;--ai-ghost: rgba(99, 102, 241, .4);--ai-success: #22c55e;--ai-panel-bg: #ffffff;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-code-editor-ai,.nice-code-editor-ai.dark{--ai-primary: #818cf8;--ai-primary-light: #a5b4fc;--ai-bg: #1e293b;--ai-border: #334155;--ai-text: #e2e8f0;--ai-text-muted: #94a3b8;--ai-ghost: rgba(129, 140, 248, .5);--ai-success: #4ade80;--ai-panel-bg: #0f172a}.nice-code-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);gap:8px}.nice-code-editor-ai__toolbar-left{display:flex;align-items:center;gap:12px}.nice-code-editor-ai__toolbar-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 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: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:4px}.nice-code-editor-ai__toolbar-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--ai-text);background:transparent;border:1px solid var(--ai-border);border-radius: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: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:2px 6px;font-size:10px;font-weight:500;color:var(--ai-text-muted);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:3px;margin-left: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:8px 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: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:12px}.nice-code-editor-ai__panel-loading{display:flex;align-items:center;justify-content:center;padding: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:8px;border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nice-code-editor-ai__code-preview{margin:0 0 12px;padding: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: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: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:8px;margin-bottom:12px}.nice-code-editor-ai__refactor-input input{flex:1;padding:8px 12px;font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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:8px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius: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:12px}.nice-code-editor-ai__refactor-result h5{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ai-success)}.nice-code-editor-ai__refactor-actions{display:flex;gap:8px;margin-top:12px}.nice-code-editor-ai__refactor-apply{padding:6px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-apply:hover{background:#16a34a}.nice-code-editor-ai__refactor-discard{padding:6px 16px;font-size:13px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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:6px 8px}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar-btn{padding:2px 6px;font-size:11px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar{padding:10px 16px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar-btn{padding:6px 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:8px;flex-wrap:wrap}.nice-code-editor-ai__panel{max-height:70%}.nice-code-editor-ai__refactor-input{flex-direction:column}}.nice-transfer-list{display:flex;align-items:stretch;gap:16px}.nice-transfer-list--disabled{opacity:.5;pointer-events:none}.nice-transfer-list__panel{flex:1;border:1px solid var(--nice-border-color, #d9d9d9);border-radius:4px;display:flex;flex-direction:column;min-width:200px;background:var(--nice-bg-color, #fff)}.nice-transfer-list__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--nice-border-color, #d9d9d9);background:var(--nice-bg-muted, #fafafa)}.nice-transfer-list__select-all{margin:0;cursor:pointer}.nice-transfer-list__title{font-weight:500;flex:1}.nice-transfer-list__count{font-size:12px;color:var(--nice-text-secondary, #666)}.nice-transfer-list__search{padding:8px;border-bottom:1px solid var(--nice-border-color, #d9d9d9);position:relative}.nice-transfer-list__search-input{width:100%;padding:6px 28px 6px 8px;border:1px solid var(--nice-border-color, #d9d9d9);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.nice-transfer-list__search-input:focus{border-color:var(--nice-primary-color, #1890ff)}.nice-transfer-list__search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--nice-text-secondary, #999);font-size:12px;padding:4px;line-height:1}.nice-transfer-list__body{flex:1;overflow-y:auto;padding:4px 0}.nice-transfer-list__empty{padding:24px;text-align:center;color:var(--nice-text-secondary, #999)}.nice-transfer-list__item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.nice-transfer-list__item:hover{background:var(--nice-bg-hover, #f5f5f5)}.nice-transfer-list__item--selected{background:var(--nice-primary-bg, #e6f7ff)}.nice-transfer-list__item--disabled{opacity:.5;cursor:not-allowed}.nice-transfer-list__item--dragging{opacity:.5}.nice-transfer-list__checkbox{margin:0;cursor:inherit}.nice-transfer-list__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-transfer-list__group{margin-bottom:4px}.nice-transfer-list__group-header{display:flex;align-items:center;gap:4px;padding:6px 12px;cursor:pointer;font-weight:500;background:var(--nice-bg-muted, #fafafa)}.nice-transfer-list__group-header:hover{background:var(--nice-bg-hover, #f0f0f0)}.nice-transfer-list__group-icon{font-size:10px;color:var(--nice-text-secondary, #666)}.nice-transfer-list__group-name{flex:1}.nice-transfer-list__group-count{font-size:12px;color:var(--nice-text-secondary, #666);font-weight:400}.nice-transfer-list__group-items{padding-left:8px}.nice-transfer-list__operations{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 8px}.nice-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--nice-border-color, #d9d9d9);border-radius:4px;background:var(--nice-bg-color, #fff);cursor:pointer;font-size:16px;transition:all .2s}.nice-transfer-list__btn:hover:not(:disabled){border-color:var(--nice-primary-color, #1890ff);color:var(--nice-primary-color, #1890ff)}.nice-transfer-list__btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.nice-transfer-list__panel{background:var(--nice-bg-color-dark, #1f1f1f);border-color:var(--nice-border-color-dark, #434343)}.nice-transfer-list__header{background:var(--nice-bg-muted-dark, #262626);border-color:var(--nice-border-color-dark, #434343)}.nice-transfer-list__search{border-color:var(--nice-border-color-dark, #434343)}.nice-transfer-list__search-input{background:var(--nice-bg-color-dark, #1f1f1f);border-color:var(--nice-border-color-dark, #434343);color:var(--nice-text-color-dark, #fff)}.nice-transfer-list__item:hover{background:var(--nice-bg-hover-dark, #262626)}.nice-transfer-list__item--selected{background:var(--nice-primary-bg-dark, #111d2c)}.nice-transfer-list__group-header{background:var(--nice-bg-muted-dark, #262626)}.nice-transfer-list__btn{background:var(--nice-bg-color-dark, #1f1f1f);border-color:var(--nice-border-color-dark, #434343);color:var(--nice-text-color-dark, #fff)}}.nice-country-picker{position:relative;display:inline-block;width:100%;max-width:320px;font-family:inherit}.nice-country-picker--sm{font-size:12px}.nice-country-picker--md{font-size:14px}.nice-country-picker--lg{font-size:16px}.nice-country-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);cursor:pointer;text-align:left;font-size:inherit;color:var(--nice-text, #1f2937);transition:border-color .2s,box-shadow .2s}.nice-country-picker--sm .nice-country-picker__trigger{padding:6px 10px}.nice-country-picker--lg .nice-country-picker__trigger{padding:10px 14px}.nice-country-picker__trigger:hover:not(:disabled){border-color:var(--nice-primary, #3b82f6)}.nice-country-picker__trigger:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.nice-country-picker--open .nice-country-picker__trigger{border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #f3f4f6);color:var(--nice-disabled-text, #9ca3af);cursor:not-allowed}.nice-country-picker__value{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.nice-country-picker__flag{font-size:1.2em;line-height:1;flex-shrink:0}.nice-country-picker__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-country-picker__dial-code{color:var(--nice-text-secondary, #6b7280);font-size:.9em;flex-shrink:0}.nice-country-picker__placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-country-picker__icons{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.nice-country-picker__clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;color:var(--nice-text-secondary, #6b7280);background:var(--nice-hover-bg, #f3f4f6);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.nice-country-picker__clear:hover{background:var(--nice-danger, #ef4444);color:#fff}.nice-country-picker__arrow{font-size:10px;color:var(--nice-text-secondary, #6b7280);transition:transform .2s}.nice-country-picker__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--nice-bg, #fff);border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;box-shadow:0 10px 25px #00000026;z-index:1000;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.nice-country-picker__search{padding:8px;border-bottom:1px solid var(--nice-border-color, #e5e7eb);flex-shrink:0}.nice-country-picker__search-input{width:100%;padding:8px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:4px;font-size:inherit;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937)}.nice-country-picker__search-input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.nice-country-picker__search-input::placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-country-picker__list{flex:1;overflow-y:auto;padding:4px}.nice-country-picker__option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .15s}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:var(--nice-hover-bg, #f3f4f6)}.nice-country-picker__option--selected{background:var(--nice-primary-light, #dbeafe);color:var(--nice-primary, #3b82f6)}.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:var(--nice-primary-light, #dbeafe)}.nice-country-picker__option .nice-country-picker__dial-code{margin-left:auto}.nice-country-picker__empty{padding:16px;text-align:center;color:var(--nice-text-secondary, #6b7280)}@media(prefers-color-scheme:dark){.nice-country-picker__trigger{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker--disabled .nice-country-picker__trigger{background:var(--nice-disabled-bg, #374151);color:var(--nice-disabled-text, #6b7280)}.nice-country-picker__dropdown{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);box-shadow:0 10px 25px #0006}.nice-country-picker__search{border-color:var(--nice-border-color, #374151)}.nice-country-picker__search-input{background:var(--nice-bg, #111827);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-country-picker__option:hover,.nice-country-picker__option--highlighted{background:var(--nice-hover-bg, #374151)}.nice-country-picker__option--selected,.nice-country-picker__option--selected:hover,.nice-country-picker__option--selected.nice-country-picker__option--highlighted{background:var(--nice-primary-dark, #1e3a8a)}.nice-country-picker__clear{background:var(--nice-hover-bg, #374151);color:var(--nice-text-secondary, #9ca3af)}}.nice-country-picker__list::-webkit-scrollbar{width:8px}.nice-country-picker__list::-webkit-scrollbar-track{background:transparent}.nice-country-picker__list::-webkit-scrollbar-thumb{background:var(--nice-border-color, #d1d5db);border-radius:4px}.nice-country-picker__list::-webkit-scrollbar-thumb:hover{background:var(--nice-text-secondary, #9ca3af)}.nice-emoji-picker{display:flex;flex-direction:column;width:320px;max-height:400px;background:var(--nice-bg, #fff);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;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:8px;padding:10px;border-bottom:1px solid var(--nice-border-color, #e5e7eb);flex-shrink:0}.nice-emoji-picker__search-input{flex:1;padding:8px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;font-size:14px;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937)}.nice-emoji-picker__search-input:focus{outline:none;border-color:var(--nice-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.nice-emoji-picker__search-input::placeholder{color:var(--nice-placeholder, #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(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);cursor:pointer;font-size:18px;transition:border-color .15s,background .15s}.nice-emoji-picker__skin-tone-btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-menu{position:absolute;top:100%;right:0;margin-top:4px;display:flex;gap:4px;padding:6px;background:var(--nice-bg, #fff);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;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:6px;background:transparent;cursor:pointer;font-size:18px;transition:background .15s,border-color .15s}.nice-emoji-picker__skin-tone-option:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-emoji-picker__skin-tone-option--selected{border-color:var(--nice-primary, #3b82f6);background:var(--nice-primary-light, #dbeafe)}.nice-emoji-picker__categories{display:flex;border-bottom:1px solid var(--nice-border-color, #e5e7eb);padding:4px 8px;gap: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:6px;background:transparent;cursor:pointer;font-size:18px;flex-shrink:0;transition:background .15s}.nice-emoji-picker__category-btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-emoji-picker__category-btn--selected{background:var(--nice-primary-light, #dbeafe)}.nice-emoji-picker__grid-container{flex:1;overflow-y:auto;padding:8px}.nice-emoji-picker__section{margin-bottom:12px}.nice-emoji-picker__section:last-child{margin-bottom:0}.nice-emoji-picker__section-title{font-size:12px;font-weight:600;color:var(--nice-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:4px}.nice-emoji-picker__grid{display:grid;gap:2px}.nice-emoji-picker__emoji{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:22px;transition:background .15s,transform .1s}.nice-emoji-picker__emoji:hover{background:var(--nice-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:24px;text-align:center;color:var(--nice-text-secondary, #6b7280);font-size:13px}@media(prefers-color-scheme:dark){.nice-emoji-picker{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);box-shadow:0 4px 12px #0000004d}.nice-emoji-picker__search{border-color:var(--nice-border-color, #374151)}.nice-emoji-picker__search-input{background:var(--nice-bg, #111827);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-emoji-picker__skin-tone-btn{background:var(--nice-bg, #111827);border-color:var(--nice-border-color, #374151)}.nice-emoji-picker__skin-tone-btn:hover,.nice-emoji-picker__skin-tone-option:hover{background:var(--nice-hover-bg, #374151)}.nice-emoji-picker__skin-tone-menu{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);box-shadow:0 4px 12px #0006}.nice-emoji-picker__skin-tone-option--selected{background:var(--nice-primary-dark, #1e3a8a)}.nice-emoji-picker__categories{border-color:var(--nice-border-color, #374151)}.nice-emoji-picker__category-btn:hover{background:var(--nice-hover-bg, #374151)}.nice-emoji-picker__category-btn--selected{background:var(--nice-primary-dark, #1e3a8a)}.nice-emoji-picker__emoji:hover{background:var(--nice-hover-bg, #374151)}}.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(--nice-border-color, #d1d5db);border-radius:4px}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb:hover{background:var(--nice-text-secondary, #9ca3af)}.nice-crop-editor{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;font-family:inherit}.nice-crop-editor__container{position:relative;width:100%;height:0;padding-bottom:75%;background:#1a1a1a;border-radius: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:#00000080}.nice-crop-editor__crop-area{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #00000080;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:#fff6}.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:#fff;border:2px solid var(--nice-primary, #3b82f6);border-radius:2px;z-index:1}.nice-crop-editor__handle:hover{background:var(--nice-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:12px;padding:12px;background:var(--nice-bg, #fff);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:8px}.nice-crop-editor__control-group{display:flex;flex-direction:column;gap:6px}.nice-crop-editor__control-group--row{flex-direction:row;align-items:center;gap:8px}.nice-crop-editor__label{font-size:12px;font-weight:600;color:var(--nice-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-crop-editor__aspect-buttons{display:flex;flex-wrap:wrap;gap:6px}.nice-crop-editor__aspect-btn{padding:6px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__aspect-btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-crop-editor__aspect-btn--selected{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:#fff}.nice-crop-editor__aspect-btn--selected:hover{background:var(--nice-primary-hover, #2563eb)}.nice-crop-editor__slider{width:100%;height:6px;appearance:none;background:var(--nice-border-color, #d1d5db);border-radius:3px;cursor:pointer}.nice-crop-editor__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--nice-primary, #3b82f6);border-radius:50%;cursor:pointer;transition:background .15s}.nice-crop-editor__slider::-webkit-slider-thumb:hover{background:var(--nice-primary-hover, #2563eb)}.nice-crop-editor__slider::-moz-range-thumb{width:18px;height:18px;background:var(--nice-primary, #3b82f6);border:none;border-radius:50%;cursor:pointer}.nice-crop-editor__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-crop-editor__btn--active{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:#fff}.nice-crop-editor__btn--reset{margin-left:auto;color:var(--nice-danger, #ef4444)}.nice-crop-editor__btn--reset:hover{background:var(--nice-danger-light, #fee2e2)}@media(prefers-color-scheme:dark){.nice-crop-editor__controls{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151)}.nice-crop-editor__aspect-btn{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-crop-editor__aspect-btn:hover{background:var(--nice-hover-bg, #374151)}.nice-crop-editor__slider{background:var(--nice-border-color, #374151)}.nice-crop-editor__btn{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-crop-editor__btn:hover{background:var(--nice-hover-bg, #374151)}.nice-crop-editor__btn--reset:hover{background:#ef444433}}.nice-floating-input{display:inline-flex;flex-direction:column;position:relative;font-family:inherit}.nice-floating-input--full-width{display:flex;width:100%}.nice-floating-input--sm{font-size:13px}.nice-floating-input--sm .nice-floating-input__input{padding:16px 12px 8px}.nice-floating-input--sm .nice-floating-input__label{font-size:13px}.nice-floating-input--sm .nice-floating-input__label--floating{font-size:10px}.nice-floating-input--md{font-size:14px}.nice-floating-input--lg{font-size:16px}.nice-floating-input--lg .nice-floating-input__input{padding:24px 16px 14px}.nice-floating-input--lg .nice-floating-input__label{font-size:16px}.nice-floating-input--lg .nice-floating-input__label--floating{font-size:12px}.nice-floating-input__container{display:flex;align-items:center;position:relative}.nice-floating-input__field{position:relative;flex:1}.nice-floating-input__input{width:100%;padding:20px 14px 12px;border:none;background:transparent;font-size:inherit;font-family:inherit;color:var(--nice-text, #1f2937);outline:none;z-index:1;position:relative}.nice-floating-input__input::placeholder{color:transparent}.nice-floating-input__input:focus::placeholder{color:var(--nice-placeholder, #9ca3af)}.nice-floating-input__input--textarea{resize:vertical;min-height:80px}.nice-floating-input--disabled .nice-floating-input__input{color:var(--nice-disabled-text, #9ca3af);cursor:not-allowed}.nice-floating-input--has-start-icon .nice-floating-input__input{padding-left:44px}.nice-floating-input--has-end-icon .nice-floating-input__input{padding-right:44px}.nice-floating-input__label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--nice-text-secondary, #6b7280);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left top;z-index:2}.nice-floating-input--textarea .nice-floating-input__label{top:20px}.nice-floating-input__label--floating{top:8px;transform:translateY(0);font-size:11px;color:var(--nice-primary, #3b82f6)}.nice-floating-input--textarea .nice-floating-input__label--floating{top:6px}.nice-floating-input--has-start-icon .nice-floating-input__label{left:44px}.nice-floating-input__required{color:var(--nice-danger, #ef4444);margin-left:2px}.nice-floating-input--error .nice-floating-input__label{color:var(--nice-danger, #ef4444)}.nice-floating-input--success .nice-floating-input__label--floating{color:var(--nice-success, #10b981)}.nice-floating-input--outlined .nice-floating-input__fieldset{position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;pointer-events:none;overflow:hidden}.nice-floating-input--outlined.nice-floating-input--focused .nice-floating-input__fieldset{border-color:var(--nice-primary, #3b82f6);border-width:2px}.nice-floating-input--outlined.nice-floating-input--error .nice-floating-input__fieldset{border-color:var(--nice-danger, #ef4444)}.nice-floating-input--outlined.nice-floating-input--success .nice-floating-input__fieldset{border-color:var(--nice-success, #10b981)}.nice-floating-input--outlined.nice-floating-input--disabled .nice-floating-input__fieldset{border-color:var(--nice-disabled-border, #e5e7eb)}.nice-floating-input__legend{visibility:hidden;max-width:.01px;padding:0;height:11px;font-size:11px;transition:max-width .1s cubic-bezier(.4,0,.2,1)}.nice-floating-input__legend--floating{max-width:100%;padding:0 4px}.nice-floating-input__legend span{display:inline-block;opacity:0}.nice-floating-input--filled .nice-floating-input__field{background:var(--nice-filled-bg, #f3f4f6);border-radius:6px 6px 0 0;border-bottom:1px solid var(--nice-border-color, #d1d5db)}.nice-floating-input--filled .nice-floating-input__field:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--nice-primary, #3b82f6);transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.nice-floating-input--filled.nice-floating-input--focused .nice-floating-input__field:after{transform:scaleX(1)}.nice-floating-input--filled.nice-floating-input--error .nice-floating-input__field{border-color:var(--nice-danger, #ef4444)}.nice-floating-input--filled.nice-floating-input--error .nice-floating-input__field:after{background:var(--nice-danger, #ef4444);transform:scaleX(1)}.nice-floating-input--filled.nice-floating-input--success .nice-floating-input__field:after{background:var(--nice-success, #10b981)}.nice-floating-input--filled.nice-floating-input--disabled .nice-floating-input__field{background:var(--nice-disabled-bg, #e5e7eb)}.nice-floating-input--standard .nice-floating-input__field{border-bottom:1px solid var(--nice-border-color, #d1d5db)}.nice-floating-input--standard .nice-floating-input__field:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--nice-primary, #3b82f6);transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.nice-floating-input--standard.nice-floating-input--focused .nice-floating-input__field:after{transform:scaleX(1)}.nice-floating-input--standard .nice-floating-input__input{padding-left:0;padding-right:0}.nice-floating-input--standard .nice-floating-input__label{left:0}.nice-floating-input--standard.nice-floating-input--error .nice-floating-input__field{border-color:var(--nice-danger, #ef4444)}.nice-floating-input--standard.nice-floating-input--error .nice-floating-input__field:after{background:var(--nice-danger, #ef4444);transform:scaleX(1)}.nice-floating-input__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--nice-text-secondary, #6b7280);top:50%;transform:translateY(-50%);z-index:2}.nice-floating-input__icon--start{left:12px}.nice-floating-input__icon--end{right:12px}.nice-floating-input--focused .nice-floating-input__icon{color:var(--nice-primary, #3b82f6)}.nice-floating-input--error .nice-floating-input__icon{color:var(--nice-danger, #ef4444)}.nice-floating-input__footer{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 14px 0;min-height:20px}.nice-floating-input__helper{font-size:12px;color:var(--nice-text-secondary, #6b7280)}.nice-floating-input__error{font-size:12px;color:var(--nice-danger, #ef4444)}.nice-floating-input__counter{font-size:12px;color:var(--nice-text-secondary, #6b7280);margin-left:auto}@media(prefers-color-scheme:dark){.nice-floating-input__input{color:var(--nice-text, #f3f4f6)}.nice-floating-input--outlined .nice-floating-input__fieldset{border-color:var(--nice-border-color, #374151)}.nice-floating-input--filled .nice-floating-input__field{background:var(--nice-filled-bg, #374151);border-color:var(--nice-border-color, #4b5563)}.nice-floating-input--filled.nice-floating-input--disabled .nice-floating-input__field{background:var(--nice-disabled-bg, #1f2937)}.nice-floating-input--standard .nice-floating-input__field{border-color:var(--nice-border-color, #4b5563)}.nice-floating-input__label{color:var(--nice-text-secondary, #9ca3af)}.nice-floating-input--disabled .nice-floating-input__input{color:var(--nice-disabled-text, #6b7280)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.nice-floating-input--error .nice-floating-input__container{animation:shake .3s ease-out}
|
|
1
|
+
.nice-html-editor-ai{--ai-primary: #6366f1;--ai-primary-light: #818cf8;--ai-bg: #f8fafc;--ai-border: #e2e8f0;--ai-text: #334155;--ai-text-muted: #64748b;--ai-success: #22c55e;--ai-panel-bg: #ffffff;--ai-translate: #0ea5e9;--ai-improve: #f59e0b;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-html-editor-ai,.nice-html-editor-ai.dark{--ai-primary: #818cf8;--ai-primary-light: #a5b4fc;--ai-bg: #1e293b;--ai-border: #334155;--ai-text: #e2e8f0;--ai-text-muted: #94a3b8;--ai-success: #4ade80;--ai-panel-bg: #0f172a}.nice-html-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);gap:8px}.nice-html-editor-ai__toolbar-left{display:flex;align-items:center;gap:12px}.nice-html-editor-ai__badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-primary);background:#fff;border-radius: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:4px}.nice-html-editor-ai__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6}.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:4px;padding:4px 0;background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:6px;box-shadow:0 10px 25px #00000026;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:8px 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:12px;box-shadow:0 25px 50px #00000040;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:16px 20px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);border-radius:12px 12px 0 0;gap: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: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:20px}.nice-html-editor-ai__panel-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--ai-border)}.nice-html-editor-ai__style-selector{display:flex;gap:4px}.nice-html-editor-ai__style-btn{padding:4px 10px;font-size:12px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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:6px 10px;font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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:16px}.nice-html-editor-ai__text-block{display:flex;flex-direction:column;gap: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:12px;font-size:14px;line-height:1.6;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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: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:10px;border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:spin .8s linear infinite}.nice-html-editor-ai__generate-input{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.nice-html-editor-ai__generate-textarea{width:100%;padding: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: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:10px 24px;font-size:14px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius: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:16px}.nice-html-editor-ai__generate-result h5{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ai-text-muted)}.nice-html-editor-ai__preview{padding:16px;margin-bottom:16px;background:#fff;border:1px solid var(--ai-border);border-radius:6px;line-height:1.6}.nice-html-editor-ai__code{margin:0;padding: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:6px;overflow-x:auto;max-height:200px;white-space:pre-wrap}.nice-html-editor-ai__apply{padding:8px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.nice-html-editor-ai__apply:hover:not(:disabled){background:#16a34a}.nice-html-editor-ai__apply:disabled{opacity:.6;cursor:not-allowed}.nice-html-editor-ai__cancel{padding:8px 20px;font-size:14px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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: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:8px}}.nice-html-editor-ai__panel:before{content:"";position:fixed;inset:0;background:#0006;z-index:-1}.nice-code-editor-ai{--ai-primary: #6366f1;--ai-primary-light: #818cf8;--ai-bg: #f8fafc;--ai-border: #e2e8f0;--ai-text: #334155;--ai-text-muted: #64748b;--ai-ghost: rgba(99, 102, 241, .4);--ai-success: #22c55e;--ai-panel-bg: #ffffff;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--ai-border)}[data-theme=dark] .nice-code-editor-ai,.nice-code-editor-ai.dark{--ai-primary: #818cf8;--ai-primary-light: #a5b4fc;--ai-bg: #1e293b;--ai-border: #334155;--ai-text: #e2e8f0;--ai-text-muted: #94a3b8;--ai-ghost: rgba(129, 140, 248, .5);--ai-success: #4ade80;--ai-panel-bg: #0f172a}.nice-code-editor-ai__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);gap:8px}.nice-code-editor-ai__toolbar-left{display:flex;align-items:center;gap:12px}.nice-code-editor-ai__toolbar-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 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: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:4px}.nice-code-editor-ai__toolbar-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--ai-text);background:transparent;border:1px solid var(--ai-border);border-radius: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: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:2px 6px;font-size:10px;font-weight:500;color:var(--ai-text-muted);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:3px;margin-left: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:8px 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: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:12px}.nice-code-editor-ai__panel-loading{display:flex;align-items:center;justify-content:center;padding: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:8px;border:2px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nice-code-editor-ai__code-preview{margin:0 0 12px;padding: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: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: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:8px;margin-bottom:12px}.nice-code-editor-ai__refactor-input input{flex:1;padding:8px 12px;font-size:13px;color:var(--ai-text);background:var(--ai-bg);border:1px solid var(--ai-border);border-radius: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:8px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--ai-primary);border:none;border-radius: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:12px}.nice-code-editor-ai__refactor-result h5{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ai-success)}.nice-code-editor-ai__refactor-actions{display:flex;gap:8px;margin-top:12px}.nice-code-editor-ai__refactor-apply{padding:6px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--ai-success);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-code-editor-ai__refactor-apply:hover{background:#16a34a}.nice-code-editor-ai__refactor-discard{padding:6px 16px;font-size:13px;font-weight:500;color:var(--ai-text-muted);background:transparent;border:1px solid var(--ai-border);border-radius: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:6px 8px}.nice-code-editor-ai--sm .nice-code-editor-ai__toolbar-btn{padding:2px 6px;font-size:11px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar{padding:10px 16px}.nice-code-editor-ai--lg .nice-code-editor-ai__toolbar-btn{padding:6px 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: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:8px;box-shadow:0 4px 12px #0000001a;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:8px;padding:10px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.nice-emoji-picker__search-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius: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 #3b82f626}.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: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:4px;display:flex;gap:4px;padding:6px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;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: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:4px 8px;gap: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: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:8px}.nice-emoji-picker__section{margin-bottom: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:8px;padding-left:4px}.nice-emoji-picker__grid{display:grid;gap:2px}.nice-emoji-picker__emoji{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius: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: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:4px}.nice-emoji-picker__grid-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.nice-crop-editor{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;font-family:inherit}.nice-crop-editor__container{position:relative;width:100%;height:0;padding-bottom:75%;background:#1a1a1a;border-radius: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:#00000080}.nice-crop-editor__crop-area{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #00000080;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:#fff6}.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:#fff;border:2px solid var(--nice-primary, #3b82f6);border-radius:2px;z-index:1}.nice-crop-editor__handle:hover{background:var(--nice-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:12px;padding:12px;background:var(--nice-bg, #fff);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:8px}.nice-crop-editor__control-group{display:flex;flex-direction:column;gap:6px}.nice-crop-editor__control-group--row{flex-direction:row;align-items:center;gap:8px}.nice-crop-editor__label{font-size:12px;font-weight:600;color:var(--nice-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.nice-crop-editor__aspect-buttons{display:flex;flex-wrap:wrap;gap:6px}.nice-crop-editor__aspect-btn{padding:6px 12px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__aspect-btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-crop-editor__aspect-btn--selected{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:#fff}.nice-crop-editor__aspect-btn--selected:hover{background:var(--nice-primary-hover, #2563eb)}.nice-crop-editor__slider{width:100%;height:6px;appearance:none;background:var(--nice-border-color, #d1d5db);border-radius:3px;cursor:pointer}.nice-crop-editor__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--nice-primary, #3b82f6);border-radius:50%;cursor:pointer;transition:background .15s}.nice-crop-editor__slider::-webkit-slider-thumb:hover{background:var(--nice-primary-hover, #2563eb)}.nice-crop-editor__slider::-moz-range-thumb{width:18px;height:18px;background:var(--nice-primary, #3b82f6);border:none;border-radius:50%;cursor:pointer}.nice-crop-editor__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--nice-border-color, #d1d5db);border-radius:6px;background:var(--nice-bg, #fff);color:var(--nice-text, #1f2937);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.nice-crop-editor__btn:hover{background:var(--nice-hover-bg, #f3f4f6)}.nice-crop-editor__btn--active{background:var(--nice-primary, #3b82f6);border-color:var(--nice-primary, #3b82f6);color:#fff}.nice-crop-editor__btn--reset{margin-left:auto;color:var(--nice-danger, #ef4444)}.nice-crop-editor__btn--reset:hover{background:var(--nice-danger-light, #fee2e2)}@media(prefers-color-scheme:dark){.nice-crop-editor__controls{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151)}.nice-crop-editor__aspect-btn{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-crop-editor__aspect-btn:hover{background:var(--nice-hover-bg, #374151)}.nice-crop-editor__slider{background:var(--nice-border-color, #374151)}.nice-crop-editor__btn{background:var(--nice-bg, #1f2937);border-color:var(--nice-border-color, #374151);color:var(--nice-text, #f3f4f6)}.nice-crop-editor__btn:hover{background:var(--nice-hover-bg, #374151)}.nice-crop-editor__btn--reset:hover{background:#ef444433}}
|