.p-html-input{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.p-html-input:hover{border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.05)}.p-html-input__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:120px;max-height:200px;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;margin-bottom:12px;position:relative;background:linear-gradient(135deg,#1e2330,#151a24 50%,#0f1318);box-shadow:inset 0 0 60px rgba(0,0,0,.4),inset 0 0 120px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2)}.p-html-input__preview:after,.p-html-input__preview:before{content:"";position:absolute;width:24px;height:24px;border-style:solid;border-color:rgba(59,130,246,.3);pointer-events:none;z-index:1}.p-html-input__preview:before{top:8px;left:8px;border-width:2px 0 0 2px;border-top-left-radius:4px;box-shadow:-1px -1px 12px rgba(59,130,246,.15),inset -1px -1px 8px rgba(59,130,246,.1)}.p-html-input__preview:after{bottom:8px;right:8px;border-width:0 2px 2px 0;border-bottom-right-radius:4px;box-shadow:1px 1px 12px rgba(99,102,241,.15),inset 1px 1px 8px rgba(99,102,241,.1)}.p-html-input__badge{position:absolute;top:8px;right:8px;z-index:2;display:inline-block;padding:2px 8px;background:rgba(59,130,246,.2);color:#93c5fd;font-size:10px;font-weight:600;border-radius:9999px;border:1px solid rgba(59,130,246,.25)}.p-html-input__preview-content{width:100%;padding:12px;overflow:auto;max-height:200px;color:#e2e8f0;font-size:12px;line-height:1.5;position:relative;z-index:1}.p-html-input__preview-content h1,.p-html-input__preview-content h2,.p-html-input__preview-content h3,.p-html-input__preview-content h4,.p-html-input__preview-content h5,.p-html-input__preview-content h6{margin:.3em 0;font-weight:600;color:#f1f5f9}.p-html-input__preview-content p{margin:.3em 0}.p-html-input__preview-content a{color:#93c5fd;text-decoration:underline}.p-html-input__preview-content img{max-width:100%;height:auto;border-radius:4px}.p-html-input__preview-content table{border-collapse:collapse;width:100%}.p-html-input__preview-content td,.p-html-input__preview-content th{border:1px solid hsla(0,0%,100%,.1);padding:4px 8px;text-align:left;font-size:11px}.p-html-input__preview-content th{background:hsla(0,0%,100%,.05)}.p-html-input__preview-content iframe{max-width:100%}.p-html-input__preview-content blockquote{border-left:3px solid rgba(99,102,241,.4);margin:.3em 0;padding:.3em .8em;color:#94a3b8}.p-html-input__preview-content code{background:hsla(0,0%,100%,.08);padding:1px 4px;border-radius:3px;font-size:.9em}.p-html-input__preview-content pre{background:hsla(0,0%,100%,.05);padding:8px;border-radius:4px;overflow-x:auto}.p-html-input__preview-content pre code{background:none;padding:0}.p-html-input__preview-content ol,.p-html-input__preview-content ul{padding-left:1.2em;margin:.3em 0}.p-html-input__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.p-html-input__controls{display:flex;flex-direction:column;gap:8px}.p-html-input__browse-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(37,99,235,.2)}.p-html-input__browse-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 4px rgba(37,99,235,.3)}.p-html-input__browse-btn:active{transform:translateY(1px)}.p-html-input__clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:rgba(0,0,0,0);color:#6b7280;font-size:12px;font-weight:500;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.p-html-input__clear-btn:hover{color:#ef4444;border-color:#fca5a5;background:rgba(239,68,68,.05)}.p-html-input__clear-btn:active{transform:translateY(1px)}@media(width <= 640px){.p-html-input{padding:10px}.p-html-input__preview{min-height:100px}}@media(prefers-color-scheme:dark){.p-html-input{background:#1f2937;border-color:#374151}.p-html-input__preview{background:linear-gradient(135deg,#2a2f42,#1e2333 50%,#14181f);border-color:#374151;box-shadow:inset 0 0 60px rgba(0,0,0,.5),inset 0 0 120px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.5)}.p-html-input__preview:before{border-color:rgba(129,140,248,.4);box-shadow:-1px -1px 14px rgba(129,140,248,.2),inset -1px -1px 10px rgba(129,140,248,.15)}.p-html-input__preview:after{border-color:rgba(139,92,246,.4);box-shadow:1px 1px 14px rgba(139,92,246,.2),inset 1px 1px 10px rgba(139,92,246,.15)}.p-html-input__empty-state{color:#6b7280}.p-html-input__clear-btn{border-color:#4b5563;color:#9ca3af}.p-html-input__clear-btn:hover{color:#f87171;border-color:#f87171;background:rgba(248,113,113,.1)}}.p-html-editor{position:relative;background:#1e1e2e;border:1px solid #313244;border-radius:8px;overflow:hidden}.p-html-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#181825;border-bottom:1px solid #313244}.p-html-editor__toolbar-left{display:flex;align-items:center;gap:6px}.p-html-editor__toolbar-label{font-size:11px;font-weight:600;color:#89b4fa;text-transform:uppercase;letter-spacing:.05em}.p-html-editor__toolbar-lines{font-size:10px;color:#6c7086;margin-left:4px}.p-html-editor__preview-toggle{display:flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(137,180,250,.1);border:1px solid rgba(137,180,250,.2);border-radius:4px;color:#89b4fa;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.p-html-editor__preview-toggle:hover{background:rgba(137,180,250,.2);border-color:rgba(137,180,250,.35)}.p-html-editor__preview-toggle--active{background:rgba(166,227,161,.15);border-color:rgba(166,227,161,.3);color:#a6e3a1}.p-html-editor__preview-toggle--active:hover{background:rgba(166,227,161,.25);border-color:rgba(166,227,161,.45)}.p-html-editor__editor{display:flex;min-height:300px;max-height:60vh}.p-html-editor__line-numbers{display:flex;flex-direction:column;padding:12px 0;min-width:36px;background:#181825;border-right:1px solid #313244;-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-html-editor__line-number{display:block;padding:0 8px;text-align:right;font-size:12px;color:#45475a}.p-html-editor__line-number,.p-html-editor__textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;line-height:20px}.p-html-editor__textarea{flex:1;padding:12px;background:rgba(0,0,0,0);border:none;color:#cdd6f4;font-size:13px;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;overflow-x:auto;min-height:300px}.p-html-editor__textarea::-moz-placeholder{color:#45475a}.p-html-editor__textarea::placeholder{color:#45475a}.p-html-editor__textarea:focus{outline:none}.p-html-editor__preview{border-top:1px solid #313244}.p-html-editor__preview-header{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#181825;border-bottom:1px solid #313244;font-size:11px;font-weight:500;color:#a6e3a1}.p-html-editor__preview-content{padding:16px;background:#fff;color:#1e1e2e;font-size:14px;line-height:1.6;min-height:80px;max-height:450px;overflow:auto}.p-html-editor__preview-content h1,.p-html-editor__preview-content h2,.p-html-editor__preview-content h3,.p-html-editor__preview-content h4,.p-html-editor__preview-content h5,.p-html-editor__preview-content h6{margin:.5em 0;font-weight:600}.p-html-editor__preview-content p{margin:.5em 0}.p-html-editor__preview-content a{color:#3b82f6;text-decoration:underline}.p-html-editor__preview-content img{max-width:100%;height:auto}.p-html-editor__preview-content table{border-collapse:collapse;width:100%}.p-html-editor__preview-content td,.p-html-editor__preview-content th{border:1px solid #e5e7eb;padding:8px;text-align:left}.p-html-editor__preview-content th{background:#f9fafb}.p-html-editor__preview-content iframe{max-width:100%}.p-html-editor__preview-content blockquote{border-left:3px solid #e5e7eb;margin:.5em 0;padding:.5em 1em;color:#6b7280}.p-html-editor__preview-content code{background:#f3f4f6;padding:2px 6px;border-radius:3px;font-size:.9em}.p-html-editor__preview-content pre{background:#f3f4f6;padding:12px;border-radius:6px;overflow-x:auto}.p-html-editor__preview-content pre code{background:none;padding:0}.p-html-editor__preview-content ol,.p-html-editor__preview-content ul{padding-left:1.5em;margin:.5em 0}.p-html-editor__footer{display:flex;align-items:center;padding:6px 12px;border-top:1px solid #313244;background:#181825}.p-html-editor__help-text{font-size:10px;color:#6c7086;line-height:1.4}.p-html-modal__footer-buttons{display:flex;justify-content:flex-end;gap:8px}@media(width <= 640px){.p-html-editor__editor{min-height:200px;max-height:50vh}.p-html-editor__textarea{font-size:12px;min-height:200px}.p-html-editor__line-numbers{min-width:28px}.p-html-editor__line-number{font-size:10px;padding:0 4px}}