.wdg-tool,.wdg-html-editor{--wdg-red:#F60641;--wdg-red-dark:#d4053a;--wdg-red-light:#fff0f3;--wdg-red-mid:#ffd6de;--wdg-bg:#ffffff;--wdg-surface:#ffffff;--wdg-surface2:#f8f9fb;--wdg-surface3:#f0f2f5;--wdg-border:#e5e8ed;--wdg-border2:#d0d4db;--wdg-text:#1a1d23;--wdg-text2:#5a6070;--wdg-text3:#9aa0ad;--wdg-green:#16a34a;--wdg-radius:12px;--wdg-radius-sm:7px;--wdg-shadow:0 2px 16px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--wdg-glow:0 4px 20px rgba(246,6,65,.2);--wdg-mono:'Courier New', Courier, monospace}.wdg-tool *,.wdg-html-editor *{box-sizing:border-box;margin:0;padding:0}.wdg-bulk-hyperlink{color:var(--wdg-text);padding:20px 0}.wdg-card{background:var(--wdg-surface);border:1px solid var(--wdg-border);border-radius:var(--wdg-radius);box-shadow:var(--wdg-shadow);overflow:hidden}.wdg-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:linear-gradient(135deg,#fff 60%,var(--wdg-red-light) 100%);border-bottom:2px solid var(--wdg-red)}.wdg-header-left{display:flex;align-items:center;gap:12px}.wdg-logo-mark{width:40px;height:40px;background:var(--wdg-red);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--wdg-glow);flex-shrink:0;color:#fff}.wdg-title{font-size:17px;font-weight:700;color:var(--wdg-text)}.wdg-subtitle{font-size:12px;color:var(--wdg-text2);margin-top:2px}.wdg-stat{background:var(--wdg-red-light);border:1px solid var(--wdg-red-mid);color:var(--wdg-red);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;font-family:var(--wdg-mono)}.wdg-input-row{display:grid;grid-template-columns:1fr 1fr}@media (max-width:620px){.wdg-input-row{grid-template-columns:1fr}.wdg-input-group:first-child{border-right:none!important}}.wdg-input-group{padding:18px 22px;border-bottom:1px solid var(--wdg-border)}.wdg-input-group:first-child{border-right:1px solid var(--wdg-border)}.wdg-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--wdg-text2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.wdg-label-hint{font-weight:400;color:var(--wdg-text3);text-transform:none;letter-spacing:0}.wdg-textarea{width:100%;min-height:170px;background:var(--wdg-surface2);border:1.5px solid var(--wdg-border);border-radius:var(--wdg-radius-sm);color:var(--wdg-text);font-family:var(--wdg-mono);font-size:13px;line-height:1.7;padding:11px 13px;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.wdg-textarea:focus{border-color:var(--wdg-red);box-shadow:0 0 0 3px rgb(246 6 65 / .1);background:#fff}.wdg-textarea::placeholder{color:var(--wdg-text3)}.wdg-options-bar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:13px 22px;background:var(--wdg-surface2);border-bottom:1px solid var(--wdg-border)}.wdg-chip{display:flex;align-items:center;gap:5px;background:var(--wdg-bg);border:1.5px solid var(--wdg-border);border-radius:20px;padding:5px 12px;cursor:pointer;transition:all .15s ease;user-select:none}.wdg-chip input[type="checkbox"]{width:13px;height:13px;accent-color:var(--wdg-red);cursor:pointer;flex-shrink:0}.wdg-chip span{font-size:12px;font-weight:600;color:var(--wdg-text2);white-space:nowrap}.wdg-chip:hover{border-color:var(--wdg-red);background:var(--wdg-red-light)}.wdg-chip:has(input:checked){border-color:var(--wdg-red);background:var(--wdg-red-light)}.wdg-chip:has(input:checked) span{color:var(--wdg-red)}.wdg-actions{display:flex;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid var(--wdg-border)}.wdg-btn-generate{display:flex;align-items:center;gap:7px;background:var(--wdg-red);color:#fff;border:none;border-radius:var(--wdg-radius-sm);padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:var(--wdg-glow)}.wdg-btn-generate:hover{background:var(--wdg-red-dark);transform:translateY(-1px);box-shadow:0 6px 24px rgb(246 6 65 / .3)}.wdg-btn-generate:active{transform:translateY(0)}.wdg-btn-icon{font-size:14px}.wdg-btn-clear{background:#fff0;border:1.5px solid var(--wdg-border2);color:var(--wdg-text2);border-radius:var(--wdg-radius-sm);padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.wdg-btn-clear:hover{border-color:var(--wdg-red);color:var(--wdg-red);background:var(--wdg-red-light)}.wdg-output-section{padding:18px 22px;border-bottom:1px solid var(--wdg-border);animation:wdgFadeIn .25s ease}.wdg-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wdg-output-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--wdg-text2)}.wdg-output-actions{display:flex;gap:7px}.wdg-copy-btn,.wdg-download-btn{display:flex;align-items:center;gap:5px;background:var(--wdg-surface2);border:1.5px solid var(--wdg-border);color:var(--wdg-text2);border-radius:var(--wdg-radius-sm);padding:5px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.wdg-copy-btn:hover{border-color:var(--wdg-red);color:var(--wdg-red);background:var(--wdg-red-light)}.wdg-download-btn:hover{border-color:var(--wdg-green);color:var(--wdg-green);background:#f0fdf4}.wdg-copy-btn.copied{border-color:var(--wdg-green);color:var(--wdg-green);background:#f0fdf4}.wdg-output-meta{font-size:11px;color:var(--wdg-text3);font-family:var(--wdg-mono);margin-bottom:9px}.wdg-output-textarea{width:100%;min-height:150px;background:var(--wdg-surface2);border:1.5px solid var(--wdg-border);border-radius:var(--wdg-radius-sm);color:#166534;font-family:var(--wdg-mono);font-size:12.5px;line-height:1.8;padding:12px;resize:vertical;outline:none}.wdg-preview-section{padding:18px 22px;animation:wdgFadeIn .25s ease}.wdg-preview-header{margin-bottom:10px}.wdg-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--wdg-text2)}.wdg-preview-body{background:var(--wdg-surface2);border:1.5px solid var(--wdg-border);border-radius:var(--wdg-radius-sm);padding:15px 18px;font-size:14px;line-height:2}.wdg-preview-body a{color:var(--wdg-red);text-decoration:none;border-bottom:1px solid var(--wdg-red-mid);padding-bottom:1px;transition:border-color .15s}.wdg-preview-body a:hover{border-color:var(--wdg-red)}.wdg-preview-body ul{padding-left:20px}.wdg-html-editor{color:var(--wdg-text);padding:20px 0}.wdg-editor-card{background:var(--wdg-surface);border:1px solid var(--wdg-border);border-radius:var(--wdg-radius);box-shadow:var(--wdg-shadow);overflow:hidden;display:flex;flex-direction:column}.wdg-editor-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fff 60%,var(--wdg-red-light) 100%);border-bottom:2px solid var(--wdg-red)}.wdg-editor-header-left{display:flex;align-items:center;gap:11px}.wdg-editor-logo{width:38px;height:38px;background:var(--wdg-red);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--wdg-glow)}.wdg-editor-logo-icon{color:#fff;font-family:var(--wdg-mono);font-size:12px;font-weight:700}.wdg-editor-title{font-size:16px;font-weight:700;color:var(--wdg-text)}.wdg-editor-subtitle{font-size:11px;color:var(--wdg-text2);margin-top:1px}.wdg-editor-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wdg-view-toggle{display:flex;background:var(--wdg-surface3);border:1.5px solid var(--wdg-border);border-radius:var(--wdg-radius-sm);padding:3px;gap:2px}.wdg-view-btn{background:#fff0;border:none;color:var(--wdg-text3);width:28px;height:24px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.wdg-view-btn:hover{color:var(--wdg-text2);background:var(--wdg-bg)}.wdg-view-btn.active{background:var(--wdg-bg);color:var(--wdg-red);box-shadow:0 1px 3px rgb(0 0 0 / .1)}.wdg-editor-toolbar{display:flex;gap:4px;flex-wrap:wrap}.wdg-tool-btn{display:flex;align-items:center;gap:5px;background:var(--wdg-bg);border:1.5px solid var(--wdg-border);color:var(--wdg-text2);border-radius:var(--wdg-radius-sm);padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.wdg-tool-btn:hover{border-color:var(--wdg-red);color:var(--wdg-red);background:var(--wdg-red-light)}.wdg-editor-tabs{display:flex;align-items:center;background:var(--wdg-surface2);border-bottom:1px solid var(--wdg-border);padding:0 14px}.wdg-tab{display:flex;align-items:center;gap:6px;background:#fff0;border:none;border-bottom:2px solid #fff0;color:var(--wdg-text3);padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:-1px}.wdg-tab:hover{color:var(--wdg-text2)}.wdg-tab.active{color:var(--wdg-red);border-bottom-color:var(--wdg-red)}.wdg-tab-dot{width:7px;height:7px;border-radius:50%}.wdg-tab-dot.html{background:#e44d26}.wdg-tab-dot.css{background:#1572b6}.wdg-tab-dot.js{background:#d4a017}.wdg-tab-spacer{flex:1}.wdg-editor-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--wdg-text3);font-family:var(--wdg-mono)}.wdg-status-dot{width:6px;height:6px;border-radius:50%;background:var(--wdg-border2);transition:background .2s}.wdg-status-dot.running{background:#f59e0b;animation:wdgPulse 1s infinite}.wdg-status-dot.done{background:var(--wdg-green)}.wdg-status-dot.error{background:var(--wdg-red)}.wdg-split-pane{display:flex;height:520px;min-height:320px;overflow:hidden}.wdg-split-pane[data-view="code"] .wdg-preview-pane,.wdg-split-pane[data-view="code"] .wdg-pane-divider{display:none}.wdg-split-pane[data-view="code"] .wdg-code-pane{width:100%!important}.wdg-split-pane[data-view="preview"] .wdg-code-pane,.wdg-split-pane[data-view="preview"] .wdg-pane-divider{display:none}.wdg-split-pane[data-view="preview"] .wdg-preview-pane{width:100%!important}.wdg-code-pane{width:50%;background:#1e1e2e;overflow:hidden;display:flex;flex-direction:column;min-width:200px}.wdg-code-inner{flex:1;overflow:hidden;display:flex}.wdg-line-numbers{width:42px;min-width:42px;padding:13px 8px 13px 0;text-align:right;color:#4a5070;font-family:var(--wdg-mono);font-size:12px;line-height:1.65;user-select:none;overflow:hidden;border-right:1px solid #2d2d3d;background:#17172a}.wdg-code-editor{flex:1;background:#fff0;border:none;outline:none;color:#cdd6f4;font-family:var(--wdg-mono);font-size:13px;line-height:1.65;padding:13px 15px;resize:none;overflow:auto;white-space:pre;caret-color:#F60641;tab-size:2}.wdg-code-editor::placeholder{color:#3d3d55}.wdg-code-editor::-webkit-scrollbar{width:5px;height:5px}.wdg-code-editor::-webkit-scrollbar-track{background:#fff0}.wdg-code-editor::-webkit-scrollbar-thumb{background:#3d3d55;border-radius:3px}.wdg-pane-divider{width:4px;background:var(--wdg-border);cursor:col-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.wdg-pane-divider:hover{background:var(--wdg-red)}.wdg-divider-handle{width:2px;height:28px;background:var(--wdg-border2);border-radius:2px}.wdg-preview-pane{flex:1;display:flex;flex-direction:column;background:var(--wdg-surface2);min-width:200px;overflow:hidden}.wdg-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--wdg-surface3);border-bottom:1px solid var(--wdg-border);flex-shrink:0}.wdg-preview-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--wdg-text2);text-transform:uppercase;letter-spacing:.6px}.wdg-live-dot{width:6px;height:6px;border-radius:50%;background:var(--wdg-green);animation:wdgPulse 2s infinite}.wdg-preview-device-btns{display:flex;gap:3px}.wdg-device-btn{background:#fff0;border:1.5px solid #fff0;color:var(--wdg-text3);width:26px;height:24px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.wdg-device-btn:hover{color:var(--wdg-text);border-color:var(--wdg-border2)}.wdg-device-btn.active{color:var(--wdg-red);border-color:var(--wdg-red-mid);background:var(--wdg-red-light)}.wdg-iframe-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;transition:all .3s ease}.wdg-iframe-wrap[data-device="tablet"]{padding:12px;background:#d0d4db}.wdg-iframe-wrap[data-device="mobile"]{padding:20px 50px;background:#b0b6c2}.wdg-preview-frame{width:100%;height:100%;border:none;background:#fff;transition:all .3s ease}.wdg-iframe-wrap[data-device="tablet"] .wdg-preview-frame{border-radius:8px;max-width:768px}.wdg-iframe-wrap[data-device="mobile"] .wdg-preview-frame{border-radius:14px;max-width:375px}.wdg-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:var(--wdg-surface2);border-top:1px solid var(--wdg-border);flex-shrink:0}.wdg-footer-left{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--wdg-text3);font-family:var(--wdg-mono)}.wdg-footer-sep{color:var(--wdg-border2)}.wdg-footer-right{display:flex;align-items:center;gap:9px}.wdg-footer-hint{font-size:11px;color:var(--wdg-text3);font-family:var(--wdg-mono)}.wdg-run-btn{display:flex;align-items:center;gap:5px;background:var(--wdg-red);border:none;color:#fff;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:var(--wdg-glow)}.wdg-run-btn:hover{background:var(--wdg-red-dark);box-shadow:0 4px 16px rgb(246 6 65 / .3)}.wdg-html-editor.wdg-fullscreen{position:fixed;inset:0;z-index:99990;padding:0;background:var(--wdg-bg)}.wdg-html-editor.wdg-fullscreen .wdg-editor-card{height:100vh;border-radius:0}.wdg-html-editor.wdg-fullscreen .wdg-split-pane{height:calc(100vh - 156px)}@keyframes wdgFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes wdgPulse{0%,100%{opacity:1}50%{opacity:.35}}@media (max-width:768px){.wdg-card-header,.wdg-editor-header{flex-direction:column;align-items:flex-start}.wdg-split-pane{flex-direction:column;height:auto}.wdg-code-pane{width:100%!important;min-height:260px}.wdg-pane-divider{width:100%;height:4px;cursor:row-resize}.wdg-divider-handle{width:28px;height:2px}.wdg-preview-pane{width:100%!important;min-height:260px}.wdg-tool-btn{padding:5px 8px;font-size:11px}}