#hw-tool [hidden]{display:none!important}
.hw-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.hw-controls,.hw-preview,#hw-tool{min-width:0}.hw-controls label{display:block;margin:10px 0}
.hw-controls input:not([type=checkbox]),.hw-controls textarea,.hw-controls select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.hw-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.hw-preview{position:sticky;top:12px}.hw-paper{display:none;background:#fff;box-shadow:0 1px 10px #0002}
.hw-paper.hw-current{display:block}.hw-paper canvas{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:800px){.hw-layout{display:flex;flex-direction:column}.hw-controls,.hw-preview{width:100%}.hw-preview{order:-1;position:sticky;top:0;z-index:2;background:var(--card,#fff);padding:6px 0;box-sizing:border-box}.hw-preview h2{display:none}.hw-paper canvas{width:auto;max-height:25vh;margin:auto}.hw-preview .hw-actions{margin:4px 0}#hw-info{margin:4px 0;font-size:12px}}
@page{size:A4 portrait;margin:0}
@media print{
html,body{margin:0!important;padding:0!important;background:white!important}
.site-header,.site-footer,.breadcrumb,main>*:not(#hw-tool),.hw-controls,.hw-preview>h2,.hw-preview>p,.hw-preview>.hw-actions{display:none!important}
main.wrap,#hw-tool,.hw-layout,.hw-preview,#hw-pages{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;position:static!important;box-shadow:none!important}
.hw-paper{display:block!important;width:210mm!important;height:297mm!important;margin:0!important;box-shadow:none;break-inside:avoid;break-after:page}
.hw-paper:last-child{break-after:auto}.hw-paper canvas{width:210mm!important;height:297mm!important;max-width:none!important;max-height:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}