html:has(.hw-page),html:has(.hw-page) *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.hw-page{--hw-accent:#365e48;--hw-border:#e6e5df;color:#333a35}.hw-intro{max-width:640px;margin:62px 0 42px}.hw-intro h1{letter-spacing:-.055em;margin-bottom:22px;font-size:clamp(34px,5vw,54px);line-height:1.08}.hw-intro h1 span{color:#78877b}.hw-intro>p:last-child{color:#68716a;max-width:440px;font-size:15px;line-height:1.65}.hw-studio{display:block}.hw-studio button,.hw-import{border:1px solid var(--hw-border);background:#fff;border-radius:9px;padding:9px 13px;font-size:13px;line-height:1.4}.hw-studio button:not(.hw-quiet):hover,.hw-import:hover{color:#254632;border-color:#83988a}.hw-studio button:disabled{opacity:.4;cursor:default}.hw-studio input,.hw-studio select,.hw-studio textarea{color:#333a35;font:inherit}.hw-studio :is(input,select,textarea):focus-visible,.hw-studio [data-board]:focus-visible{outline-offset:3px;outline:2px solid #65846e}.hw-topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.hw-name{color:#69746c;gap:7px;width:min(360px,100%);font-size:11px;display:grid}.hw-name input{background:0 0;border:0;border-bottom:1px solid #cfd4cc;width:100%;padding:7px 0;font-size:16px}.hw-history{gap:6px;display:flex}.hw-paper{background:#fffefa;border:1px solid #e5e3dc;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 3px 15px #29251d05}.hw-paper svg{aspect-ratio:1000/420;touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.hw-paper-footer{letter-spacing:.08em;color:#93968b;border-top:1px solid #eeece5;justify-content:space-between;padding:12px 18px;font-size:10px;display:flex}.hw-empty{text-align:center;pointer-events:none;color:#9aa396;gap:10px;display:grid;position:absolute;top:44%;left:0;right:0}.hw-empty span:first-child{letter-spacing:-.04em;font-family:inherit;font-size:clamp(22px,4vw,38px);font-style:normal}.hw-empty span:last-child{font-size:13px}.hw-paper:has([data-drawing]) .hw-empty{display:none}.hw-options{flex-wrap:wrap;align-items:center;gap:22px;padding:16px 0;display:flex}.hw-options label,.hw-playback label{align-items:center;gap:8px;font-size:13px;display:flex}.hw-color input{border:1px solid var(--hw-border);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:30px;padding:2px}.hw-range input{width:100px;accent-color:var(--hw-accent)}.hw-range output{font-variant-numeric:tabular-nums;min-width:28px;font-size:11px}.hw-check input{accent-color:var(--hw-accent);width:15px;height:15px}.hw-options-spacer{flex:1}.hw-studio .hw-quiet{color:#667569;text-underline-offset:3px;background:0 0;border-color:#0000;padding:5px 0;text-decoration:underline}.hw-studio .hw-quiet:hover{color:#254632}.hw-import{cursor:pointer;position:relative;overflow:hidden}.hw-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.hw-import:focus-within{outline-offset:3px;outline:2px solid #65846e}.hw-help,.hw-export-help{color:#7b8077;font-size:13px;line-height:1.6}.hw-status{min-height:20px;color:var(--hw-accent);margin:12px 0 26px;font-size:13px}.hw-output-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.hw-panel{border:1px solid var(--hw-border);background:#fff;border-radius:16px;min-width:0;padding:22px}.hw-panel-heading{justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin-bottom:18px;display:flex}.hw-panel h2{font-size:13px}.hw-muted{color:#899085;font-size:11px}.hw-preview{color:#949b90;background:#f8f9f6;border-radius:10px;justify-content:center;align-items:center;height:164px;margin-bottom:20px;padding:18px;font-size:13px;display:flex}.hw-preview svg{height:auto;max-height:100%;width:auto!important;max-width:100%!important}.hw-playback{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.hw-playback .hw-range{width:100%}.hw-playback .hw-range input{flex:1}.hw-export-choice{color:#778071;gap:8px;font-size:11px;display:grid}.hw-export-choice select{border:1px solid var(--hw-border);background:#fafbf8;border-radius:8px;width:100%;padding:10px;font-size:13px}.hw-export-help{min-height:58px;margin:14px 0}.hw-export-buttons{gap:8px;display:flex}.hw-studio .hw-primary{background:var(--hw-accent);color:#fff;border-color:var(--hw-accent)}.hw-studio .hw-primary:hover{color:#fff;background:#294a37}.hw-code{margin-top:20px;font-size:13px}.hw-code summary{color:#697767}.hw-code textarea{resize:vertical;border:1px solid var(--hw-border);background:#f8f9f6;border-radius:8px;width:100%;min-height:180px;margin-top:10px;padding:10px;font-family:monospace;font-size:11px;display:block}.hw-project-actions{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.hw-local{color:#838b7d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.hw-local .hw-quiet{font-size:11px}.hw-guide{border-top:1px solid #dedfd8;margin-top:70px;padding-top:30px}.hw-guide>h2{letter-spacing:-.04em;margin-bottom:30px;font-size:26px}.hw-guide-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:34px;display:grid}.hw-guide h3{margin:10px 0;font-size:15px}.hw-guide p{color:#778071;margin-bottom:10px;font-size:13px;line-height:1.75}.hw-guide strong{color:#3d4a3b;font-weight:400}.hw-guide details{border-top:1px solid #e3e4dd;padding:18px 0;font-size:13px}.hw-guide summary{margin-bottom:10px}.hw-guide code{overflow-wrap:anywhere;background:#e9ede5;padding:2px 4px;font-size:11px}.hw-footer{color:#8a9081;border-top:1px solid #dedfd8;margin-top:24px;padding-top:24px;font-size:13px}.hw-footer a{text-decoration:underline}.hw-notice{background:#fff4d8;margin-bottom:24px;padding:16px}@media (width<=700px){.hw-intro{margin-top:30px}.hw-topbar{flex-direction:column;align-items:flex-start}.hw-output-grid{grid-template-columns:1fr}.hw-options{gap:15px}.hw-options-spacer{display:none}.hw-guide-grid{grid-template-columns:1fr;gap:20px}.hw-empty span:last-child{display:none}.hw-paper-footer{font-size:9px}.hw-panel{padding:18px}}