.annotator{padding:clamp(20px,4vw,36px)}.annotator h2{margin:0 0 12px}.annotator p{line-height:1.7}.annotator .intro,.annotator .sub,.annotator .hint,.annotator .meta{color:#667085}.annotator .hint,.annotator .meta{font-size:.88rem}.annotator .drop-zone{text-align:center;border:2px dashed #b8c7e3;border-radius:14px;padding:34px 16px;position:relative}.annotator .drop-zone.dragging{background:#eff5ff;border-color:#2563eb}.annotator .drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.annotator .drop-zone p{margin:7px}.annotator .drop-zone button,.annotator .primary,.annotator .download,.annotator .copy{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:10px;font-weight:700}.annotator .drop-zone button{padding:.8rem 1.3rem}.annotator .paste-hint{color:#344054;font-size:.92rem}.annotator kbd{font:inherit;background:#fff;border:1px solid #c7d0de;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.85em}.annotator .privacy{margin-top:12px}.annotator .message{border-radius:9px;margin:16px 0 0;padding:13px 15px}.annotator .status{color:#2455a4;background:#eff6ff}.annotator .error{color:#a91d2c;background:#fff0f0}.annotator .warning{color:#805500;background:#fff8e7}.annotator .editor,.annotator .result{border-top:1px solid #e2e6ef;margin-top:28px;padding-top:25px}.annotator .editor h2:not(:first-child){margin-top:30px}.annotator .toolbar{flex-wrap:wrap;gap:6px;display:flex}.annotator .tool{color:#344054;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d0de;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.annotator .tool svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.annotator .tool[aria-pressed=true]{color:#fff;background:#2563eb;border-color:#2563eb}.annotator .style-bar{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:12px;display:flex}.annotator .swatches{gap:6px;display:flex}.annotator .swatch{cursor:pointer;position:relative}.annotator .swatch input{opacity:0;width:1px;height:1px;position:absolute}.annotator .swatch span{border:2px solid #d0d5dd;border-radius:50%;width:30px;height:30px;display:block;box-shadow:inset 0 0 0 2px #fff}.annotator .swatch input:checked+span{border-color:#2563eb;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #93b4ff}.annotator .swatch input:focus-visible+span{outline-offset:2px;outline:3px solid #93b4ff}.annotator .sizes{gap:12px;display:flex}.annotator .sizes label,.annotator .choice-grid label{cursor:pointer;align-items:center;gap:5px;display:flex}.annotator .inline-field{align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.annotator .inline-field select,.annotator .inline-field input{font:inherit;background:#fff;border:1px solid #aab8d0;border-radius:8px;padding:.5rem .6rem;font-weight:400}.annotator .inline-field input{width:6.5rem}.annotator .inline-field input[type=range]{border:0;width:140px;padding:0}.annotator .inline-field input[type=color]{width:48px;height:38px;padding:2px}.annotator .range-field output{font-variant-numeric:tabular-nums;min-width:1.6em}.annotator .hint{margin:10px 0 0}.annotator .stage-wrap{background:#eef1f6;border-radius:10px;justify-content:center;margin:14px 0 0;padding:14px;display:flex}.annotator .stage{background:repeating-conic-gradient(#e3e7ee 0 25%,#fff 0 50%) 0 0/16px 16px;line-height:0;position:relative;box-shadow:0 1px 4px #1018282e}.annotator .stage canvas{display:block}.annotator #ian-overlay{touch-action:none;cursor:crosshair;position:absolute;top:-14px;left:-14px}.annotator #ian-overlay[data-tool=select]{cursor:default}.annotator #ian-text-input{z-index:2;resize:none;white-space:pre;background:#ffffffd9;border:1px dashed #2563eb;border-radius:3px;min-width:4em;margin:0;padding:0 2px;font-weight:700;line-height:1.3;position:absolute;overflow:hidden}.annotator .edit-actions{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.annotator .edit-actions button,.annotator .presets button{color:#344054;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #aab8d0;border-radius:8px;padding:7px 12px;font-size:.86rem;font-weight:700}.annotator .edit-actions button:disabled{opacity:.5;cursor:not-allowed}.annotator .option-fieldset{border:1px solid #d8e0ed;border-radius:9px;margin:14px 0;padding:14px}.annotator .option-fieldset legend{color:#344054;padding:0 5px;font-size:.86rem;font-weight:700}.annotator .choice-grid{flex-wrap:wrap;gap:8px 24px;display:flex}.annotator .margin-options{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:14px;display:flex}.annotator .margin-options .hint{flex-basis:100%;margin:0}.annotator .presets{align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:flex}.annotator .presets span{margin-right:4px}.annotator .primary{width:100%;min-height:52px;padding:14px 20px}.annotator .primary:disabled{cursor:not-allowed;background:#aebbd0}.annotator .complete{color:#176b37;font-weight:700}.annotator .preview-box{background:#f8faff;border:1px solid #dbe2ee;border-radius:11px;align-items:center;gap:14px;padding:14px;display:flex}.annotator .preview-box img{object-fit:contain;background:repeating-conic-gradient(#e3e7ee 0 25%,#fff 0 50%) 0 0/12px 12px;border:1px solid #dbe2ee;border-radius:8px;width:96px;height:96px}.annotator .preview-box div{gap:4px;min-width:0;display:grid}.annotator .preview-box span{color:#667085;font-size:.86rem}.annotator .result-actions{gap:10px;margin-top:14px;display:flex}.annotator .download,.annotator .copy{text-align:center;flex:1;justify-content:center;align-items:center;min-height:50px;padding:12px 18px;text-decoration:none;display:flex}.annotator .download{background:#18733a}.annotator .copy{color:#18733a;background:#fff;border:1px solid #18733a}.annotator button:focus-visible,.annotator a:focus-visible,.annotator input:focus-visible,.annotator select:focus-visible{outline-offset:2px;outline:3px solid #93b4ff}.annotator button:disabled,.annotator input:disabled,.annotator select:disabled{opacity:.55;cursor:not-allowed}.annotator [hidden]{display:none!important}@media (width<=560px){.annotator .drop-zone{padding:28px 12px}.annotator .tool{flex-direction:column;flex:calc(25% - 6px);justify-content:center;gap:2px;min-height:52px;padding:6px 4px;font-size:.8rem}.annotator .edit-actions button{flex:calc(50% - 8px)}.annotator .stage-wrap{padding:8px}.annotator .result-actions{flex-direction:column}.annotator .preview-box{align-items:flex-start}}.guide[data-astro-cid-djzdt2cu] .table-scroll[data-astro-cid-djzdt2cu]{border:1px solid #dce4f0;border-radius:8px;max-width:100%;overflow-x:auto}.guide[data-astro-cid-djzdt2cu] table[data-astro-cid-djzdt2cu]{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}.guide[data-astro-cid-djzdt2cu] th[data-astro-cid-djzdt2cu],.guide[data-astro-cid-djzdt2cu] td[data-astro-cid-djzdt2cu]{text-align:left;vertical-align:top;border:1px solid #dce4f0;padding:10px 12px;line-height:1.7}.guide[data-astro-cid-djzdt2cu] thead[data-astro-cid-djzdt2cu] th[data-astro-cid-djzdt2cu]{background:#edf2fa}.guide[data-astro-cid-djzdt2cu] tbody[data-astro-cid-djzdt2cu] th[data-astro-cid-djzdt2cu]{white-space:nowrap;background:#f7f9fc}.guide[data-astro-cid-djzdt2cu]{padding:clamp(20px,4vw,36px)}.guide[data-astro-cid-djzdt2cu] h2[data-astro-cid-djzdt2cu]{margin-top:2rem}.guide[data-astro-cid-djzdt2cu] h2[data-astro-cid-djzdt2cu]:first-child{margin-top:0}.guide[data-astro-cid-djzdt2cu] h3[data-astro-cid-djzdt2cu]{margin-top:1.5rem}.guide[data-astro-cid-djzdt2cu] p[data-astro-cid-djzdt2cu],.guide[data-astro-cid-djzdt2cu] li[data-astro-cid-djzdt2cu]{line-height:1.85}.guide[data-astro-cid-djzdt2cu] li[data-astro-cid-djzdt2cu]+li[data-astro-cid-djzdt2cu]{margin-top:.5rem}
