#gw-hljs-tool,#gw-hljs-tool *{box-sizing:border-box}
#gw-hljs-tool{
--gw-text:#17202a;--gw-muted:#667085;--gw-border:#dfe4ea;--gw-soft:#f6f8fb;
--gw-primary:#0066cc;--gw-primary-hover:#0057ad;--gw-primary-soft:#eaf4ff;
--gw-danger:#d92d20;--gw-success:#16803c;--gw-bg:transparent;--gw-surface:#fff;
width:100%;max-width:820px;margin:24px auto;padding:0;color:var(--gw-text);
background:transparent;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
line-height:1.5
}
#gw-hljs-tool.gw-dark{
--gw-text:#f1f5f9;--gw-muted:#a8b3c2;--gw-border:#344154;--gw-soft:#202b3a;
--gw-primary:#3185d8;--gw-primary-hover:#3d91e2;--gw-primary-soft:rgba(49,133,216,.14);
--gw-danger:#ff6b61;--gw-success:#4ade80;--gw-bg:transparent;--gw-surface:#171717
}
#gw-hljs-tool .gw-workbench{
width:100%;border:1px solid var(--gw-border);border-radius:0;background:transparent;
color:var(--gw-text);overflow:hidden
}
#gw-hljs-tool .gw-header{
display:flex;align-items:center;gap:12px;padding:20px 24px 17px;border-bottom:1px solid var(--gw-border)
}
#gw-hljs-tool .gw-header-icon{
width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;
border:1px solid var(--gw-border);border-radius:8px;background:var(--gw-soft);color:var(--gw-primary)
}
#gw-hljs-tool .gw-header-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gw-hljs-tool .gw-title{margin:0;padding:0;color:var(--gw-text);font-size:22px;font-weight:700;line-height:1.3}
#gw-hljs-tool .gw-description{margin:3px 0 0;padding:0;color:var(--gw-muted);font-size:13px;line-height:1.5}
#gw-hljs-tool .gw-main{padding:18px 20px 20px;background:transparent}
#gw-hljs-tool .gw-modebar{
display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 16px
}
#gw-hljs-tool .gw-mode{
width:100%;min-width:0;min-height:40px;margin:0;padding:0 18px;border:1px solid var(--gw-border);
border-radius:7px;background:var(--gw-surface);color:var(--gw-muted);font:600 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
text-align:center;cursor:pointer;white-space:nowrap;appearance:none;-webkit-appearance:none;
transition:background .18s,border-color .18s,color .18s
}
#gw-hljs-tool .gw-mode:hover{border-color:var(--gw-primary);color:var(--gw-primary)}
#gw-hljs-tool .gw-mode.gw-active{background:var(--gw-primary);border-color:var(--gw-primary);color:#fff}
#gw-hljs-tool .gw-swap{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:1px solid var(--gw-border)!important;border-radius:50%!important;background:var(--gw-bg)!important;color:var(--gw-muted)!important;display:grid!important;place-items:center!important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
#gw-hljs-tool .gw-swap:hover{border-color:var(--gw-primary)!important;background:var(--gw-surface)!important;color:var(--gw-primary)!important}
#gw-hljs-tool .gw-mode:active,#gw-hljs-tool .gw-swap:active{transform:translateY(1px)}
#gw-hljs-tool .gw-swap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gw-hljs-tool .gw-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
#gw-hljs-tool .gw-field{min-width:0}
#gw-hljs-tool .gw-label{display:block;margin:0 0 6px;color:var(--gw-text);font-size:11.5px;font-weight:600}
#gw-hljs-tool select{
width:100%;height:39px;padding:0 32px 0 11px;border:1px solid var(--gw-border);border-radius:7px;
outline:0;color:var(--gw-text);background:var(--gw-surface);font:inherit;font-size:12px;cursor:pointer
}
#gw-hljs-tool select:focus{border-color:var(--gw-primary);box-shadow:0 0 0 3px var(--gw-primary-soft)}
#gw-hljs-tool .gw-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px;padding:0}
#gw-hljs-tool .gw-editor-title{margin:0;padding:0;font-size:12px;line-height:1.4;font-weight:600;color:var(--gw-text)}
#gw-hljs-tool .gw-count{color:var(--gw-muted);font-size:10.5px;white-space:nowrap}
#gw-hljs-tool textarea{
display:block;width:100%;height:210px;min-height:180px;resize:vertical;padding:12px;margin:0;
border:1px solid var(--gw-border);border-radius:7px;outline:0;color:var(--gw-text);
background:var(--gw-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
font-size:12px;line-height:1.6;tab-size:2;white-space:pre;overflow:auto
}
#gw-hljs-tool textarea:focus{border-color:var(--gw-primary);box-shadow:0 0 0 3px var(--gw-primary-soft)}
#gw-hljs-tool textarea::placeholder{color:var(--gw-muted);opacity:.75}
#gw-hljs-tool .gw-input-actions,#gw-hljs-tool .gw-output-actions{display:flex;align-items:stretch;gap:8px;margin-top:10px}
#gw-hljs-tool .gw-action-button,#gw-hljs-tool .gw-output-action{
width:100%;min-height:40px;margin:0;padding:0 18px;border:1px solid var(--gw-border);border-radius:7px;
background:transparent;color:var(--gw-text);font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;
transition:background .18s,border-color .18s,color .18s
}
#gw-hljs-tool .gw-action-button:hover,#gw-hljs-tool .gw-output-action:hover{border-color:var(--gw-primary);background:var(--gw-soft)}
#gw-hljs-tool .gw-primary{border-color:var(--gw-primary);background:var(--gw-primary);color:#fff}
#gw-hljs-tool .gw-primary:hover{border-color:var(--gw-primary-hover);background:var(--gw-primary-hover);color:#fff}
#gw-hljs-tool .gw-secondary-action{color:var(--gw-text)}
#gw-hljs-tool .gw-secondary-action:hover{border-color:var(--gw-danger);color:var(--gw-danger);background:transparent}
#gw-hljs-tool .gw-secondary-action:hover{border-color:var(--gw-danger)!important;color:var(--gw-danger)!important;background:var(--gw-bg)!important}
#gw-hljs-tool .gw-secondary-action.gw-reset-triggered{border-color:var(--gw-danger)!important;color:var(--gw-danger)!important;background:var(--gw-bg)!important}
#gw-hljs-tool .gw-secondary-action.gw-reset-triggered:hover{border-color:var(--gw-danger)!important;color:var(--gw-danger)!important;background:var(--gw-bg)!important}
#gw-hljs-tool .gw-secondary-action.gw-reset-feedback-done{border-color:var(--gw-border)!important;color:var(--gw-text)!important;background:var(--gw-bg)!important}
#gw-hljs-tool .gw-secondary-action.gw-reset-feedback-done:hover{border-color:var(--gw-border)!important;color:var(--gw-text)!important;background:var(--gw-bg)!important}
#gw-hljs-tool .gw-button-icon,#gw-hljs-tool .gw-action-icon{
width:16px;height:16px;min-width:16px;margin:0 6px 0 0;padding:0;display:inline-grid;place-items:center;line-height:0;vertical-align:middle;flex:0 0 16px;position:relative;overflow:visible;pointer-events:none
}
#gw-hljs-tool .gw-button-icon svg,#gw-hljs-tool .gw-action-icon svg{display:block;width:16px;height:16px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;pointer-events:none}
#gw-hljs-tool .gw-action-icon{transform-origin:50% 50%;will-change:transform,opacity}
@keyframes gw-hljs-spark{0%{transform:scale(1);opacity:1}35%{transform:scale(1.18) translateY(-1px);opacity:.78}65%{transform:scale(.92) translateY(1px);opacity:1}100%{transform:scale(1);opacity:1}}
#gw-hljs-tool .gw-action-icon.gw-processing{animation:gw-hljs-spark .48s ease-out}
#gw-hljs-tool .gw-divider{height:1px;margin:16px 0;border:0;background:var(--gw-border)}
#gw-hljs-tool .gw-output-actions{grid-template-columns:1fr 1fr}
#gw-hljs-tool .gw-output-action.gw-copied{border-color:var(--gw-success);background:transparent;color:var(--gw-success)}
#gw-hljs-tool .gw-output-action.gw-copied:hover{border-color:var(--gw-success);background:transparent;color:var(--gw-success)}
#gw-hljs-tool .gw-status{display:flex;align-items:center;gap:7px;min-height:20px;margin-top:10px;color:var(--gw-muted);font-size:11px}
#gw-hljs-tool .gw-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--gw-muted)}
#gw-hljs-tool .gw-status.gw-ok{color:var(--gw-success)}
#gw-hljs-tool .gw-status.gw-ok .gw-status-dot{background:var(--gw-success)}
#gw-hljs-tool .gw-status.gw-error{color:var(--gw-danger)}
#gw-hljs-tool .gw-status.gw-error .gw-status-dot{background:var(--gw-danger)}
#gw-hljs-tool .gw-info{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--gw-border);color:var(--gw-muted);font-size:11px;line-height:1.55}
#gw-hljs-tool .gw-info:before{content:"i";display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;margin-top:1px;border:1px solid currentColor;border-radius:50%;color:var(--gw-primary);font-size:9px;font-weight:700;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#gw-hljs-tool .gw-info code{font:inherit;color:inherit}
@media(max-width:700px){
#gw-hljs-tool{max-width:100%;margin:16px auto}
#gw-hljs-tool .gw-header{padding:18px 16px 15px}
#gw-hljs-tool .gw-header-icon{width:40px;height:40px;min-width:40px}
#gw-hljs-tool .gw-main{padding:16px}
#gw-hljs-tool .gw-modebar{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:7px}
#gw-hljs-tool .gw-mode{min-height:40px;padding:0 8px;font-size:12px}
#gw-hljs-tool .gw-swap{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}
#gw-hljs-tool .gw-controls{grid-template-columns:1fr}
#gw-hljs-tool textarea{height:200px;min-height:170px}
}
@media(max-width:390px){
#gw-hljs-tool .gw-header{padding:14px}
#gw-hljs-tool .gw-main{padding:14px}
#gw-hljs-tool .gw-title{font-size:17px}
#gw-hljs-tool .gw-description{font-size:10.5px}
#gw-hljs-tool .gw-modebar{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:5px}
#gw-hljs-tool .gw-mode{min-height:38px;padding:0 4px;font-size:10.5px}
#gw-hljs-tool .gw-swap{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}
#gw-hljs-tool textarea{min-height:165px;font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){#gw-hljs-tool .gw-action-button,#gw-hljs-tool .gw-output-action,#gw-hljs-tool .gw-mode,#gw-hljs-tool .gw-swap{transition:none}#gw-hljs-tool .gw-action-icon.gw-processing{animation:none}}

@media(max-width:430px){#gw-hljs-tool .gw-header{padding:16px 14px 14px;gap:10px}#gw-hljs-tool .gw-header-icon{width:38px;height:38px;min-width:38px}#gw-hljs-tool .gw-header-icon svg{width:20px;height:20px}#gw-hljs-tool .gw-title{font-size:18px}#gw-hljs-tool .gw-description{font-size:12px}#gw-hljs-tool .gw-main{padding:14px}#gw-hljs-tool .gw-modebar{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:5px}#gw-hljs-tool .gw-mode{min-height:38px;padding:0 5px;font-size:11px}#gw-hljs-tool .gw-swap{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}#gw-hljs-tool .gw-swap svg{width:15px;height:15px}#gw-hljs-tool textarea{height:190px;min-height:160px;padding:10px;font-size:11.5px}#gw-hljs-tool .gw-input-actions,#gw-hljs-tool .gw-output-actions{gap:7px}#gw-hljs-tool .gw-action-button,#gw-hljs-tool .gw-output-action{min-height:40px;padding:0 8px;font-size:11px}}
