:root{--bg:#f4f5f7;--surface:#ffffff;--surface-alt:#e9ebee;--border:#c9cdd3;--text:#2b2f36;--text-muted:#6b7280;--accent:#2f5fa3;--accent-dark:#274e85;--danger:#b3261e;--focus:#5b8de0;--radius:5px;--font-size:13px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size)}body{display:flex;flex-direction:column;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hidden{display:none!important}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);flex:0 0 auto}.app-title{font-weight:600;font-size:14px;margin-right:4px}.toolbar-spacer{flex:1 1}.count{color:var(--text-muted);padding:4px 6px;gap:4px}.btn,.count{white-space:nowrap;display:inline-flex;align-items:center}.btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;gap:5px}.btn img.btn-icon-img{width:14px;height:14px;flex:0 0 auto}.btn:hover{background:var(--surface-alt)}.btn:active{background:#dcdedf}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent-dark);color:#ffffff;font-weight:600}.btn.primary:hover{background:var(--accent-dark)}.btn.primary:disabled{background:var(--accent);opacity:.5}.btn-icon{width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;line-height:1;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.btn-icon img{width:14px;height:14px;display:block;pointer-events:none}.btn-icon:hover{background:var(--surface-alt);border-color:var(--border)}.btn-icon.danger:hover{color:var(--danger);border-color:var(--danger)}.layout{min-height:0}.image-panel,.layout{display:flex;flex:1 1 auto}.image-panel{min-width:0;overflow-y:auto;padding:10px;background:var(--bg);flex-direction:column}.settings-panel{flex:0 0 320px;width:320px;overflow-y:auto;border-right:1px solid var(--border);padding:6px}.panel,.settings-panel{background:var(--surface)}.panel{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px}.panel summary{cursor:pointer;padding:7px 10px;font-weight:600;background:var(--surface-alt);-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.panel:not([open]) summary{border-radius:var(--radius)}.panel[open] summary{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.panel summary::-webkit-details-marker{display:none}.panel summary:before{content:"▸ ";color:var(--text-muted)}.panel[open] summary:before{content:"▾ "}.panel-note,.panel>:not(summary){margin:8px 10px}.panel-note{color:var(--text-muted);font-size:11px;line-height:1.4}#margins-advanced{display:grid;grid-template-columns:repeat(2,1fr)}.field{margin-bottom:8px}.field label,.field-label{display:block;margin-bottom:3px;color:var(--text);font-weight:500}.field input[type=number],.field input[type=text],.field select{width:100%;padding:5px 7px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.field input[type=number]{width:100%}.field input:focus,.field select:focus{border-color:var(--focus)}.row{display:flex;gap:6px}.row .field{flex:1 1;min-width:0}.checkbox-field{display:flex;align-items:center;gap:6px}.checkbox-field label{margin:0;font-weight:400}.radio-row{display:flex;gap:14px}.radio-row label{display:flex;align-items:center;gap:4px;font-weight:400;margin:0}.slider-field input[type=range]{width:100%;display:block;margin-bottom:2px}.slider-field input[type=number]{width:64px;margin-left:8px}.slider-field .val{color:var(--text-muted);font-weight:400}.image-list-container{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.empty-state{margin:auto;text-align:center;color:var(--text-muted);padding:40px}.empty-state .empty-icon{display:block;margin:0 auto 10px;opacity:.9}.empty-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 6px}.empty-hint{margin:0}.image-list{list-style:none;margin:0;padding:0;width:100%}.image-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;margin-bottom:6px;cursor:default}.image-row.dragging{opacity:.5}.image-row.drop-before{box-shadow:0 -2px 0 0 var(--accent)}.image-row.drop-after{box-shadow:0 2px 0 0 var(--accent)}.drag-handle{cursor:-webkit-grab;cursor:grab;color:var(--text-muted);font-size:15px;flex:0 0 auto;padding:2px 4px}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.order-num{width:22px;height:22px;background:var(--surface-alt);font-weight:600;font-size:12px}.order-num,.thumb-wrap{flex:0 0 auto;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center}.thumb-wrap{width:48px;height:48px;background:#ffffff;overflow:hidden}.thumb-wrap img{max-width:48px;max-height:48px;transform-origin:center}.img-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.img-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-dims{color:var(--text-muted);font-size:12px}.row-actions{flex:0 0 auto;display:flex;align-items:center;gap:3px}.order-input{width:46px;padding:3px 4px;border:1px solid var(--border);border-radius:3px;text-align:center;margin:0 4px}.wm-file-name{display:block;margin-top:4px;color:var(--text-muted);font-size:12px;word-break:break-all}.wm-image-preview-wrap{margin-bottom:8px}.wm-image-preview{max-width:120px;max-height:80px;border:1px solid var(--border);border-radius:3px;background:#ffffff}.pos-grid{display:grid;grid-template-columns:repeat(3,34px);grid-gap:4px;gap:4px;width:-moz-fit-content;width:fit-content}.pos-btn{width:34px;height:26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text);font-size:11px}.pos-btn:hover{background:var(--surface-alt)}.pos-btn.active{background:var(--accent);border-color:var(--accent-dark);color:#ffffff}.output-path{color:var(--text-muted);font-size:12px;word-break:break-all;margin-bottom:8px;padding:4px 6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius)}.preview-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.preview-scroll{max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff;padding:10px}.preview-page{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.preview-page:last-child{margin-bottom:0}.page-label{font-size:11px;color:var(--text-muted);margin-bottom:3px}.preview-page canvas{max-width:100%;height:auto;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.15)}.preview-empty{color:var(--text-muted);text-align:center;padding:24px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.preview-empty .empty-icon{opacity:.85}.statusbar{display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--surface);border-top:1px solid var(--border);flex:0 0 auto}.status-text{flex:0 0 auto;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-wrap{flex:1 1 auto;display:flex;align-items:center;gap:8px}.progress-bar{flex:1 1 auto;height:8px;background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .15s ease}.progress-label{flex:0 0 auto}.progress-label,.statusbar .brand{color:var(--text-muted);font-size:12px;white-space:nowrap}.statusbar .brand{margin-left:auto;letter-spacing:.2px}.drop-overlay{position:fixed;inset:0;background:rgba(47,95,163,.12);border:3px dashed var(--accent);z-index:50;pointer-events:none}.drop-box,.drop-overlay{display:flex;align-items:center;justify-content:center}.drop-box{background:var(--surface);border:1px dashed var(--accent);border-radius:var(--radius);color:var(--accent-dark);font-size:18px;font-weight:600;padding:24px 40px;box-shadow:0 4px 16px rgba(0,0,0,.15);flex-direction:column;gap:12px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.2);width:440px;max-width:calc(100vw - 40px);padding:16px}.modal h2{margin:0 0 10px;font-size:15px}.modal-message{margin:0 0 14px;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;line-height:1.5;max-height:240px;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width:980px){.settings-panel{flex:0 0 270px;width:270px}}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}@media (max-width:980px){.layout{flex-direction:column}.settings-panel{flex:0 0 auto;width:100%;border-left:none;border-top:1px solid var(--border);max-height:45vh}.toolbar{flex-wrap:wrap}.toolbar .count{display:none}.preview-scroll{max-height:220px}}@media (max-width:640px){.toolbar{gap:6px;padding:6px 8px}.toolbar-spacer{display:none}.toolbar .btn{flex:1 1 auto;min-width:0}.toolbar .btn.primary{flex-basis:100%}.app-title{font-size:13px}.btn,.statusbar{padding:6px 8px}.statusbar{gap:8px}}.install-hint{color:var(--text-muted);font-size:11px;line-height:1.4;margin:8px 10px;display:flex;align-items:center;gap:6px}.install-hint button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;cursor:pointer;color:var(--accent-dark);font-weight:600}.install-hint button:hover{background:var(--surface-alt)}.tab-nav{display:flex;justify-content:space-between;align-items:end;gap:0;padding:6px 10px 0;background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.tab-btn{border:1px solid transparent;border-bottom:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:13px;padding:8px 16px;cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;margin-bottom:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-btn:hover{background:var(--surface-alt);color:var(--text)}.tab-btn.active{background:var(--bg);border-color:var(--border);color:var(--accent-dark)}.tab-btn.active:after{content:"";display:block;height:1px;margin-top:-1px}@media (max-width:640px){.tab-nav{align-items:stretch;flex-wrap:wrap;gap:4px;padding:6px 8px 0}.tab-nav>div:first-child{display:flex;flex:1 1 100%;min-width:0}.tab-btn{flex:1 1;min-width:0;padding:8px 10px;white-space:nowrap}.tab-slot{width:100%}}.c2pa-layout{align-items:stretch}.c2pa-main{flex:1 1 auto;min-width:0;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}@media (min-width:981px){.c2pa-tab{padding-top:1.5rem}}.c2pa-layout.drag-active .c2pa-drop{border-color:var(--accent);background:#eef3ff}.c2pa-drop{flex:0 1 auto;width:100%;max-width:560px;margin:auto;border:2px dashed var(--border);border-radius:10px;background:var(--surface);padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.c2pa-drop.working{opacity:.6;pointer-events:none}.drop-icon{opacity:.7;margin-bottom:4px}.c2pa-drop .panel-title{margin:0}.c2pa-hint{max-width:380px;line-height:1.5}.c2pa-msg{margin:8px 0 0;padding:8px 12px;border-radius:var(--radius);font-weight:500;width:100%;box-sizing:border-box}.c2pa-working{background:var(--surface-alt);color:var(--text-muted)}.c2pa-done{background:#e7f4e8;color:#1f7a33}.c2pa-error{background:#f9e7e5;color:var(--danger)}.c2pa-meta{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.c2pa-results{width:100%;max-width:560px;margin:0 auto}.c2pa-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.c2pa-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.c2pa-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:6px;font-size:13px}.c2pa-item-name{display:flex;align-items:center;gap:8px}.c2pa-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.c2pa-item-msg{margin:4px 0 0}.c2pa-item-meta,.c2pa-item-msg{font-size:12px;color:var(--text-muted)}.c2pa-item-meta{margin:2px 0 0}.c2pa-item.queued{opacity:.8}.c2pa-item.processing{border-color:var(--focus)}.c2pa-item.done{border-left:3px solid #2e9e4f}.c2pa-item.error{border-left:3px solid var(--danger)}.spinner{display:inline-block;width:12px;height:12px;flex:0 0 auto;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:c2pa-spin .7s linear infinite}@keyframes c2pa-spin{to{transform:rotate(1turn)}}.c2pa-badge{flex:0 0 auto;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap}.c2pa-badge-removed{background:#fde7dc;color:#a4511e}.c2pa-badge-clean{background:#e7f4e8;color:#1f7a33}.c2pa-badge-error{background:#f9e7e5;color:var(--danger)}.c2pa-redl{color:var(--accent-dark);cursor:pointer;text-decoration:underline}