.webhook-page{padding:70px 0 100px}.wh-shell{border:1px solid var(--border-color);border-radius:18px;overflow:hidden;background:#050e18;box-shadow:var(--shadow)}.wh-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-color);background:#091725}.wh-tabs,.wh-top-actions{display:flex;gap:7px;align-items:center}.wh-tabs button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:800}.wh-tabs button.active{border-color:var(--border-color);background:var(--input-bg);color:var(--text-primary)}.wh-tabs svg{width:15px;height:15px}.wh-top-actions .btn{padding:8px 10px;font-size:.7rem}.wh-editor{display:grid;grid-template-columns:180px minmax(0,1fr) 390px;min-height:760px}.wh-sidebar{padding:12px;background:#07131f;border-right:1px solid var(--border-color)}.wh-side-head,.wh-fields-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:.72rem}.wh-embed-list{display:grid;gap:7px;margin-bottom:9px}.wh-embed-item{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--border-color);border-radius:9px;background:var(--input-bg);cursor:pointer;font-size:.67rem}.wh-embed-item.active{border-color:var(--primary);background:rgba(22,140,255,.1)}.wh-embed-color{width:5px;height:28px;border-radius:99px}.wh-full{width:100%;justify-content:center;font-size:.67rem}.wh-move-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:6px}.wh-move-row .btn{padding:7px}.danger{color:#ff7b88!important}.wh-form{min-width:0;padding:12px;overflow:auto;background:#06101b}.wh-section{margin-bottom:9px;border:1px solid var(--border-color);border-radius:11px;background:rgba(255,255,255,.018);overflow:hidden}.wh-section>summary{display:flex;align-items:center;gap:7px;padding:11px;list-style:none;cursor:pointer;font-weight:800;font-size:.72rem}.wh-section>summary::-webkit-details-marker{display:none}.wh-section>summary>span{margin-left:auto;color:var(--text-muted);font-size:.62rem}.wh-section>summary svg{width:16px;height:16px;color:var(--primary-light)}.wh-section[open]>summary{border-bottom:1px solid var(--border-color);background:rgba(22,140,255,.035)}.wh-section-body{padding:12px}.wh-section .field label{display:flex;justify-content:space-between}.wh-section .field label span{color:var(--text-muted);font-size:.62rem}.wh-color{display:grid;grid-template-columns:48px 1fr;gap:7px}.wh-color input[type=color]{height:42px;padding:3px}.wh-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}.wh-check-grid label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);font-size:.65rem}.wh-load-message{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:10px}.wh-fields{display:grid;gap:7px}.wh-field{padding:9px;border:1px solid var(--border-color);border-radius:9px;background:var(--input-bg)}.wh-field-grid{display:grid;grid-template-columns:1fr 1.3fr auto;gap:7px;align-items:start}.wh-field textarea{min-height:70px}.wh-field-tools{display:grid;gap:5px}.wh-field-tools label{display:flex;align-items:center;gap:4px;font-size:.58rem;color:var(--text-muted)}.wh-file-drop{display:flex;align-items:center;gap:10px;padding:16px;border:1px dashed var(--border-hover);border-radius:10px;cursor:pointer}.wh-file-drop svg{color:var(--primary-light)}.wh-file-drop strong,.wh-file-drop small{display:block}.wh-file-drop small{color:var(--text-muted);font-size:.62rem}.wh-file-list{display:grid;gap:6px;margin-top:8px}.wh-file-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border:1px solid var(--border-color);border-radius:8px;font-size:.65rem}.wh-preview-panel{display:flex;flex-direction:column;min-width:0;background:#101218;border-left:1px solid var(--border-color)}.wh-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #252832;background:#17191f;font-size:.72rem}.wh-preview-head span{display:flex;gap:6px;align-items:center;font-weight:800}.wh-preview-head small{color:#8b8d93}.wh-discord-preview{flex:1;min-height:530px;padding:18px 14px;overflow:auto;color:#dbdee1;font-family:Arial,sans-serif}.wh-message{display:grid;grid-template-columns:40px 1fr;gap:10px}.wh-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#5865f2;display:grid;place-items:center}.wh-avatar img{width:100%;height:100%;object-fit:cover}.wh-name{font-weight:700;font-size:.92rem;color:#f2f3f5}.wh-bot{font-size:.55rem;padding:2px 4px;border-radius:3px;background:#5865f2;margin-left:5px}.wh-content{margin-top:3px;font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere}.wh-preview-embed{position:relative;max-width:520px;margin-top:8px;padding:10px 12px 12px 14px;border-radius:4px;background:#2b2d31;overflow:hidden}.wh-preview-embed::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--embed-color,#168cff)}.wh-preview-embed h3{font-size:.95rem;margin:5px 0;color:#f2f3f5}.wh-preview-embed p{font-size:.82rem;white-space:pre-wrap;margin:4px 0;color:#dbdee1}.wh-author{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700}.wh-author img,.wh-footer img{width:20px;height:20px;border-radius:50%}.wh-thumb{float:right;width:80px;height:80px;object-fit:cover;border-radius:4px;margin-left:12px}.wh-image{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:4px;margin-top:10px}.wh-preview-fields{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-top:8px}.wh-pfield{grid-column:1/-1;min-width:0}.wh-pfield.inline{grid-column:span 4}.wh-pfield strong,.wh-pfield span{display:block;font-size:.7rem;overflow-wrap:anywhere}.wh-pfield span{margin-top:2px;color:#dbdee1}.wh-footer{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:.62rem;color:#b5bac1}.wh-send-zone{padding:12px;border-top:1px solid #252832;background:#17191f}.wh-send-zone>.btn{width:100%;justify-content:center;margin-bottom:7px}.wh-json-tab{padding:12px}.wh-json-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:10px}.wh-json-toolbar .meta-chip{margin-left:auto}.wh-json-tab textarea{width:100%;min-height:650px;padding:14px;border:1px solid var(--border-color);border-radius:10px;background:#01060c;color:#b9d8f2;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.wh-attachments-preview{margin-top:8px;color:#00a8fc;font-size:.72rem}
@media(max-width:1180px){.wh-editor{grid-template-columns:155px minmax(0,1fr);grid-template-areas:"side form" "preview preview"}.wh-sidebar{grid-area:side}.wh-form{grid-area:form}.wh-preview-panel{grid-area:preview;border-left:0;border-top:1px solid var(--border-color)}.wh-discord-preview{min-height:300px}}@media(max-width:760px){.webhook-page{padding-top:45px}.wh-topbar{align-items:stretch;flex-direction:column}.wh-top-actions{display:grid;grid-template-columns:1fr 1fr auto}.wh-editor{display:block}.wh-sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.wh-embed-list{display:flex;overflow-x:auto}.wh-embed-item{flex:0 0 145px}.wh-form{padding:8px}.wh-check-grid,.wh-field-grid,.wh-load-message{grid-template-columns:1fr}.wh-preview-panel{border-top:1px solid var(--border-color)}.wh-discord-preview{padding:14px 9px}.wh-pfield.inline{grid-column:1/-1}.wh-json-toolbar{flex-wrap:wrap}.wh-json-toolbar .meta-chip{margin-left:0}.wh-json-tab textarea{min-height:480px}}@media(max-width:440px){.wh-top-actions{grid-template-columns:1fr}.wh-top-actions>*{width:100%;justify-content:center}.wh-tabs{display:grid;grid-template-columns:1fr 1fr}.wh-tabs button{justify-content:center}.wh-section-body{padding:9px}.wh-section .control-grid{grid-template-columns:1fr}}