@font-face{font-family:HW6;src:url(/fonts/Myfont10-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW7;src:url(/fonts/Myfont12-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW9;src:url(/fonts/Myfont15-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW10;src:url(/fonts/Myfont16-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW11;src:url(/fonts/Myfont17-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW12;src:url(/fonts/Myfont18-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW14;src:url(/fonts/Myfont21-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW15;src:url(/fonts/Myfont22-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW16;src:url(/fonts/Myfont23-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW17;src:url(/fonts/Myfont24-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW18;src:url(/fonts/Myfont30-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW19;src:url(/fonts/Myfont31-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:HW20;src:url(/fonts/Myfont32-Regular.ttf) format("truetype");font-display:block}.hw-studio{--panel:var(--th-surface);--well:var(--th-surface-2);--border:var(--th-editor-border);--border-hi:var(--th-border-hi);--accent:var(--th-forest);--accent-2:var(--th-forest-2);--accent-06:rgba(26,88,64,0.06);--accent-12:rgba(26,88,64,0.12);--accent-30:rgba(26,88,64,0.30);--on-accent:var(--th-cream);--action:var(--th-accent);--action-2:var(--th-accent-2);--text:var(--th-ink);--muted:var(--th-editor-muted);--muted-hi:var(--th-ink-mid);--ui-font:var(--font-dm-sans),system-ui,-apple-system,sans-serif;--hover:#f1f6f3;--sticky-top:80px;color:var(--text);font-family:var(--ui-font)}.hw-studio *,.hw-studio :after,.hw-studio :before{box-sizing:border-box}.hw-main{display:flex;gap:24px;align-items:flex-start}.hw-col-settings,.hw-input-panel,.hw-inspector{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:0 1px 2px rgba(31,42,36,.05)}.hw-col{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}@media (min-width:1025px){.hw-col{position:sticky;top:var(--sticky-top);max-height:calc(100dvh - var(--sticky-top) - 24px);overflow-y:auto;overscroll-behavior:contain}}.hw-col-input{width:350px;flex-shrink:0;gap:12px}.hw-col-input,.hw-input-panel{display:flex;flex-direction:column}.hw-input-panel{padding:12px 16px 16px;gap:8px}.hw-panel-head{display:flex;align-items:center;gap:10px;min-height:28px}.hw-panel-head .hw-panel-label{flex:1;min-width:0}.hw-panel-meta{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.hw-studio .hw-panel-head button.hw-btn.quiet{height:28px;padding:0 8px;margin-right:-8px}.hw-panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:600}.hw-inspector{padding:14px 16px 4px}.hw-inspector>.hw-panel-label{margin-bottom:6px}.hw-studio textarea{width:100%;min-height:240px;resize:vertical;border:none;border-radius:0;padding:0;font-family:var(--ui-font);font-size:15px;line-height:1.6;color:var(--text);background:transparent;outline:none}.hw-studio textarea::-moz-placeholder{color:var(--th-ink-light)}.hw-studio textarea::placeholder{color:var(--th-ink-light)}.hw-input-panel:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-12)}.hw-btn-stack{display:flex;flex-direction:column;gap:8px}@media (min-width:640px){.hw-btn-stack{flex-direction:row}.hw-studio .hw-btn-stack button.hw-btn{flex:1 1 0;width:auto}}.hw-studio button.hw-btn{width:100%;height:44px;padding:0 16px;border:none;border-radius:var(--r-panel);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ui-font);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .18s,color .18s,opacity .18s;-webkit-tap-highlight-color:transparent}.hw-studio button.hw-btn:disabled{opacity:.55;cursor:default}.hw-studio button.hw-btn svg{flex-shrink:0}.hw-btn.primary{background:var(--action);color:var(--on-accent)}.hw-btn.primary:hover:not(:disabled){background:var(--action-2)}.hw-studio button.hw-btn.secondary{background:transparent;color:var(--muted-hi);border:1px solid var(--border-hi)}.hw-btn.secondary:hover:not(:disabled){background:var(--hover);color:var(--text)}.hw-studio button.hw-btn.goodnotes{background:transparent;color:var(--accent);border:1px solid var(--accent-30)}.hw-btn.goodnotes:hover:not(:disabled){background:var(--hover)}.hw-studio button.hw-btn.quiet{width:auto;height:36px;padding:0 12px;background:transparent;color:var(--muted);font-weight:500;font-size:13px;border-radius:var(--r-ctrl)}.hw-btn.quiet:hover:not(:disabled){background:var(--hover);color:var(--text)}.hw-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:36px}.hw-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.hw-studio button.hw-btn.chip{width:auto;height:36px;padding:0 14px;background:var(--panel);color:var(--text);border:1px solid var(--border);font-size:13px;border-radius:var(--r-ctrl)}.hw-btn.chip:hover:not(:disabled){background:var(--hover)}.hw-col-preview{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;position:relative}.hw-preview-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:600;color:var(--muted);padding:0 2px;display:flex;align-items:center;gap:8px}.hw-preview-scroll{overflow-y:auto;overflow-x:hidden;max-height:max(420px,calc(100dvh - 216px));scrollbar-gutter:stable;background:#edece8;border-radius:var(--r-panel);border:1px solid var(--border);padding:28px 24px;overscroll-behavior:contain}.hw-page-sheet{position:relative;width:100%;overflow:hidden;background:#ffffff;border-radius:2px;box-shadow:0 0 0 1px rgba(28,25,23,.04),0 2px 4px rgba(28,25,23,.06),0 24px 48px -20px rgba(28,25,23,.35);margin-bottom:32px}.hw-page-sheet:last-child{margin-bottom:0}.hw-preview{position:relative;z-index:1;width:100%;background:transparent;padding:26px 28px;overflow-wrap:anywhere;word-break:normal;hyphens:none;overflow:visible;transition:color .15s;white-space:pre-wrap}.hw-preview.transparent-bg{background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.hw-row{position:absolute;left:0;right:0;height:0;line-height:0;white-space:nowrap;overflow:visible}.hw-row>i.hw-base{width:0;height:0}.hw-preview span.word,.hw-row>i.hw-base{display:inline-block;vertical-align:baseline}.hw-preview span.word{white-space:nowrap;line-height:0}.hw-preview span.char{display:inline-block;vertical-align:baseline;line-height:0}.hw-col-settings{width:300px;flex-shrink:0;padding:14px 16px 4px;display:flex;flex-direction:column;gap:0}.hw-col-settings>.hw-panel-label{margin-bottom:10px}.hw-hero{padding-bottom:12px}.hw-sliders{gap:6px}.hw-slider-row,.hw-sliders{display:flex;flex-direction:column}.hw-slider-row{gap:0}.hw-slider-label{display:flex;align-items:baseline;gap:8px;font-size:13px;text-transform:none;letter-spacing:0;color:var(--muted-hi)}.hw-slider-name{flex:1;min-width:0}.hw-slider-value{flex-shrink:0;min-width:56px;text-align:right;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.hw-slider-unit{color:var(--muted);font-weight:500;margin-left:2px}.hw-var-marks{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.hw-var-mark{padding:2px 6px;margin:0 -6px;border:none;background:none;font-family:var(--ui-font);font-size:11px;color:var(--muted);cursor:pointer;border-radius:6px;transition:color .15s,background-color .15s;-webkit-tap-highlight-color:transparent}.hw-var-mark:hover{color:var(--text);background:var(--hover)}.hw-var-mark.active{color:var(--accent);font-weight:700}.hw-slider-value.pinned{color:var(--text)}.hw-pin-slot{flex-shrink:0;width:20px;display:flex;justify-content:flex-end}.hw-pin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-2px -2px -2px 0;padding:0;border:none;background:none;border-radius:6px;color:var(--muted);cursor:pointer;transition:color .15s,background-color .15s;-webkit-tap-highlight-color:transparent}.hw-pin:hover{color:var(--accent);background:var(--hover)}.hw-pin-count{margin-left:7px;padding:1px 6px;border-radius:9999px;background:var(--accent-12);color:var(--accent);font-size:11px;font-weight:600}.hw-finetune-note{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.hw-finetune-reset{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 9px 6px 7px;border:none;border-radius:var(--r-ctrl);background:none;font-family:var(--ui-font);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:color .15s,background-color .15s}.hw-finetune-reset:hover{color:var(--accent);background:var(--hover)}.hw-lock-badge{min-width:0;margin-left:6px;padding:1px 7px;border-radius:9999px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--th-amber);background:rgba(168,116,18,.1);border:1px solid rgba(168,116,18,.3);text-align:center}.hw-studio .hw-rot-btn:disabled,.hw-studio input:disabled{opacity:.4;cursor:not-allowed}.hw-select-wrap{position:relative}.hw-select-wrap:after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.75px solid var(--muted);border-bottom:1.75px solid var(--muted);transform:rotate(45deg);pointer-events:none}.hw-studio select{width:100%;min-height:38px;padding:8px 32px 8px 12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--panel);border:1px solid var(--border-hi);border-radius:var(--r-ctrl);color:var(--text);font-family:var(--ui-font);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s}.hw-studio select:focus,.hw-studio select:hover{border-color:var(--accent)}.hw-studio select option{background:var(--panel);color:var(--text)}.hw-rot-dir-row{display:flex;gap:6px}.hw-rot-btn{flex:1;min-height:38px;padding:8px 6px;border:1px solid var(--border-hi);border-radius:var(--r-ctrl);display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--ui-font);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer;background:var(--panel);color:var(--muted-hi);transition:background-color .18s,color .18s,border-color .18s;text-align:center;-webkit-tap-highlight-color:transparent}.hw-rot-btn svg{flex-shrink:0}.hw-rot-btn:hover:not(.active){background:var(--hover);color:var(--text)}.hw-rot-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.hw-ink-swatches{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.hw-ink-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 1px 2px rgba(28,25,23,.25);cursor:pointer;flex-shrink:0;padding:0;transition:transform .15s,border-color .15s}.hw-ink-swatch:hover{transform:scale(1.15)}.hw-ink-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.hw-color-row{display:flex;flex-direction:column;gap:4px}.hw-color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}.hw-color-field>label:first-child{flex:1;font-size:13px;color:var(--muted-hi)}.hw-color-field-end{display:flex;align-items:center;gap:12px}.hw-studio input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:1px solid var(--border-hi);border-radius:50%;padding:2px;cursor:pointer;background:var(--panel);transition:border-color .2s,transform .15s;flex-shrink:0}.hw-studio input[type=color]:hover{border-color:var(--accent);transform:scale(1.1)}.hw-studio input[type=color]::-webkit-color-swatch-wrapper{padding:0}.hw-studio input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.hw-studio input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.hw-transp-label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hw-transp-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.hw-transp-label span{font-size:12px;color:var(--muted);white-space:nowrap}.hw-acc{display:flex;flex-direction:column}.hw-sec{border-top:1px solid var(--border)}.hw-sec>summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 6px;margin:0 -6px;border-radius:var(--r-ctrl);font-size:13px;font-weight:600;color:var(--text);transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.hw-sec>summary::-webkit-details-marker{display:none}.hw-sec>summary:hover{background:var(--hover)}.hw-sec>summary:focus-visible{outline:2px solid var(--accent-30);outline-offset:-2px}.hw-sec-title{flex:1;min-width:0;display:inline-flex;align-items:center;gap:7px}.hw-sec-title .hw-pin-count{margin-left:0}.hw-sec-sum{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-sec[open]>summary .hw-sec-sum{display:none}.hw-sum-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(28,25,23,.12)}.hw-sec>summary:after{content:"";width:7px;height:7px;margin-bottom:3px;flex-shrink:0;border-right:1.75px solid var(--muted);border-bottom:1.75px solid var(--muted);transform:rotate(45deg);transition:transform .18s}.hw-sec[open]>summary:after{transform:rotate(-135deg);margin-bottom:-3px}.hw-sec-body{padding:10px 0 18px}.hw-check{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:var(--muted-hi)}.hw-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.hw-hand-badge{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}.hw-hand-badge.demo{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;color:var(--th-amber);background:rgba(168,116,18,.12)}@media (max-width:1024px){.hw-main{flex-direction:column}.hw-col-input{display:contents}.hw-input-panel{order:1}.hw-col-preview{order:2}.hw-inspector{order:3}.hw-col-settings{order:4}.hw-col-preview,.hw-col-settings,.hw-input-panel,.hw-inspector{width:100%}.hw-studio textarea{min-height:180px}.hw-sliders{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}}@media (max-width:560px){.hw-sliders{grid-template-columns:1fr}}