.intro{max-width:850px}.intro h1{overflow-wrap:anywhere}.cleaner-workspace{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}
.drop-zone{min-height:175px}.export-settings{margin-top:27px}.export-settings .page-select{margin-bottom:4px}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.range-heading .field-label{margin:0}.range-heading output{color:#2457d5;font-weight:800}.range-input{width:100%;margin:14px 0 2px;accent-color:#2457d5}.create-button{margin-top:23px}.source-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;color:#61718b;font-size:.875rem}.source-meta #filename{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#293a57}.source-meta #dimensions{white-space:nowrap}.source-meta button{margin-left:auto;border:0;background:transparent;color:#3354aa;text-decoration:underline;text-underline-offset:3px;font-size:.875rem;font-weight:700}.output-status{min-height:23px;margin:13px 0 0;color:#53637d;font-size:.9rem;line-height:1.45}.output-status.error{color:#a43236}
.effect-switch{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 18px}.effect-switch legend{font-size:.9rem;font-weight:750;color:#293a57;margin-bottom:9px}.effect-switch label{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#293a57;font-size:.9rem;font-weight:700;cursor:pointer}.effect-switch label:has(input:checked){border-color:#2457d5;background:#eaf0ff;color:#163c9f}.effect-switch input{accent-color:#2457d5}.editor-hint{margin:0 0 14px;color:#61718b;font-size:.93rem;line-height:1.5}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9edf4 25%,transparent 25%),linear-gradient(-45deg,#e9edf4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf4 75%),linear-gradient(-45deg,transparent 75%,#e9edf4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.editor-frame{display:grid;place-items:center;min-height:360px;border:1px solid #dce4ef;border-radius:12px;overflow:hidden;padding:10px}.editor-frame canvas{display:block;max-width:100%;max-height:min(65vh,650px);width:auto;height:auto;touch-action:none;cursor:crosshair;box-shadow:0 3px 16px #15234024}.empty-state{max-width:340px;padding:24px;text-align:center;line-height:1.5;color:#697992;background:#f8faffdd;border-radius:9px;font-size:.95rem}.keyboard-hint{font-size:.8rem;line-height:1.4;color:#718098;margin:12px 0 0}.editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:16px}.editor-actions button{border:1px solid #cbd6e6;background:#fff;color:#244b98;border-radius:9px;padding:10px 15px;font-size:.9rem;font-weight:750}.editor-actions button:first-child{margin-inline-end:auto;background:#eaf0ff;border-color:#b9cafa}.editor-actions button:hover:not(:disabled){background:#eef3ff}.editor-actions button:disabled{color:#9aa8bc;background:#f7f9fc}
.shape-switch{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 17px}.shape-switch legend{font-size:.9rem;font-weight:750;color:#293a57;margin-bottom:9px}.shape-switch label{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#293a57;font-size:.9rem;font-weight:700;cursor:pointer}.shape-switch label:has(input:checked){border-color:#2457d5;background:#eaf0ff;color:#163c9f}.shape-switch input{accent-color:#2457d5}.page-nav{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;font-size:.9rem;font-weight:700;color:#344362}.page-nav button{width:38px;height:38px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#2457d5;font-size:1.2rem}.page-nav button:disabled{opacity:.4;cursor:not-allowed}
.pdf-mode-wrap{margin-top:20px}.pdf-mode-switch{display:grid;gap:8px;border:0;margin:0;padding:0}.pdf-mode-switch legend{font-size:.9rem;font-weight:750;color:#293a57;margin-bottom:9px}.pdf-mode-switch label{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #cbd6e6;border-radius:9px;background:#fff;color:#293a57;font-size:.9rem;font-weight:700;cursor:pointer}.pdf-mode-switch label:has(input:checked){border-color:#2457d5;background:#eaf0ff;color:#163c9f}.pdf-mode-switch input{accent-color:#2457d5}.pdf-mode-help,.pdf-mode-warning{font-size:.84rem;line-height:1.5;margin:10px 0 0}.pdf-mode-help{color:#53637d}.pdf-mode-warning{padding:11px 13px;border:1px solid #e6a3a6;border-radius:9px;background:#fff2f2;color:#8e292e;font-weight:700}
[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}
@media(max-width:850px){.cleaner-workspace{grid-template-columns:1fr}.editor-frame{min-height:300px}}
@media(max-width:480px){.editor-frame{min-height:240px;padding:6px}.editor-actions button{flex:1}.card h2{overflow-wrap:anywhere}}