:root{--page-width: 840px;--bar-height: 64px;--button-height: 32px;color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px}html,body,#root{min-height:100%}html{scroll-padding-bottom:calc(var(--bar-height) + 16px)}body{margin:0;background:#fff;color:#000}*{box-sizing:border-box}button,input,select{font:inherit}button{height:var(--button-height);border:1px solid #000;background:#fff;color:#000;padding:0 12px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#000;color:#fff}button:disabled{opacity:.35;cursor:not-allowed}.language-select{position:fixed;top:8px;left:8px;z-index:30;display:flex;align-items:center;gap:6px;background:#fff}.language-select select{height:var(--button-height);border:1px solid #000;background:#fff;color:#000;padding:0 8px}.app-main{width:min(var(--page-width),calc(100% - 16px));margin:0 auto;padding:48px 0 calc(var(--bar-height) + 18px + env(safe-area-inset-bottom))}.empty-drop{display:grid;place-items:center;width:100%;min-height:calc(100dvh - var(--bar-height) - 66px - env(safe-area-inset-bottom));border:1px dashed #000;background:#fff;font-size:15px}.image-list{margin:0;padding:0;border:1px solid #000;list-style:none}.image-row{display:grid;grid-template-columns:44px minmax(0,1fr) 156px 56px;align-items:center;gap:8px;min-height:56px;padding:7px 8px;border-bottom:1px solid #000}.image-row:last-child{border-bottom:0}.image-row.no-watermark{grid-template-columns:44px minmax(0,1fr) 56px}.thumb{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border:1px solid #000;background-color:#ddd;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;font-size:11px}.thumb img{width:100%;height:100%;object-fit:contain}.row-main{min-width:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.35}.row-meta{display:flex;gap:8px;overflow:hidden;color:#000;font-size:11px;line-height:1.4;white-space:nowrap}.watermark-toggle,.remove{width:100%;min-width:0;overflow:hidden;padding:0 8px;text-overflow:ellipsis}.bottom-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:var(--bar-height);padding:10px max(8px,calc((100vw - var(--page-width)) / 2)) calc(10px + env(safe-area-inset-bottom));border-top:2px solid #000;background:#fff}.watermark-area{display:flex;align-items:center;gap:8px;min-width:0}.watermark-preview{width:32px;height:32px;border:1px solid #000;background-color:#777;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;object-fit:contain}.size-area{display:flex;align-items:center;gap:4px}.size-area input{width:72px;height:var(--button-height);border:1px solid #000;padding:0 6px;text-align:right}.watermark-button{min-width:148px;overflow:hidden;text-overflow:ellipsis}.convert-button{min-width:72px;font-weight:700}.progress{width:120px;height:10px;border:1px solid #000}.progress>div{height:100%;background:#000}.hover-preview{position:fixed;z-index:60;width:min(360px,calc(100vw - 16px));border:1px solid #000;background:#fff;pointer-events:none}.hover-preview img{display:block;width:100%;max-height:min(280px,calc(100vh - 56px));object-fit:contain;background-color:#777;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.hover-preview div{overflow:hidden;border-top:1px solid #000;padding:5px 6px;text-overflow:ellipsis;white-space:nowrap}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;border:4px solid #000;background:#ffffffdb;font-size:20px;font-weight:700;pointer-events:none}.toast{position:fixed;right:8px;bottom:calc(var(--bar-height) + 8px + env(safe-area-inset-bottom));z-index:50;max-width:min(340px,calc(100vw - 16px));border:1px solid #000;padding:8px 10px;background:#fff;color:#000}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){:root{--bar-height: 116px}.app-main{width:calc(100% - 8px);padding-top:48px}.image-row,.image-row.no-watermark{grid-template-columns:44px minmax(0,1fr) 56px}.watermark-toggle{grid-column:2 / -1}.bottom-bar{grid-template-columns:1fr;align-items:stretch;gap:6px}.watermark-area{overflow-x:auto}.size-area,.progress,.convert-button{width:100%}}