#hlApp{width:95%;margin:18px auto 40px}.hltoolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;padding:10px 14px;background:white;border:1px solid #e0e0e6;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,0.06);margin-bottom:16px}.tbgroup{display:flex;align-items:center;gap:8px}.tbright{display:flex;align-items:center;gap:8px;margin-left:auto}.tbicon{padding:5px 9px;font-size:15px;line-height:1}.tbsep{width:1px;height:24px;background:#e0e0e6;flex-shrink:0}.tblabel{font-size:12px;text-transform:uppercase;letter-spacing:0.5px;color:#666;font-weight:bold}.tbbadge{display:inline-block;background:#2a2a3a;color:white;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:bold;margin-left:4px;min-width:14px;text-align:center;font-variant-numeric:tabular-nums}.tbbtn:disabled .tbbadge{background:#b0b0b8}.swatches{display:flex;gap:6px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform 0.1s ease,border-color 0.1s ease}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:#2a2a3a;transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,0.18)}.swatch-custom{position:relative;overflow:hidden;background:conic-gradient(from 0deg,#ff5252,#ffeb3b,#69f0ae,#80d8ff,#b388ff,#ff80ab,#ff5252);--customColor:#7d8acf;width:28px;height:28px;border-radius:50%;border:2px solid transparent;box-sizing:border-box;flex-shrink:0;clip-path:circle(50%)}.swatch-custom::after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--customColor,#7d8acf);pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7);transition:background 0.1s ease}.swatch-custom input[type="color"]{position:absolute;inset:0;width:100%;height:100%;border:none;padding:0;margin:0;cursor:pointer;opacity:0}.tbbtn{padding:7px 12px;font-size:13px;border:1px solid #cdcdd5;background:white;color:#2a2a3a;border-radius:3px;cursor:pointer}.tbbtn:hover:not(:disabled){background:#f0f0f5}.tbbtn:disabled{opacity:0.4;cursor:not-allowed}.primarybtn{background:#047e73;color:white;border-color:#047e73;font-weight:bold}.primarybtn:hover:not(:disabled){background:#036b62;color:white}.tbcheck{font-size:13px;color:#444;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.tbcount{font-size:12px;color:#666;font-variant-numeric:tabular-nums;margin-left:6px}.scannotice{background:#fff8e1;border:1px solid #f7d77c;color:#6a4d00;padding:12px 16px;border-radius:4px;margin-bottom:14px;font-size:14px}.scannotice a{color:#047e73;font-weight:bold}.hintnotice{display:flex;align-items:flex-start;gap:12px;background:#e7f5f4;border:1px solid #b8dcd8;color:#1f5651;padding:12px 14px;border-radius:4px;margin-bottom:14px;font-size:14px;line-height:1.4}.hintnotice .hinticon{font-size:18px;line-height:1;flex-shrink:0;color:#047e73;padding-top:1px}.hintnotice .hinttxt{flex:1;min-width:0}.hintnotice .hintclose{background:transparent;border:none;color:#1f5651;font-size:22px;cursor:pointer;line-height:1;padding:0 4px;flex-shrink:0;opacity:0.6}.hintnotice .hintclose:hover{opacity:1}.pageswrap{display:flex;flex-direction:column;align-items:center;gap:18px}.hl-page{position:relative;background:white;box-shadow:0 2px 12px rgba(0,0,0,0.12);line-height:1}.hl-page.no-text{cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:pinch-zoom;-webkit-touch-callout:none}.hl-page.no-text .hl-rect{cursor:pointer}.hl-textlayer{-webkit-touch-callout:default}.hl-textlayer>span{-webkit-user-select:text;user-select:text}.hl-page.touch-text{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}.hl-page.touch-text .hl-textlayer,.hl-page.touch-text .hl-textlayer>span{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hl-rubberband{position:absolute;pointer-events:none;border:1.5px dashed #2a2a3a;background:var(--currentHiliteScan,rgba(255,235,59,0.5));z-index:5}.hl-page canvas{display:block;border-radius:2px}.hl-textlayer{position:absolute;inset:0;overflow:hidden;line-height:1;opacity:0.2;color:transparent}.hl-textlayer>span{position:absolute;white-space:pre;cursor:text;transform-origin:0 0;color:transparent}.hl-highlights{position:absolute;inset:0;pointer-events:none}.hl-rect{position:absolute;pointer-events:auto;cursor:pointer;border-radius:1px;mix-blend-mode:multiply;opacity:var(--hlAlpha,0.45);transition:outline 0.1s ease}.tbselect{padding:5px 6px;font-size:13px;border:1px solid #cdcdd5;background:white;color:#2a2a3a;border-radius:3px;cursor:pointer;outline:none;height:30px}.hl-rect:hover{outline:2px solid rgba(0,0,0,0.35)}.hl-pageno{position:absolute;bottom:-22px;right:4px;font-size:11px;color:#888}.hl-textlayer ::selection{background:var(--currentHilite,rgba(255,235,59,0.9));color:transparent}.hl-textlayer ::-moz-selection{background:var(--currentHilite,rgba(255,235,59,0.9));color:transparent}.hlp-illus{margin:30px 0 56px;display:flex;justify-content:center}.hlp-illus img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 14px 40px rgba(73,86,165,0.14)}.preploader{margin:25px auto;max-width:540px;background:white;border:1px solid #e0e0e6;border-radius:8px;padding:18px 22px;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.preptop{display:flex;align-items:center;gap:14px}.prepspinner{width:26px;height:26px;border:3px solid var(--pcolor);border-top-color:#ddd;border-radius:50%;animation:hlspin 0.9s linear infinite;flex-shrink:0}.prepinfo{flex:1;min-width:0}.preptitle{font-weight:bold;font-size:14px;color:#2a2a3a}.prepsub{font-size:12px;color:#666;margin-top:2px}.prepct{font-weight:bold;color:#047e73;font-variant-numeric:tabular-nums;font-size:14px}.prepbar{height:6px;background:#e5e5ea;border-radius:3px;margin-top:14px;overflow:hidden}.prepbarfill{height:100%;background:#047e73;width:0;transition:width 0.18s ease;border-radius:3px}.loading{font-size:13px;display:flex;color:#535353;align-items:center;margin-top:12px;justify-content:center}.loading::before{width:16px;height:16px;margin-right:10px;content:'';border-radius:50%;border:2px solid var(--pcolor);display:inline-block;border-top-color:#ddd;animation:hlspin 1s linear infinite}@keyframes hlspin{to{transform:rotate(360deg)}}@media only screen and (max-width:700px){.hltoolbar{gap:10px 8px;padding:8px 10px}.tbright{margin-left:0;width:100%;justify-content:space-between;gap:8px}.tblabel{display:none}.swatches{gap:8px}.swatch,.swatch-custom{width:36px;height:36px}.tbbtn{padding:10px 12px;min-height:38px;font-size:14px}.primarybtn{flex:1}.tbselect{height:38px;font-size:14px;padding:6px 8px}.tbsep{display:none}.tbcheck{font-size:13px}#hlApp{width:100%;margin:12px 0 30px;padding:0 6px;box-sizing:border-box}.pageswrap{gap:14px;align-items:flex-start}.hl-page{max-width:100%}.hl-pageno{font-size:10px;bottom:-18px}}