.intro{max-width:850px}.intro h1{overflow-wrap:anywhere}.watermark-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview-card{grid-column:1/-1}
.drop-zone{min-height:215px}.drop-zone p,.field-hint,.photo-meta,.count,footer{font-size:.875rem}.list-heading{align-items:center}.photo-list{max-height:390px}.photo-row{gap:8px}.photo-row[data-selected=true]{border-color:#95afe9;background:#f0f5ff}.photo-row[data-status=failed]{border-color:#e7b7b0}.photo-name{display:block}.photo-meta{line-height:1.45}.select-photo{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px;border:0;background:transparent;text-align:start;color:inherit}.photo-info{min-width:0}.photo-row .remove{width:38px;height:38px;flex:none}
.text-button{border:0;background:transparent;padding:7px 0;color:#3354aa;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.text-button:disabled{opacity:.45}.alert{padding:12px 14px;margin-top:16px;border:1px solid #e8ceb0;border-radius:10px;background:#fff7ed;color:#80531d;font-size:.9rem;line-height:1.5}
.mode-switch{display:flex;gap:9px;margin-bottom:20px}.mode-switch label{flex:1;cursor:pointer}.mode-switch input{position:absolute;opacity:0}.mode-switch span{display:block;text-align:center;border:1px solid #cbd6e6;border-radius:9px;padding:11px;background:#fff;color:#344665;font-size:.9rem;font-weight:700}.mode-switch input:checked+span{background:#eaf0ff;border-color:#8fa9e4;color:#1746bb}.mode-switch input:focus-visible+span{outline:3px solid #9ab7ff;outline-offset:2px}
.mode-field{margin-bottom:19px}.mode-field input[type=text]{width:100%;height:50px;padding:0 14px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#172741;font-size:1rem}.mode-field input[type=file]{width:100%;font-size:.9rem;line-height:1.5;color:#344665}.mode-field input[type=file]::file-selector-button{border:1px solid #cbd6e6;border-radius:8px;background:#f8faff;color:#2457d5;padding:9px 12px;margin-right:10px;font-weight:700;cursor:pointer}.range-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.range-heading .field-label{margin:0}.range-heading output{color:#2457d5;font-size:.95rem;font-weight:750;min-width:46px;text-align:end}.range-input{width:100%;margin:12px 0 20px;accent-color:#2457d5;cursor:pointer}.range-heading .range-input{margin:12px 0 0}.form-gap{margin-top:5px}.page-select{font-size:.95rem}.color-field{display:flex;align-items:center;gap:15px;margin:20px 0}.color-field .field-label{margin:0}.color-field input{width:54px;height:42px;padding:3px;background:#fff;border:1px solid #cbd6e6;border-radius:8px;cursor:pointer}.reset-button{margin-top:10px}
.preview-frame{min-height:285px;display:grid;place-items:center;background:#f8faff;border:1px solid #e5ebf3;border-radius:12px;overflow:hidden}.empty-preview{padding:25px;color:#67758d;line-height:1.55;text-align:center}.preview-frame canvas{display:block;width:auto;max-width:100%;max-height:390px;height:auto}.preview-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.preview-nav span{font-size:.875rem;font-weight:700;color:#344665;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-nav button{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#2457d5;font-size:1.25rem}.preview-nav button:hover{background:#edf3ff}.create-button{margin-top:18px;text-align:start;gap:12px}.batch-progress{display:block;width:100%;height:8px;margin-top:16px;accent-color:#2457d5}.processing{overflow-wrap:anywhere}.result{margin-top:17px}.result p{font-size:.9rem}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.result-actions .download{margin:0}.result-actions button{min-height:43px;padding:10px 14px;border:0;border-radius:8px;background:#163c9f;color:#fff;font-weight:700;font-size:.9rem}.result-actions button:hover:not(:disabled){background:#0d2d81}.result-actions button:disabled{opacity:.45}.below-note{max-width:1040px}
[dir=rtl] .intro h1{letter-spacing:normal}[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}[dir=rtl] .preview-nav button{transform:scaleX(-1)}
@media(max-width:800px){.watermark-workspace{grid-template-columns:1fr}.preview-card{grid-column:1}.preview-frame{min-height:190px}}
@media(max-width:480px){.card-heading{flex-wrap:wrap}.card h2{overflow-wrap:anywhere}.photo-name{max-width:190px}.preview-frame canvas{max-height:300px}.result-actions button{flex:1}.mode-switch{gap:6px}}
@media(prefers-reduced-motion:reduce){.drop-zone,.create-button{transition:none}}