: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{padding-left:1rem;padding-right:1rem}}._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;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;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;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);width:15px;height:15px}._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;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;border:none;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:640px){._hwg-settings-grid{grid-template-columns:1fr}._hwg-actions-row{flex-direction:column;align-items:stretch}._hwg-action-buttons{justify-content:stretch}._hwg-action-buttons ._hwg-btn{flex:1;justify-content:center}._hwg-options-row{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);justify-content:center;min-height:400px;padding:1rem;display:flex;overflow-x:auto}._hwg-canvas{box-shadow:var(--hwg-shadow);background:#fff;max-width:100%;height:auto}._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:32px;height:32px;color:var(--hwg-text-secondary);cursor:pointer;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}