:root{--bg:white;--bg-shaded:#f8f8f8;--bg-hover:#eee;--bg-select:#eef;--fg:black;background-color:var(--bg);color:var(--fg)}@media (prefers-color-scheme:dark){:root{--bg:#111;--bg-shaded:#1c1c1c;--bg-hover:#333;--bg-select:#335;--fg:white}}*{box-sizing:border-box}body{align-items:flex-start;margin:0;padding:0 16px;font-family:sans-serif;display:flex}nav{flex-flow:column;flex-shrink:0;gap:12px;width:170px;height:100vh;margin-right:30px;padding:24px 0 16px;display:flex;position:sticky;top:0;overflow-y:auto}nav>.img{aspect-ratio:1;background:url(/tools/asako-light.f78b3bcd.webp) 50%/contain no-repeat;width:80%;margin:auto auto 0}@media (prefers-color-scheme:dark){nav>.img{background:url(/tools/asako-dark.2f7bdd3e.webp) 50%/contain no-repeat}}nav>.img:hover{background:url(/tools/blankserval.3ef5db28.webp) 50%/20% no-repeat}nav>.img.clicked{background:url(/tools/chu.00173511.webp) 50%/contain no-repeat}main{flex:auto;min-width:0;padding:24px 0 16px}h1{margin-top:0}.linked{flex-flow:wrap;display:flex}.linked input[type=number]{width:4em}.linked input[type=range]{flex-grow:1}.hyphenation{width:100%}.hyphenation>p{margin:0}.hyphenation>input{width:100%}.hyphenation>div{text-align:right}.adjustment_box{image-rendering:pixelated;background-color:gray;height:60vh;position:relative;overflow:hidden}.adjustment_box>div{display:flex;position:absolute}.adjustment_box>div img{opacity:.5}.adjustment_box>div .draggable{cursor:move;position:absolute}.adjustment_box>div:not(:has(img.exists)){display:none}.adjustment_box>div>.anchor{z-index:1;background:0 0;border:none;margin:0;padding:0;font-size:100px;position:absolute}.adjustment_box>div>.anchor:hover{background:#0003}.adjustment_box>div>.anchor.top{top:-4px}.adjustment_box>div>.anchor.bottom{bottom:0}.adjustment_box>div>.anchor.left{left:0}.adjustment_box>div>.anchor.right{right:0}.adjustment_box>div>.anchor.top.right{transform:scaleX(-1)}.adjustment_box>div>.anchor.bottom.left{transform:scaleY(-1)}.adjustment_box>div>.anchor.bottom.right{transform:scale(-1)}.adjustment_box>.reset{background:0 0;border:none;margin:0;padding:5px 10px 0;font-size:40px;position:absolute;bottom:0;right:0}.adjustment_box>.reset:hover{background:#0003}label:has(>input[name=watermark_kind][value=preset]:checked)~input[name=watermark_file]{display:none}input[name=watermark_file]{margin-left:8px}p:has(input[name=watermark_kind][value=file]:checked)~.watermark_presets{display:none}.watermark_presets dt{font-weight:700}.watermark_presets img{background:#fff;max-width:100px;max-height:100px}.watermark_presets img:hover{background:#eee}.watermark_presets input[type=radio]{display:none}.watermark_presets input[type=radio]:checked~img{background:#ddd}.thumbnails{margin:10px 0}.thumbnails img{height:40px}.thumbnails>button{background:#eee;border:1px solid #eee;margin:2px;padding:7px}.thumbnails>button:disabled{background:#536dfe;border:1px solid #536dfe}.thumbnails>button:hover{border:1px solid gray}.prev_next{margin:5px 0;display:flex}.prev_next button{background:var(--bg-shaded);border:0;flex:auto;margin:0;padding:0;font-size:26px}.prev_next button:hover{background:var(--bg-hover)}.prev_next button:disabled{background:var(--bg)}.adjust_and_preview{flex-flow:row;display:flex}.adjust_and_preview>*{flex:0 50%}.adjust_and_preview>.preview_holder{image-rendering:pixelated;background-color:gray;height:60vh;position:relative;overflow:hidden}