:root{font-family:system-ui,-apple-system,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:#202020;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:48px 40px;margin:auto}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button,select,input[type=number]{min-height:44px;border:1px solid #aaa;border-radius:3px;background:white;padding:10px 12px;color:#202020}button{cursor:pointer}button:hover:not(:disabled){background:#f2f2f2}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #202020;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.intro h1{font-size:clamp(30px,4vw,44px);font-weight:650;letter-spacing:-1px;margin:0 0 16px}.intro p{font-size:15px;color:#555;line-height:1.9}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;margin:36px 0 48px;padding:32px 0;border-block:1px solid #ddd}.dropzone{width:100%;min-height:132px;border:1px dashed #999;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center}.dropzone span{font-size:12px;color:#666}.dragover{background:#eee}.preview-panel{min-width:0}figure{margin:20px 0}figure img{width:100%;height:300px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/16px 16px}figcaption{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin-top:10px}.image-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.image-list button{max-width:100%;font-size:12px;overflow-wrap:anywhere}.image-list button[aria-pressed=true]{border:2px solid #202020}.image-actions,.presets{display:flex;flex-wrap:wrap;gap:8px}.save{display:block;padding:14px;background:#202020;color:white;text-align:center;text-decoration:none;border-radius:3px;margin-top:16px}#zip{width:100%;margin-top:8px}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-weight:650;margin-bottom:16px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:16px}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px;accent-color:#202020}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select{max-width:100%;min-width:0;width:100%}.check input{width:auto}#ratio-note,.limits{font-size:12px;color:#666;line-height:1.8}#size-summary{display:block;padding:16px;background:#f5f5f5;font-size:13px;line-height:1.8}.primary{width:100%;background:#202020;color:white;border-color:#202020}.primary:hover:not(:disabled){background:#444}#cancel{width:100%;margin-top:8px}#status{font-size:13px;line-height:1.8;overflow-wrap:anywhere}#status.error{font-weight:650;color:#202020}.guide,.faq{margin:36px 0;line-height:1.9}.guide h2,.faq h2{font-size:23px}.guide h3{font-size:16px}.guide p,.guide li{font-size:14px;color:#555}.faq details{padding:16px 0;border-bottom:1px solid #ddd}.faq summary{font-size:14px;cursor:pointer}.faq p{font-size:13px;color:#555}footer{margin-top:48px;padding-top:24px;border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#555}footer nav{display:flex;flex-wrap:wrap;gap:18px}.document{max-width:800px;line-height:1.9}.document h1{font-size:30px}.document h2{font-size:19px}.document p{font-size:14px}@media(max-width:720px){main{padding:32px 24px}.workspace{grid-template-columns:1fr;gap:28px}figure img{height:240px}footer{flex-direction:column}}
#target-presets{margin-bottom:16px}#target-presets button[aria-pressed=true]{border:2px solid #202020}#results article{border-top:1px solid #ddd;padding:16px 0;overflow-wrap:anywhere}#results h3{font-size:14px}#results p{font-size:12px;line-height:1.9}#results a{display:inline-block;padding:10px 16px;min-height:44px;border:1px solid #aaa}