@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap";:root,[data-theme=light]{--bg: #f4ede0;--paper: #faf5ea;--surface: #ece3cf;--surface-2: #ddd1b7;--border-faint: #d8c9ab;--border: #b8a584;--ink: #1a1410;--ink-strong: #0d0907;--ink-dim: #6b5945;--ink-mute: #a08c6e;--accent: #8c2818;--shadow: 0 24px 56px -28px rgba(60, 38, 10, .35)}[data-theme=dark]{--bg: #1a1410;--paper: #221a13;--surface: #2a2017;--surface-2: #34281d;--border-faint: #2e261d;--border: #4d3f2e;--ink: #ebdcc4;--ink-strong: #fbeed3;--ink-dim: #a89479;--ink-mute: #6a5946;--accent: #db9871;--shadow: 0 24px 56px -28px rgba(0, 0, 0, .7)}:root{--pt-path-stroke: var(--pen-color, var(--ink));--pt-anchor-fill: var(--pen-color, var(--ink));--pt-anchor-stroke: transparent;--pt-handle-fill: var(--paper);--pt-handle-stroke: var(--pen-color, var(--ink-dim));--pt-handle-line: var(--pen-color, var(--ink-mute));--pt-close-hint: var(--accent);--pt-mode-bg: var(--paper);--pt-mode-fg: var(--ink)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}button,input{font:inherit;color:inherit}ul{list-style:none}body{font-family:Newsreader,Iowan Old Style,Georgia,serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}::selection{background:var(--accent);color:var(--paper)}header{display:flex;align-items:baseline;gap:24px;padding:28px 40px 18px;border-bottom:1px solid var(--border-faint)}h1{font-size:22px;font-weight:500;letter-spacing:-.005em;color:var(--ink-strong)}.actions{margin-left:auto;display:flex;align-items:baseline;gap:4px}.ghost,.ink,.theme-btn,.load-btn{font-family:inherit;font-size:14px;background:transparent;border:none;cursor:pointer;color:var(--ink-dim);padding:4px 10px;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.ghost:hover:not(:disabled),.ink:hover:not(:disabled),.theme-btn:hover,.load-btn:hover{color:var(--ink);border-bottom-color:var(--ink)}.ink{color:var(--ink-strong);border-bottom-color:var(--ink-strong)}.ink:disabled,.ghost:disabled,.new-region:disabled{color:var(--ink-mute);border-bottom-color:transparent;cursor:not-allowed}.theme-switch{display:inline-flex;align-items:baseline;margin-right:12px;color:var(--ink-mute)}.theme-btn{padding:4px 8px}.theme-btn.active{color:var(--ink-strong);border-bottom-color:var(--ink-strong)}.theme-divider{color:var(--ink-mute);font-size:14px}.pen-color{display:inline-flex;align-items:center;gap:4px;margin:0 14px 0 6px;padding-left:14px;border-left:1px solid var(--border-faint)}.pen-color-label{font-size:12px;color:var(--ink-mute);margin-right:4px}.pen-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border);background:var(--swatch, transparent);cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}.pen-swatch[data-pen-color=""]{background:linear-gradient(135deg,var(--ink) 0 50%,var(--paper) 50% 100%)}.pen-swatch:hover:not(.active){transform:scale(1.15)}.pen-swatch.active{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--ink-strong)}.pen-custom-wrap{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);cursor:pointer;overflow:hidden;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);transition:transform .12s}.pen-custom-wrap:hover{transform:scale(1.15)}.pen-custom{opacity:0;width:100%;height:100%;border:none;background:transparent;padding:0;cursor:pointer}.load-btn{display:inline-block}main{position:fixed;top:75px;left:0;right:0;bottom:0;display:flex}aside{width:300px;flex-shrink:0;padding:28px 32px 24px;border-right:1px solid var(--border-faint);display:flex;flex-direction:column;gap:12px}aside h2{font-size:13px;font-weight:500;color:var(--ink-dim);padding-bottom:10px;border-bottom:1px solid var(--border-faint);text-transform:lowercase;letter-spacing:.04em}.region-list{flex:1;overflow-y:auto;margin:0 -8px;padding:0 8px}.region-list:empty:after{content:"No regions yet.";display:block;font-style:italic;color:var(--ink-mute);padding:12px 0;font-size:14px}.region{position:relative;padding:12px 0 14px;border-bottom:1px solid var(--border-faint);cursor:pointer}.region:before{content:"";position:absolute;left:-20px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .15s}.region.active:before{opacity:1}.region-head{display:flex;align-items:center;gap:8px}.region-color-wrap{position:relative;flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:var(--region-color, var(--accent));border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:transform .12s}.region-color-wrap:hover{transform:scale(1.15)}.region-color{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;border:none;background:transparent;opacity:0;cursor:pointer}.region-name{font-family:inherit;font-size:16px;font-weight:500;background:transparent;border:none;outline:none;color:var(--ink-strong);padding:0;width:100%}.region-name:focus{color:var(--accent)}.region-href{display:block;font-family:inherit;font-size:13px;background:transparent;border:none;outline:none;border-bottom:1px dashed var(--border-faint);color:var(--ink-dim);padding:3px 0;margin-top:6px;width:100%}.region-href::placeholder{color:var(--ink-mute);font-style:italic}.region-href:focus{border-bottom-style:solid;border-bottom-color:var(--ink-dim)}.region-data{margin-top:10px;display:flex;flex-direction:column;gap:2px}.data-row{display:flex;align-items:baseline;gap:6px}.data-key,.data-value{font-family:inherit;font-size:12px;background:transparent;border:none;border-bottom:1px dashed var(--border-faint);outline:none;color:var(--ink);padding:2px 0;min-width:0}.data-key{flex:0 0 78px;color:var(--ink-dim)}.data-value{flex:1;color:var(--ink)}.data-key:focus,.data-value:focus{border-bottom-style:solid;border-bottom-color:var(--ink-dim)}.data-key::placeholder,.data-value::placeholder{color:var(--ink-mute);font-style:italic}.data-sep{color:var(--ink-mute);font-size:11px}.data-delete{background:transparent;border:none;color:var(--ink-mute);cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.data-delete:hover{color:var(--accent)}.data-add{align-self:flex-start;background:transparent;border:none;color:var(--ink-mute);font-family:inherit;font-size:12px;cursor:pointer;padding:4px 0 0;border-bottom:1px solid transparent;margin-top:2px}.data-add:hover{color:var(--ink-dim);border-bottom-color:var(--ink-dim)}.region-meta{margin-top:10px;font-size:12px;color:var(--ink-mute);display:flex;justify-content:space-between;align-items:baseline}.region-delete{background:transparent;border:none;color:var(--ink-mute);font-family:inherit;font-size:12px;cursor:pointer;padding:0;border-bottom:1px solid transparent}.region-delete:hover{color:var(--accent);border-bottom-color:var(--accent)}.new-region{font-family:inherit;font-size:14px;color:var(--ink-dim);background:transparent;border:1px dashed var(--border);padding:10px 14px;cursor:pointer;text-align:center;transition:color .15s,border-color .15s}.new-region:hover:not(:disabled){color:var(--ink-strong);border-color:var(--ink-dim);border-style:solid}.stage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.stage.dropping:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px dashed var(--accent);pointer-events:none;z-index:60}.drop-zone{text-align:center;max-width:480px;padding:60px 40px;color:var(--ink-dim)}.drop-zone h3{font-size:26px;font-weight:500;color:var(--ink-strong);margin-bottom:14px;letter-spacing:-.01em}.drop-zone p{font-size:15px;line-height:1.75;margin-bottom:12px}.drop-zone em{color:var(--ink)}.drop-zone .rule{width:32px;height:1px;background:var(--border);margin:24px auto}.image-wrap{position:absolute;top:0;left:0;transform-origin:0 0;line-height:0;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow)}.image-wrap img{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.regions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.region-shape{fill:var(--region-color, var(--accent));fill-opacity:.12;stroke:var(--region-color, var(--accent));stroke-opacity:.55;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:auto;cursor:pointer;transition:fill-opacity .15s,stroke-opacity .15s}.region-shape:hover{fill-opacity:.28;stroke-opacity:.9}.pan-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;cursor:grab;display:none;background:transparent}.pan-shield.active{display:block}.pan-shield.dragging{cursor:grabbing}.status{position:fixed;bottom:18px;left:332px;right:40px;font-size:13px;color:var(--ink-dim);display:flex;gap:14px;align-items:baseline;pointer-events:none}.status em{color:var(--ink-strong);font-weight:500}.status-hints{color:var(--ink-mute);font-size:12px}.status-zoom{margin-left:auto;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;color:var(--ink-mute);letter-spacing:.05em}.status-hints kbd{font-family:inherit;font-style:italic;border-bottom:1px solid var(--border);padding:0 2px;margin:0 2px;color:var(--ink-dim)}