:root{--hwg-primary:#4f46e5;--hwg-primary-hover:#4338ca;--hwg-text:#1e293b;--hwg-text-secondary:#475569;--hwg-text-muted:#64748b;--hwg-bg:#fff;--hwg-bg-secondary:#f8fafc;--hwg-border:#e2e8f0;--hwg-border-focus:#a5b4fc;--hwg-shadow-sm:0 1px 3px #0000000f;--hwg-shadow:0 2px 8px #00000014;--hwg-radius:8px;--hwg-radius-sm:6px}._hwg-container{flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){._hwg-container{gap:1rem;padding-left:.75rem;padding-right:.75rem}}._hwg-controls{background:var(--hwg-bg);border-radius:var(--hwg-radius);box-shadow:var(--hwg-shadow-sm);border-style:solid;border-width:1px;border-color:var(--hwg-border);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._hwg-section{flex-direction:column;gap:.5rem;display:flex}._hwg-label{color:var(--hwg-text);font-size:.8125rem;font-weight:600}._hwg-textarea{box-sizing:border-box;border-style:solid;border-width:1.5px;border-color:var(--hwg-border);border-radius:var(--hwg-radius-sm);width:100%;color:var(--hwg-text);background:var(--hwg-bg);resize:vertical;-webkit-tap-highlight-color:transparent;min-height:60px;padding:.625rem .75rem;font-size:.875rem;line-height:1.5}._hwg-textarea:focus{border-color:var(--hwg-border-focus);outline:none;box-shadow:0 0 0 3px #4f46e51a}._hwg-textarea::placeholder{color:var(--hwg-text-muted)}._hwg-presets{flex-wrap:wrap;gap:.375rem;display:flex}._hwg-preset-btn{border-style:solid;border-width:1px;border-color:var(--hwg-border);border-radius:var(--hwg-radius-sm);background:var(--hwg-bg-secondary);color:var(--hwg-text-secondary);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.3125rem .75rem;font-size:.75rem;font-weight:500}._hwg-preset-btn:hover{border-color:var(--hwg-primary);color:var(--hwg-primary)}._hwg-settings-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}._hwg-setting{flex-direction:column;gap:.375rem;display:flex}._hwg-btn-group{border-radius:var(--hwg-radius-sm);border-style:solid;border-width:1px;border-color:var(--hwg-border);gap:0;display:flex;overflow:hidden}._hwg-toggle-btn{background:var(--hwg-bg);color:var(--hwg-text-secondary);cursor:pointer;border:none;border-right:1px solid;border-right-color:var(--hwg-border);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500}._hwg-toggle-btn:last-child{border-right:none}._hwg-toggle-btn:hover{background:var(--hwg-bg-secondary)}._hwg-toggle-btn.active{background:var(--hwg-primary);color:#fff}._hwg-options-row{flex-wrap:wrap;gap:1rem;display:flex}._hwg-checkbox-label{color:var(--hwg-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._hwg-checkbox-label input[type=checkbox]{accent-color:var(--hwg-primary);flex-shrink:0;width:18px;height:18px}._hwg-actions-row{border-top-style:solid;border-top-width:1px;border-top-color:var(--hwg-border);justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.5rem;display:flex}._hwg-paper-select{flex-direction:column;gap:.375rem;display:flex}._hwg-select{border-style:solid;border-width:1.5px;border-color:var(--hwg-border);border-radius:var(--hwg-radius-sm);color:var(--hwg-text);background:var(--hwg-bg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:.4375rem .75rem;font-size:.8125rem}._hwg-select:focus{border-color:var(--hwg-border-focus);outline:none}._hwg-action-buttons{gap:.5rem;display:flex}._hwg-btn{border-radius:var(--hwg-radius-sm);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}._hwg-btn svg{flex-shrink:0}._hwg-btn-primary{background:var(--hwg-primary);color:#fff;box-shadow:0 2px 6px #4f46e540}._hwg-btn-primary:hover{opacity:.9}._hwg-btn-secondary{background:var(--hwg-bg);color:var(--hwg-text-secondary);border-style:solid;border-width:1px;border-color:var(--hwg-border)}._hwg-btn-secondary:hover{background:var(--hwg-bg-secondary)}@media (max-width:768px){._hwg-textarea,._hwg-select{font-size:16px}._hwg-controls{padding:1rem}._hwg-preset-btn{min-height:36px;padding:.5rem .75rem;font-size:.8125rem}._hwg-toggle-btn{min-height:40px;padding:.5rem;font-size:.8125rem}._hwg-select{min-height:44px;padding:.5rem .75rem}._hwg-btn{min-height:44px;padding:.625rem 1rem;font-size:.875rem}._hwg-checkbox-label{gap:.5rem;min-height:32px;font-size:.875rem}}@media (max-width:640px){._hwg-settings-grid{grid-template-columns:1fr}._hwg-actions-row{flex-direction:column;align-items:stretch}._hwg-action-buttons{flex-wrap:wrap;justify-content:stretch}._hwg-action-buttons ._hwg-btn{flex:calc(50% - .25rem)}._hwg-options-row{flex-direction:column;align-items:flex-start;gap:.75rem}}._hwg-preview-wrapper{background:var(--hwg-bg);border-radius:var(--hwg-radius);box-shadow:var(--hwg-shadow-sm);border-style:solid;border-width:1px;border-color:var(--hwg-border);overflow:hidden}._hwg-preview-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hwg-border);background:var(--hwg-bg-secondary);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._hwg-preview-title{color:var(--hwg-text);font-size:.8125rem;font-weight:600}._hwg-page-info{color:var(--hwg-text-muted);font-size:.75rem}._hwg-preview-scroll{background:var(--hwg-bg-secondary);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;justify-content:center;min-height:400px;padding:1rem;display:flex;overflow:auto hidden}._hwg-canvas{box-shadow:var(--hwg-shadow);background:#fff;flex-shrink:0;max-width:100%;height:auto!important}._hwg-page-nav{border-top-style:solid;border-top-width:1px;border-top-color:var(--hwg-border);color:var(--hwg-text-secondary);justify-content:center;align-items:center;gap:1rem;padding:.625rem;font-size:.8125rem;display:flex}._hwg-nav-btn{border-radius:var(--hwg-radius-sm);border-style:solid;border-width:1px;border-color:var(--hwg-border);background:var(--hwg-bg);width:36px;height:36px;color:var(--hwg-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:.875rem;display:flex}._hwg-nav-btn:hover:not(:disabled){background:var(--hwg-bg-secondary);border-color:var(--hwg-primary);color:var(--hwg-primary)}._hwg-nav-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){._hwg-preview-scroll{min-height:320px;padding:.5rem}._hwg-preview-header{padding:.625rem .75rem}._hwg-page-nav{gap:1.25rem;padding:.75rem}._hwg-nav-btn{width:44px;height:44px;font-size:1rem}}