#brodlin-crop{--purple:#34465b;--muted:#647080;--line:#dce1e7;background:transparent;color:#26313f;font-size:14px}
#brodlin-crop .crop-header{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#brodlin-crop #access-slot{display:none}
#brodlin-crop .crop-header h1{font-size:24px;line-height:1.2;font-weight:650;display:flex;align-items:center;gap:16px;margin:0}
#brodlin-crop .crop-header h1 img{width:40px;height:40px;object-fit:contain}
#brodlin-crop .status{padding:0 0 8px;margin:0;border:0;background:transparent;min-height:28px;line-height:20px;font-size:13px}
#brodlin-crop .status.error{padding:10px 12px;margin-bottom:10px;border:1px solid #9ca5b1;background:#f3f4f6;color:#34465b}
#brodlin-crop button,#brodlin-crop .button{min-height:44px;border-radius:2px;padding:9px 13px;line-height:22px}
#brodlin-crop .primary{background:#34465b;border-color:#34465b;font-weight:600}
#brodlin-crop .primary:hover{background:#263747}
#brodlin-crop button:not(.primary):hover{background:#eef1f5}
#brodlin-crop .filebar{padding:6px 14px;min-height:50px;border:1px solid var(--line);border-bottom:0;border-radius:0;gap:12px}
#brodlin-crop .file-actions button{min-height:40px;padding:7px 12px;background:#fff;border-color:#cbd3df;color:#34465b}
#brodlin-crop .workspace{grid-template-columns:minmax(0,1fr) 360px;min-height:0;border:1px solid var(--line);border-radius:0;align-items:start;overflow:clip;overflow-clip-margin:8px}
#brodlin-crop .viewer{background:#eef1f4;min-width:0}
#brodlin-crop .pagebar{padding:8px 14px;gap:8px;background:#f7f8fa;border-color:var(--line)}
#brodlin-crop .pagebar nav{padding-bottom:2px;gap:4px}
#brodlin-crop .pagebar nav button{min-width:44px;min-height:44px;padding:8px 12px;border:0;border-radius:0;background:transparent;color:#34465b}
#brodlin-crop .pagebar #page-size{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px;color:#34465b}
#brodlin-crop .stage{padding:8px 26px 20px;min-height:0;overflow:visible}
#brodlin-crop .pages{gap:24px;max-width:none;margin-inline:auto}
#brodlin-crop .paper{background:#fff;border:0;border-radius:3px;overflow:visible;box-shadow:0 4px 24px rgba(31,41,55,.14),0 1px 3px rgba(31,41,55,.1)}
#brodlin-crop .paper canvas{border-radius:3px}
#brodlin-crop .page-label{margin-bottom:8px;min-height:36px;padding:6px 12px;border:0;border-radius:0;background:transparent;color:#647080}
#brodlin-crop .crop{z-index:2;border:0;box-shadow:0 0 0 2px rgba(37,99,235,.18)}
#brodlin-crop .crop span{width:12px;height:12px;background:#2563eb;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(15,23,42,.18)}
#brodlin-crop .options{display:flex;flex-direction:column;overflow:visible;padding:12px;background:#fff;max-height:none;top:12px}
#brodlin-crop .options h2{font-size:14px;line-height:20px;margin:0 0 6px}
#brodlin-crop .mode-list{gap:12px;margin-bottom:10px;align-content:start}
#brodlin-crop .mode{min-height:40px;padding:3px 10px;padding-inline-end:70px;line-height:18px;border:1px solid transparent;border-radius:3px}
#brodlin-crop .mode strong{font-size:12px;line-height:16px;white-space:normal}
#brodlin-crop .mode span{font-size:11px;line-height:14px;margin-top:2px}
#brodlin-crop .mode[aria-pressed=true]{background:#e8ecf0;border-color:#4b5563}
#brodlin-crop .mode[aria-pressed=true] strong{color:#34465b;font-weight:600}
#brodlin-crop fieldset{border:0;padding:6px 0;margin:0}
#brodlin-crop .check{margin-bottom:8px}
#brodlin-crop .margin-grid{gap:8px 10px}
#brodlin-crop input[type=number],#brodlin-crop select{height:29px;min-height:29px;background:white;border-radius:3px;padding:4px 6px;line-height:19px;font-size:13px}
#brodlin-crop .help{font-size:11px;line-height:15px;margin:6px 0}
#brodlin-crop .export-area{border:0;padding-top:8px}
#brodlin-crop .result{border:0;padding:14px 0;margin-top:12px}
#brodlin-crop .result>strong{display:block;font-size:20px;font-weight:600;line-height:1.3;margin-bottom:10px}
#brodlin-crop .result .button,#brodlin-crop .result button{margin-bottom:8px}

#brodlin-crop[data-design-preview=true] .result{margin:0;padding:0;border:0}
#brodlin-crop #upload-screen{min-height:360px;padding:32px 24px;background:#fff;border:1px solid #e1e4e8;border-radius:6px;display:flex;align-items:center;justify-content:center}
#brodlin-crop .empty{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;max-width:840px;align-self:center;text-align:center}
#brodlin-crop .upload-icon{display:grid;place-items:center;width:40px;height:40px;color:#687f95}
#brodlin-crop .upload-icon svg{width:28px;height:28px;color:inherit}
#brodlin-crop .empty h2{color:#252a31;font-size:21px;line-height:1.4;font-weight:600;margin:0;max-width:60ch}
#brodlin-crop .empty p{margin:0;color:#56616d;font-size:14px;line-height:1.65;max-width:64ch}
#brodlin-crop #empty-choose{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:0;padding:10px 18px;border:1px solid #34465b;border-radius:6px;background:#34465b;color:#fff;font-size:14px;font-weight:600;line-height:24px}
#brodlin-crop #empty-choose svg{width:18px;height:18px;flex:none}
#brodlin-crop #empty-choose:hover{background:#34465b}
#brodlin-crop .result #save-account{padding-inline-end:80px}
#brodlin-crop .result>.brodlin-plan-action{max-width:100%;min-width:0}
@media(max-width:700px){#brodlin-crop .crop-header{min-height:0;padding:0}
#brodlin-crop .crop-header h1{font-size:25px;margin:0;gap:12px}
#brodlin-crop .crop-header h1 img{width:32px;height:42px}
#brodlin-crop .crop-header #access-slot{width:auto;margin-inline-start:auto}
#brodlin-crop .filebar{padding:10px 12px}
#brodlin-crop .workspace{display:flex;flex-direction:column}
#brodlin-crop .options{order:-1;position:static;max-height:none;width:100%;padding:14px;border-inline:0;border-bottom:1px solid var(--line)}
#brodlin-crop .viewer{width:100%}
#brodlin-crop .stage{padding:16px 12px}
#brodlin-crop .mode-list{grid-template-columns:1fr;gap:10px;margin-bottom:14px}
#brodlin-crop .mode{min-height:44px;padding-block:4px}
#brodlin-crop .mode span{margin-top:1px;line-height:16px}
#brodlin-crop .margin-grid{grid-template-columns:1fr 1fr}
#brodlin-crop #upload-screen{min-height:326px;padding:24px 18px}
#brodlin-crop .empty{max-width:100%}
#brodlin-crop .empty h2{font-size:20px}
#brodlin-crop .empty p{margin:0}

#brodlin-crop .pagebar{position:static}}
#brodlin-crop .pagebar nav button[aria-current=page]{border:0;background:#e1e6ec;color:#26313f;font-weight:600}
#brodlin-crop .page-item.is-active .page-label{border:0;background:transparent;color:#34465b;font-weight:600}
#brodlin-crop .page-item.is-active .paper{outline:0}
#brodlin-crop .page-dimensions{font-size:12px;font-weight:400;color:#647080;direction:ltr;unicode-bidi:isolate}
#brodlin-crop .file-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
#brodlin-crop .file-identity img{width:25px;height:32px;object-fit:contain;flex-shrink:0}
#brodlin-crop .file-page-count{white-space:nowrap;font-size:13px;color:#647080}
#brodlin-crop #filename{min-width:0;max-width:none;font-size:14px;font-weight:500;color:#34465b}
@media(max-width:650px){#brodlin-crop .file-identity{width:100%;flex-wrap:wrap;gap:8px 12px}
#brodlin-crop #filename{flex:1;min-width:140px}
#brodlin-crop .file-actions{width:100%}}
#brodlin-crop :is(input[type=number],textarea):is(:focus,:focus-visible,:active,:invalid){outline:none;box-shadow:none;border-color:#cbd3df}
#brodlin-crop :is(input[type=number],textarea),#brodlin-crop select:focus{border-color:#cbd3df;box-shadow:none}
#brodlin-crop select:focus:not(:focus-visible){outline:none}
#brodlin-crop select:focus-visible{outline:2px solid #9ca5b1;outline-offset:2px}
#brodlin-crop :is(button,a):focus-visible{outline:2px solid #4b5563;outline-offset:2px}
#brodlin-crop .crop:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media(max-width:700px){#brodlin-crop input[type=number],#brodlin-crop select{height:44px;min-height:44px;padding:9px 6px;line-height:24px;font-size:16px}
#brodlin-crop .crop span{width:16px;height:16px}}
#brodlin-crop[data-design-preview=true] .paper{background:#fff}
#brodlin-crop input:invalid{border-color:#cbd3df}
#brodlin-crop ::selection{background:#d7dce2;color:#26313f}
#brodlin-crop .brodlin-plan-action>.brodlin-plan-badge{inset-block:0;transform:none;display:flex;align-items:center;justify-content:center}
#brodlin-crop .brodlin-plan-action>button:not(.brodlin-plan-badge__trigger){margin-block:0}
#brodlin-crop .result>.brodlin-plan-action{margin-bottom:8px}
#brodlin-crop button.brodlin-plan-badge__trigger{display:grid;place-items:center;padding:0;min-inline-size:44px;min-block-size:44px;block-size:44px;margin:0;border:0;background:transparent;line-height:1}
#brodlin-crop button.brodlin-plan-badge__trigger:is(:hover,:active){background:transparent}
#brodlin-crop .brodlin-plan-badge__label{display:grid;place-items:center;box-sizing:border-box;margin:0;padding:0 5px;block-size:20px;font:400 10px/1 Arial,sans-serif}
#brodlin-crop .options-controls{min-height:0;overflow:visible;flex:0 0 auto}
#brodlin-crop .options-footer{flex:0 0 auto;background:#fff}
#brodlin-crop .margin-grid label{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;font-size:12px}
#brodlin-crop .margin-grid label>span{margin:0;min-width:0}
#brodlin-crop .edit-actions{margin-top:6px}
#brodlin-crop .edit-actions button{min-height:34px;padding:4px 8px;font-size:12px}
#brodlin-crop #crop-help{flex:1 0 100%;margin:0;color:#647080}
#brodlin-crop #result-size{margin:0 0 6px}

#brodlin-crop .status:not(.error){position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){#brodlin-crop .options{display:block;max-height:none;overflow:visible}
#brodlin-crop .options-controls{overflow:visible}
#brodlin-crop .margin-grid label{display:block}
#brodlin-crop .margin-grid label>span{margin-top:3px}
#brodlin-crop .edit-actions button{min-height:44px}}
#brodlin-crop .mode-list>.brodlin-plan-action{display:flex;align-items:center;min-height:44px;padding-block:2px}
@media(min-width:701px){#brodlin-crop #margin-fields input[type=number]{width:69px;flex:0 0 69px}}
#brodlin-crop .paper::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:rgba(156,163,175,.45);
  clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,
    var(--crop-left,0%) var(--crop-top,0%),
    var(--crop-left,0%) calc(var(--crop-top,0%) + var(--crop-height,100%)),
    calc(var(--crop-left,0%) + var(--crop-width,100%)) calc(var(--crop-top,0%) + var(--crop-height,100%)),
    calc(var(--crop-left,0%) + var(--crop-width,100%)) var(--crop-top,0%),
    var(--crop-left,0%) var(--crop-top,0%));
}
#brodlin-crop[data-design-preview=true] .paper::after{display:none}
#brodlin-crop .viewer{position:relative;overflow-anchor:none}
#brodlin-crop #stage{display:block;height:auto;min-height:320px;flex:none;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:88px}
#brodlin-crop #stage:focus-visible{outline:2px solid #9ca5b1;outline-offset:-2px}
#brodlin-crop .pages{width:100%}
#brodlin-crop .page-item{width:max-content;min-width:100%}
#brodlin-crop .paper{max-width:none;margin-inline:auto}
#brodlin-crop .pagebar{position:fixed;bottom:var(--dock-bottom,24px);left:var(--dock-x,50%);transform:translateX(-50%);z-index:4;align-self:center;flex:none;flex-wrap:nowrap;gap:0;padding:4px 6px;margin:0;max-width:var(--dock-width,calc(100% - 16px));min-height:52px;background:#26313f;color:#fff;border:0;border-radius:28px;box-shadow:0 6px 20px rgba(31,41,55,.16);direction:ltr}
#brodlin-crop .page-navigation,#brodlin-crop .zoom-controls{display:flex;align-items:center}
#brodlin-crop .pagebar{width:max-content}
#brodlin-crop .pagebar{top:auto}
#brodlin-crop .zoom-controls{border-inline-start:1px solid #647080;margin-inline-start:6px;padding-inline-start:6px}
#brodlin-crop .pagebar button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;line-height:1}
#brodlin-crop .pagebar button:not(:disabled):hover{background:#3e4b5b}
#brodlin-crop .pagebar button:focus-visible{outline-color:#fff;outline-offset:-4px}
#brodlin-crop .pagebar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#brodlin-crop .pagebar #page-size{display:block;white-space:nowrap;color:inherit;font-size:13px;line-height:20px;font-weight:400;font-variant-numeric:tabular-nums}
#brodlin-crop .page-current{display:inline-flex;align-items:center;gap:4px}
#brodlin-crop .pagebar .page-dimensions{display:none}
#brodlin-crop #zoom-value{width:44px;text-align:center;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}
#brodlin-crop .viewer-instructions{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#brodlin-crop[dir=rtl] .page-navigation{direction:rtl}
#brodlin-crop[dir=rtl] .page-navigation svg{transform:scaleX(-1)}
@media(max-width:380px){#brodlin-crop .page-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#brodlin-crop .pagebar #page-size{min-width:32px;text-align:center}
#brodlin-crop #zoom-value{width:34px}
#brodlin-crop .zoom-controls{margin-inline-start:2px;padding-inline-start:2px}}

#brodlin-crop[data-dock-in-view=false] .pagebar{visibility:hidden;pointer-events:none}
#brodlin-crop{margin-inline:24px}
@media(max-width:700px){#brodlin-crop{margin-inline:12px}}
#brodlin-crop[data-access-error=true] #access-slot{display:block;padding:10px 12px;margin-bottom:10px;border:1px solid #9ca5b1;background:#f3f4f6;color:#34465b;font-size:13px}

#brodlin-crop #empty-choose svg{color:inherit}
#brodlin-crop[data-design-step="1"]{width:calc(100% - 64px);max-width:1120px;margin:32px auto 48px;font-family:"Open Sans",Arial,Helvetica,sans-serif}
#brodlin-crop[data-design-step="1"] .crop-header{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 20px;background:transparent}
#brodlin-crop[data-design-step="1"] .crop-header h1{gap:12px;color:#252a31;font-size:32px;line-height:1.25;font-weight:650}
#brodlin-crop[data-design-step="1"] .crop-header h1 img{width:56px;height:56px;flex:none}
#brodlin-crop[data-design-step="1"] .crop-header h1 span{min-width:0}
@media(max-width:600px){
  #brodlin-crop[data-design-step="1"]{width:calc(100% - 32px);margin:24px auto 36px}
  #brodlin-crop[data-design-step="1"] .crop-header h1{font-size:25px}
  #brodlin-crop[data-design-step="1"] .crop-header h1 img{width:44px;height:44px}
}
#brodlin-crop .filebar{position:sticky;top:0;z-index:6;background:white}
#brodlin-crop .file-identity img{width:31px;height:40px}
#brodlin-crop .file-actions button,#brodlin-crop .file-actions button:is(:hover,:active,:focus-visible){color:#263747;background:transparent;border-color:transparent;font-size:14px}
#brodlin-crop .file-actions button:hover:not(:disabled){color:#151f2b;background:#f4f5f6}
#brodlin-crop .file-actions button:disabled{opacity:.5}
#brodlin-crop .workspace{grid-template-columns:140px minmax(0,1fr) minmax(300px,345px)}
#brodlin-crop .page-rail{align-self:stretch;background:white;padding:12px 8px;min-width:0;border-inline-end:1px solid var(--line)}
#brodlin-crop .page-rail h2,#brodlin-crop .options h2{font-size:16px;font-weight:600;margin:0 0 10px}
#brodlin-crop #page-links:not([hidden]){display:grid;align-content:start;gap:8px;overflow:auto;max-height:68vh}
#brodlin-crop #page-links button{display:grid;justify-items:center;gap:4px;width:100%;font-size:12px;color:#364252;background:white;border:1px solid transparent;padding:5px}
#brodlin-crop #page-links button[aria-current="page"]{background:#edf1f4;border-color:#88949f}
#brodlin-crop .rail-thumb{width:auto;height:auto;max-width:100%;max-height:102px;border:1px solid #dce1e7;background:white}
#brodlin-crop .mode-list{gap:6px}
#brodlin-crop .mode{display:grid;align-content:center;min-height:54px;padding:7px 9px;padding-inline-end:84px}
#brodlin-crop .mode strong{font-size:14px;line-height:19px}
#brodlin-crop .mode>span{font-size:12px;line-height:15px;margin:1px 0 0;color:#506070}
#brodlin-crop .mode-list>.brodlin-plan-action{padding:0}
#brodlin-crop .brodlin-plan-action>.brodlin-plan-badge{margin:0;inset-block:0;align-items:center;justify-content:center}
#brodlin-crop .brodlin-plan-badge button.brodlin-plan-badge__trigger{align-self:center;display:grid;place-items:center;padding:0;margin:0}
#brodlin-crop .brodlin-plan-badge__trigger>.brodlin-plan-badge__label{display:inline-flex;align-items:center;justify-content:center;min-height:20px;height:auto;box-sizing:border-box;padding:3px 5px;margin:0;font:500 11px/14px Arial,sans-serif;white-space:normal;text-align:center}
#brodlin-crop .help,#brodlin-crop .margin-grid label,#brodlin-crop #result-size{font-size:13px;line-height:1.45}
#brodlin-crop #result-info,#brodlin-crop #result>strong,#brodlin-crop #download{display:none}
#brodlin-crop[data-design-step] .options-controls,#brodlin-crop[data-design-step] .options-footer .export-area{display:block}
#brodlin-crop .mode-list .mode-help{position:absolute;inset-inline-end:45px;top:50%;transform:translateY(-50%);padding:0;width:30px;height:44px;min-height:44px;border:0;background:none;color:#34465b;display:grid;place-items:center;z-index:1}
#brodlin-crop .mode-help span{display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;width:18px;height:18px;font:600 12px/1 system-ui}
#crop-mode-tip{position:fixed;z-index:20;max-width:min(270px,calc(100vw - 20px));padding:8px 12px;background:#26313f;color:white;border-radius:4px;font:400 14px/1.45 system-ui}
#brodlin-crop .options-toggle{display:none}
#export-dialog{width:min(370px,calc(100vw - 24px));border:1px solid #cbd3da;border-radius:8px;padding:18px;color:#253449}
#export-dialog::backdrop{background:#25344970}
#export-dialog header{display:flex;justify-content:space-between;align-items:center;position:static}
#export-dialog h2{font-size:19px;margin:0}
#brodlin-crop #export-dialog button{color:#253449;background:transparent;border:0;text-align:start}
#brodlin-crop #export-dialog button:hover{background:#f1f3f5}
#export-dialog .format-list{display:grid}
#brodlin-crop #upload-screen .empty{min-height:0;padding-block:28px}
@media(max-width:900px){#brodlin-crop .page-rail{display:none}#brodlin-crop .workspace{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:700px){#brodlin-crop .workspace{display:flex}#brodlin-crop .options{order:1;width:100%;max-height:none}#brodlin-crop .viewer{width:100%}#brodlin-crop #stage{min-height:230px;height:auto}
#brodlin-crop .options-toggle{display:block;width:100%;text-align:start;font-size:15px;background:white;color:#243244;border:0}
#brodlin-crop .options:not(.expanded) .options-controls{display:none}
#brodlin-crop .options h2{display:none}
#brodlin-crop .filebar{gap:2px;padding:5px 8px}
#brodlin-crop .file-actions{justify-content:start;display:flex;flex-wrap:wrap;gap:4px}
#brodlin-crop .file-actions button{padding-inline:6px}
}
#brodlin-crop .mode-list>.brodlin-plan-action{display:grid;grid-template-columns:minmax(0,1fr) 40px max-content;align-items:center;column-gap:5px;padding:0 7px;border:1px solid transparent;border-radius:3px}
#brodlin-crop .mode-list>.brodlin-plan-action:has([aria-pressed=true]){background:#edf1f4;border-color:#929da9}
#brodlin-crop .mode-list>.brodlin-plan-action>.mode{grid-row:1;grid-column:1;width:100%;min-width:0;padding:7px 2px;border:0;background:transparent}
#brodlin-crop .mode-list>.brodlin-plan-action>.mode-help{position:static;grid-column:2;grid-row:1;transform:none;width:40px}
#brodlin-crop .mode-list>.brodlin-plan-action>.brodlin-plan-badge{position:static;grid-column:3;grid-row:1;inset:auto;align-self:center}
#brodlin-crop .file-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500}
#brodlin-crop .file-actions button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#brodlin-crop .options-footer .result{margin:0;padding:6px 0 0}
#brodlin-crop .options-footer .result[hidden]{display:none}
#brodlin-crop[data-design-step="1"]{max-width:var(--brodlin-upload-max-width,1120px)}

#brodlin-crop #upload-screen{min-height:0;padding:30px 20px}
#brodlin-crop #upload-screen .empty{padding:0;gap:10px}
#brodlin-crop #upload-screen .upload-icon{display:none}
#brodlin-crop #upload-screen small{color:#526173;font-size:12px}
#brodlin-crop .mode-list button.mode-help:is(:enabled,:hover,:focus,:active){
  color:#293749;background:transparent;border:0;box-shadow:none;transform:none;
}
#brodlin-crop .mode-help svg,.format-check{
  width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
#brodlin-crop .mode-list button.mode-help:hover{color:#142132}
#brodlin-crop .crop-preview-slot{display:grid;margin-block-start:6px}
#brodlin-crop .crop-preview-slot button{grid-area:1/1;min-height:44px;color:#34465b;background:transparent;border:0;line-height:1.35}
#brodlin-crop .crop-preview-slot button[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#brodlin-crop .crop-preview-slot button:disabled{color:#808b96}
#export-dialog{position:fixed;inset-block:0;inset-inline:auto 0;margin:0;margin-inline-start:auto;width:min(390px,100vw);height:100dvh;max-height:none;max-width:100%;padding:0;border:0;border-inline-start:1px solid #dce1e6;border-radius:0;box-sizing:border-box;background:white;color:#243447}
#export-dialog[open]{display:flex;flex-direction:column}
#export-dialog header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:14px 16px 14px 22px;border-bottom:1px solid #e2e7eb}
#export-dialog header h2{font-size:20px;font-weight:600}
#export-dialog .dialog-body{padding:18px 22px;overflow:auto;min-height:0;flex:1}
#export-filename{display:block;font-weight:500;overflow-wrap:anywhere;margin-bottom:16px}
#export-dialog .format-list{display:grid;margin:0;padding:0;border:0;min-width:0}
#export-dialog .format-list legend{margin:0 0 8px;padding:0;color:#516071;font:500 13px/1.4 system-ui}
#export-dialog .format-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 20px;gap:10px;align-items:center;position:relative;min-height:50px;margin:0;padding:0 8px;border-bottom:1px solid #e1e6ea;cursor:pointer}
#export-dialog .format-row:hover{background:#f6f7f8}
#export-dialog .format-row:has(:checked){background:#edf1f4}
#export-dialog .format-row:has(:focus-visible){outline:2px solid #566474;outline-offset:-2px}
#export-dialog .format-row input{position:absolute;width:1px;height:1px;opacity:0}
#export-dialog .ipdf-fill-export-icon{width:25px;height:28px}
#export-dialog [data-export-icon=pdf]{color:#b72637}#export-dialog [data-export-icon=jpg]{color:#94600c}#export-dialog [data-export-icon=png]{color:#14775a}#export-dialog [data-export-icon=docx]{color:#205aa4}
#export-dialog .format-ext{font:12px/1.5 ui-monospace,monospace;color:#526176;direction:ltr}
#export-dialog .format-check{width:17px;height:17px;visibility:hidden}
#export-dialog :checked~.format-check{visibility:visible}
#export-dialog .format-note,#export-dialog #save-account-status{font-size:13px;line-height:1.45;color:#506071}
#export-dialog #result{margin-top:18px;border-top:1px solid #e2e7eb;padding-top:12px}
#export-dialog footer{position:static;display:block;background:white;border-top:1px solid #e2e7eb;padding:12px 22px;color:inherit}
#export-dialog #format-status:empty{display:none}
#brodlin-crop #confirm-export{width:100%;color:white;background:#293849;text-align:center}
#brodlin-crop #confirm-export:hover:not(:disabled){background:#192738}
@media(max-width:700px){
  #export-dialog{inset: auto 0 0;margin:0;width:100%;height:auto;max-height:88dvh;border:0;border-top:1px solid #dce1e6;border-radius:12px 12px 0 0}
  #export-dialog footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
#brodlin-crop #export-dialog #confirm-export{width:100%;min-height:44px;background:#293849;color:white;text-align:center;font-weight:500}
#brodlin-crop #export-dialog #confirm-export:hover:not(:disabled){background:#192738}
#export-dialog .format-row>bdi:not(.format-ext){font-size:15px;font-weight:500}
#brodlin-crop #export-dialog .brodlin-plan-badge__trigger{color:white}

#brodlin-crop .options .field-heading{display:flex;align-items:center;gap:2px}
#brodlin-crop .field-heading h3{flex:1;margin:0;font:600 14px/1.35 system-ui}
#brodlin-crop .field-heading .field-icon{display:grid;place-items:center;min-height:36px;width:36px;margin:0;padding:0;border:0;background:transparent;color:#344254}
#brodlin-crop .field-heading .field-icon:hover:not(:disabled){background:transparent;color:#141d29}
#brodlin-crop .field-icon:disabled{opacity:.4}
#brodlin-crop .field-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#brodlin-crop .mode-list>.brodlin-plan-action>.mode{min-height:44px;padding-block:4px}
#brodlin-crop .mode-list{gap:2px;margin-bottom:4px}
#brodlin-crop .options fieldset{padding:0 0 4px}
#brodlin-crop #resize-fields>label{display:flex;align-items:center;gap:8px;margin:0 0 6px}
#brodlin-crop #resize-fields select{margin:0;min-width:0;flex:1}
#brodlin-crop .options .check{margin:2px 0 8px}
#brodlin-crop .export-area{padding-top:4px}
@media(max-width:700px){#brodlin-crop .field-heading .field-icon{min-height:44px;width:44px}}
@media(min-width:701px) and (max-height:720px){
  #brodlin-crop .options-footer{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;align-items:stretch}
  #brodlin-crop .options .options-footer .export-area{display:contents}
  #brodlin-crop .options-footer #result-size{grid-column:1/-1;margin:0}
  #brodlin-crop .crop-preview-slot{margin:0}
  #brodlin-crop .options{padding-block:5px}
  #brodlin-crop .mode-list>.brodlin-plan-action>.mode{min-height:40px;padding-block:2px}
}
@media(max-width:700px){
  #brodlin-crop .workspace:has(.options.expanded) .viewer{order:2}
  #brodlin-crop .options.expanded{order:0;padding:4px 12px}
  #brodlin-crop .options.expanded .options-toggle{min-height:44px}
  #brodlin-crop .options.expanded .options-footer{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px}
  #brodlin-crop .options.expanded .options-footer .export-area{display:contents}
  #brodlin-crop .options.expanded #result-size{grid-column:1/-1;margin:0}
  #brodlin-crop .options.expanded .crop-preview-slot{margin:0}
  #brodlin-crop .options.expanded .margin-grid{gap:4px 10px}
}

#brodlin-crop #margin-fields[data-shared=true] .margin-grid label:not(:first-child){display:none}
#brodlin-crop #resize-fields .margin-grid[hidden]{display:none}
#brodlin-crop .crop-preview-slot button:disabled{visibility:hidden}

#brodlin-crop #crop-modes{margin:0 0 6px;gap:3px}
#brodlin-crop #crop-modes .mode strong{font-size:14px;line-height:18px;font-weight:550}
#brodlin-crop #crop-modes .mode>span{font-size:12px;line-height:16px;margin:2px 0 0}
#brodlin-crop #crop-modes .mode{min-height:calc(clamp(52px,7.5dvh,64px) + 10px);padding-block:10px}
#brodlin-crop #crop-modes>.brodlin-plan-action{min-height:0}
#brodlin-crop #crop-modes :is(.mode-help,.brodlin-plan-badge__trigger){height:44px;min-height:44px;block-size:44px;min-block-size:44px}
#brodlin-crop #export{display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:start;width:auto;min-width:0;min-height:32px;padding:4px 12px;font:500 13px/20px system-ui}
@media(pointer:coarse){
  #brodlin-crop #crop-modes :is(.mode,.mode-help,.brodlin-plan-badge__trigger){min-block-size:44px}
  #brodlin-crop #export{min-height:44px}
}

@media(max-height:680px) and (min-width:701px){
  #brodlin-crop .options h2{margin-bottom:2px}
  #brodlin-crop #crop-modes{margin-bottom:0;gap:1px}
  #brodlin-crop .options .check{margin-bottom:4px}
  #brodlin-crop .options fieldset{padding-bottom:0}
}
@media(max-width:700px){
  #brodlin-crop .options.expanded #crop-modes{margin-bottom:0;gap:1px}
  #brodlin-crop .options.expanded .check{margin-bottom:2px}
}

#brodlin-crop #crop-modes>.brodlin-plan-action{padding:5px 12px}
@media(min-width:701px){
  #brodlin-crop .page-rail,#brodlin-crop .options{position:sticky;top:var(--crop-toolbar-height,56px);align-self:start}
  #brodlin-crop #page-links{max-height:calc(100dvh - var(--crop-toolbar-height,56px) - 60px)}
}
@media(max-width:700px){
  #brodlin-crop .options{order:-1}
  #brodlin-crop .options:not(.expanded) .options-footer{display:none}
  #brodlin-crop[data-design-preview=true] .options:not(.expanded) .options-footer{display:block}
  #brodlin-crop[data-design-preview=true] .options:not(.expanded) .export-area{display:none}
}

#brodlin-crop .field-heading .check{margin:0;margin-inline-end:auto;font-size:13px}
#brodlin-crop #margins-title{flex:0 1 auto;margin-inline-end:6px}
#brodlin-crop #resize-fields:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3px 6px}
#brodlin-crop #resize-fields .margin-grid{grid-column:1/-1}
#brodlin-crop #resize-fields>label{font-size:0;margin:0}
#brodlin-crop #resize-fields select{font-size:14px}

#brodlin-crop .crop-action-icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}
#brodlin-crop #crop-modes .mode strong{display:flex;align-items:center;gap:5px}
#brodlin-crop .mode strong .crop-action-icon{flex:0 0 18px;width:18px;height:18px;color:#263344}