/* ShotToPDF: warm desktop panels, mint selections and pixel controls. */
:root{
  --accent:#386b5c;--muted:#716a7e;--line:#c9bfcc;--radius:0;
  --ink:#34313f;--edge:#514a5b;--desk:#e6e2d9;--panel:#faf8f0;
  --chrome:#d4cfc5;--chrome-light:#ece8df;--mint:#b8e0c9;--brand:#202341;
  color:var(--ink);background:var(--desk);color-scheme:light;
}
body{background:var(--desk)}
button,a,input,select,summary{transition:background-color .12s,border-color .12s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,
.dropzone:focus-visible,.tool-drop:focus-visible{outline:2px solid #386b5c;outline-offset:3px}
::selection{background:var(--mint);color:#234b40}
.app-shell{grid-template-columns:246px minmax(0,1fr)}
.app-sidebar{padding:26px 16px;background:var(--chrome);border-inline-end:2px solid #625b6b;box-shadow:inset -1px 0 #faf8f0}
.side-brand{margin:0 10px 34px;color:#222641;gap:10px}
.brand-muted{color:#797481}
.side-navigation{gap:26px}
.app-sidebar .tool-tabs,.app-sidebar .more-tools-grid{gap:6px}
.app-sidebar .side-link,.app-sidebar .tool-tabs button{
  min-height:50px;padding:12px 14px;border:2px solid transparent;border-radius:0;
  color:#514a61;background:transparent;--tap-rest-shadow:none;--tap-pressed-shadow:none;box-shadow:var(--tap-rest-shadow);
}
.app-sidebar .side-link .nav-label{font-size:14px;font-weight:500}
.app-sidebar .side-link svg{width:22px;height:22px;shape-rendering:crispEdges}
.app-sidebar .side-link svg path{stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter}
.app-sidebar .side-link:hover:not(:disabled):not(.active){background:#e3ded5;border-color:#b6acba;color:#383246;box-shadow:none}
.app-sidebar .side-link.active,.app-sidebar .tool-tabs button.active,
.app-sidebar .side-link.active:hover:not(:disabled),.app-sidebar .tool-tabs button.active:hover:not(:disabled){
  background:var(--mint);border-color:#655e70;color:#275548;--tap-rest-shadow:3px 3px 0 #aaa1ae,inset 1px 1px #f5fff1;--tap-pressed-shadow:inset 1px 1px #a99fac;box-shadow:var(--tap-rest-shadow);
}
.app-sidebar .side-link.active:before{content:none}
.app-sidebar .side-link.active .nav-label{font-weight:650}
.side-group h2{display:flex;align-items:center;gap:12px;margin:0 4px 12px;color:#71697d;font-size:12px;font-weight:600;letter-spacing:.3px}
.side-group h2:after{content:"";height:3px;flex:1;background:repeating-linear-gradient(to bottom,#a79cae 0 1px,transparent 1px 2px)}
.app-content>.header{margin:0;padding:12px 28px;min-height:76px;background:var(--chrome);border-bottom:2px solid #625b6b;box-shadow:inset 0 -1px #faf8f0}
.header-right{gap:12px}
.header .language-picker,.header .tool-language{border:1px solid #a89ead;border-radius:0;background:#ece8df;box-shadow:inset 1px 1px #faf8f0}
.header .language-picker select,.header .tool-language select{border:0;color:#5d566e;box-shadow:none}
.header .language-picker{padding-inline:6px}
.header .text-button{padding-inline:12px;color:#5d566e}
.app-content>main{max-width:1440px;padding:28px 28px 0}
.page-heading{align-items:center;margin-bottom:22px;gap:12px}
h1{color:#34313f;font-size:28px;letter-spacing:-.8px}
.page-heading h1{display:flex;align-items:center;gap:12px}
.page-heading h1:before{content:"";width:14px;height:14px;flex:none;background:var(--mint);border:2px solid #655e70;box-shadow:3px 3px 0 #b9b0bd}
.local-pill{background:#e2eeda;border:1px solid #9db894;border-radius:0;color:#4f7255;font-size:12px;padding:5px 9px;gap:6px}
.local-pill:before{content:"";width:5px;height:5px;border-radius:0;background:#4e865d}
.workbench,.tool-workbench{gap:22px;grid-template-columns:minmax(0,1fr) 310px;align-items:start}
.canvas-panel,.settings,.tool-source,.tool-settings,.tool-result,.scan-pages,.email-message{
  background:var(--panel);border:2px solid var(--edge);border-radius:0;
  box-shadow:4px 4px 0 #b9b0bd;
}
.canvas-toolbar,.tool-panel-heading{min-height:56px;padding:8px 18px;background:#625b6b;color:#faf4e9;border-bottom:2px solid var(--edge);box-shadow:inset 0 1px #8b8096}
.workspace-label{color:#faf4e9;font-size:14px;font-weight:600}
.small-icon{color:#e0d9ed;font-size:18px}
.canvas-toolbar .text-button,.tool-panel-heading .text-button{color:#f0e9f6;font-size:13px}
.canvas-toolbar .text-button:hover:not(:disabled),.tool-panel-heading .text-button:hover:not(:disabled){background:#777080;color:#fff}
.canvas-toolbar .text-button:disabled,.tool-panel-heading .text-button:disabled{color:#c8c0d2}
.count-badge{border:1px solid #aaa0b6;background:transparent;color:#faf4e9;border-radius:0;min-width:24px;font:12px/1.5 ui-monospace,Consolas,monospace}
.dropzone,.tool-drop{
  margin:16px;border:2px dashed #b1a5b8;border-radius:0;background-color:#f4f0e7;
  background-image:repeating-conic-gradient(#ece8df 0 25%,#f4f0e7 0 50%);background-size:24px 24px;
}
.dropzone,.empty-state,.tool-drop,#tool-empty{min-height:360px}
.dropzone.drag-over,.tool-drop.drag-over{border-color:#386b5c;background:#dcefe1}
.empty-state{padding:32px 18px}
.empty-state h2,#tool-empty h2{color:#34313f;font-size:24px;margin-bottom:16px}
.empty-state p,#tool-empty p{color:#716a7e;font-size:14px}
.paste-icon,.tool-mark{
  width:64px;height:64px;margin-bottom:20px;border-radius:0;background:#e6e3ee;
  border:2px solid #686078;color:#514765;box-shadow:4px 4px 0 #c4bcc6;
}
.paste-icon svg,.tool-mark svg{width:32px;height:32px}
.paste-icon svg rect{rx:0}
.paste-icon svg path,.tool-mark svg path{stroke-linejoin:miter;stroke-linecap:square}
.shortcut{color:#8c8297;gap:9px}
kbd{border:2px solid #948a9a;border-radius:0;background:#fff9ec;padding:5px 10px;color:#5d526d;font:14px/1.5 ui-monospace,Consolas,monospace;box-shadow:3px 3px 0 #c1b8c5}
.choose-button,.primary-button,.icon-button,.size-presets button,.scan-page-actions button{
  border:2px solid #62596f;border-radius:0;background:var(--chrome-light);color:#453c55;font-weight:600;--tap-rest-shadow:3px 3px 0 #b9b0bd,inset 1px 1px #fffaf0;--tap-pressed-shadow:inset 1px 1px #a99fac;box-shadow:var(--tap-rest-shadow);
}
.choose-button{font-size:15px;min-height:44px;padding:9px 22px}
.choose-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.size-presets button:hover,.scan-page-actions button:hover:not(:disabled){background:#f5f0e6;border-color:#63576e;color:#32634f}
.primary-button{background:var(--mint);color:#275548;min-height:48px;font-size:15px;border-color:#62596f}
.primary-button:hover:not(:disabled){background:#c8ead5;color:#244c40;border-color:#51465e}
.primary-button:disabled,.choose-button:disabled{background:#dedbd3;color:#918a9b;border-color:#b7abb8;--tap-rest-shadow:inset 1px 1px #f5f0e7;--tap-pressed-shadow:var(--tap-rest-shadow);box-shadow:var(--tap-rest-shadow)}
.file-hint,.field-note,.output-summary,.image-meta,.tool-settings p,#source-details{color:#716a7e}
.file-hint{font-size:13px}
.settings,.tool-settings{padding:20px}
.settings-heading,.tool-settings>h2{margin:-20px -20px 20px;padding:17px 18px;background:var(--chrome);border-bottom:2px solid var(--edge);box-shadow:inset 0 1px #faf8f0;border-radius:0}
.settings-heading h2,.tool-settings>h2{font-size:16px;color:#40374e;font-weight:650}
.tool-settings>h2{margin-bottom:4px}
.field-label,.tool-field label{color:#5d526d;font-size:14px}
.segments{background:#d4cfd0;border:1px solid #aa9bad;border-radius:0;padding:4px;gap:4px}
.segments button{border:1px solid transparent;border-radius:0;color:#61576f;padding:8px 2px;--tap-rest-shadow:none;--tap-pressed-shadow:none}
.segments button.selected{background:#faf4e9;border-color:#948a9a;color:#326052;--tap-rest-shadow:2px 2px 0 #b9afbf,inset 1px 1px #fffdf5;--tap-pressed-shadow:inset 1px 1px #a99fac;box-shadow:var(--tap-rest-shadow);font-weight:650}
select,.filename-field,.tool-field input:not([type=range]),.tool-field select,.range-row input{background:#faf4e9;border:1px solid #a89bad;border-radius:0;color:#5d526d;box-shadow:inset 1px 1px #fffdf5;min-height:44px}
input:hover,select:hover{border-color:#75697f}
.filename-field input{color:#5d526d;font-size:16px}
.filename-field span{border-inline-start:1px solid #c9bfcc;color:#716a7e}
.advanced,.download-area,.control-help{border-color:#c9bfcc}
.advanced summary,.control-help summary,.text-button,.help summary,.tool-help>summary{color:#716a7e}
.text-button{border-radius:0}
.text-button:hover:not(:disabled){background:#e8e2d9;color:#514765}
.text-button:disabled{color:#918a9b}
.canvas-bottom{background:var(--chrome);border-top:2px solid var(--edge);color:#716a7e;padding:8px 18px}
.image-card,.pdf-card,.scan-page{border:1px solid #a89bad;border-radius:0;background:var(--panel)}
.image-preview,.pdf-thumb,.result-preview{background-color:#ece8df;background-image:repeating-conic-gradient(#ece8df 0 25%,#f4f0e7 0 50%);background-size:20px 20px;border-radius:0;border-color:#b1a5b8}
.single-image .image-preview{border-radius:0}
.image-name,.image-meta,.pdf-meta{color:#716a7e}
.image-actions{border-color:#c9bfcc}
.icon-button{width:34px;height:34px}
.pdf-card:not(.unselected){border-color:#709c83}
.pdf-card input[type=checkbox],.email-message input[type=checkbox]{accent-color:#386b5c}
.tool-drop:has(#source-view:not([hidden])){background:#ece8df;border-color:#b1a5b8}
.result-preview{border:1px solid #b1a5b8}
.tool-result-heading{padding-bottom:10px;border-bottom:1px solid #c9bfcc}
#result-check{color:#467b53}
.metadata-blocks span{border:1px solid #9db894;border-radius:0;background:#e2eeda;color:#4f7255}
.metadata-list dt,.email-header dt,.email-file{color:#716a7e}
.corner-handle{border-radius:0;background:var(--mint);border:3px solid #faf8f0;box-shadow:0 0 0 1px #514a5b}
#corner-canvas{border-radius:0}
.size-presets button{font-size:13px;min-height:34px;padding:5px 9px}
.help p{color:#716a7e;font-size:16px}
.notice{border:1px solid #9db894;border-radius:0;background:#e2eeda;color:#4f7255}
.notice.error{background:#f9e6dd;color:#8b4b38;border-color:#cba394}
.notice.success{background:#e2eeda;color:#467b53;border-color:#9db894}
.app-content>footer{margin-top:28px;background:var(--chrome);max-width:none;padding:14px 28px;border-top:2px solid #625b6b;box-shadow:inset 0 1px #faf8f0;color:#716a7e}
.app-content>footer>span{font:12px/1.5 ui-monospace,Consolas,monospace}
dialog{background:var(--panel);border:2px solid var(--edge);border-radius:0;box-shadow:6px 6px 0 #514a5b50;color:#716a7e}
dialog::backdrop{background:#514a5b66;backdrop-filter:blur(2px)}
dialog h2,.privacy-point strong{color:#40374e}
.privacy-point{border-color:#c9bfcc}
.dialog-close{border-radius:0;color:#716a7e}
.tool-help,.help{color:#716a7e}
.email-has-files .tool-drop,.email-has-files #tool-empty{min-height:160px}
.email-has-files #tool-empty{padding:20px 16px;gap:12px}
.email-has-files #tool-empty h2{font-size:18px;margin:0}
.email-has-files .tool-mark{display:none}
.email-selection-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.email-selection-actions button{padding:4px 0;font-size:13px}
.email-message header>div{flex:1;min-width:0}
.email-remove{flex:none;margin-inline-start:auto;font-size:23px}
@media(min-width:1081px) and (max-width:1280px){
  .app-shell{grid-template-columns:222px minmax(0,1fr)}.app-sidebar{padding-inline:12px}
  .workbench,.tool-workbench{grid-template-columns:minmax(0,1fr) 284px;gap:18px}.app-content>main{padding-inline:24px}
}
@media(max-width:1080px){
  .app-shell{grid-template-columns:minmax(0,1fr)}.app-content>.header{padding:14px 24px}
  .app-sidebar{padding:14px 0 0;margin:0 24px;background:transparent;border:0;box-shadow:none}
  .mobile-menu-summary{background:var(--chrome);border:2px solid #625b6b;border-radius:0;color:#514a61;--tap-rest-shadow:3px 3px 0 #b9b0bd,inset 1px 1px #faf8f0;--tap-pressed-shadow:inset 1px 1px #a99fac;box-shadow:var(--tap-rest-shadow)}
  .mobile-menu-summary>svg{color:#514765;shape-rendering:crispEdges}
  .tool-menu[open] .mobile-menu-summary{border-bottom:0}
  .side-navigation{background:var(--chrome);border:2px solid #625b6b;border-top:0;border-radius:0;box-shadow:3px 3px 0 #b9b0bd}
  .app-content>main{padding:24px 24px 0}.app-content>footer{padding-inline:24px}
}
@media(max-width:760px){
  .app-content>.header{padding:12px 16px;min-height:68px}.app-sidebar{margin:0 16px;padding-top:12px}
  .app-content>main{padding:22px 16px 0}.page-heading{margin-bottom:18px}
  h1,.page-heading h1{font-size:23px;gap:10px}.page-heading h1:before{width:12px;height:12px}
  .local-pill{font-size:11px}.workbench,.tool-workbench{grid-template-columns:minmax(0,1fr);gap:18px}
  .dropzone,.empty-state,.tool-drop,#tool-empty{min-height:270px}.empty-state h2,#tool-empty h2{font-size:22px}
  .empty-state{padding:24px 12px}.paste-icon,.tool-mark{width:56px;height:56px;margin-bottom:16px}
  .canvas-toolbar,.tool-panel-heading{padding:8px 14px;min-height:54px}.dropzone,.tool-drop{margin:12px}
  .settings,.tool-settings{padding:18px}.settings-heading,.tool-settings>h2{margin:-18px -18px 18px;padding:14px 18px}.tool-settings>h2{margin-bottom:4px}
  .has-files .download-area,body[data-tool]:has(#tool-result:not([hidden])) .result-actions{
    background:var(--chrome);border:0;border-top:2px solid #625b6b;border-radius:0;
    box-shadow:inset 0 1px #faf8f0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));
  }
  .has-files .download-area .primary-button{min-height:46px}.app-content>footer{padding-inline:16px}
  .email-has-files .email-download-area{
    position:fixed;inset-inline:0;bottom:0;z-index:4;margin:0;
    padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--chrome);
    border-top:2px solid #625b6b;box-shadow:inset 0 1px #faf8f0;
  }
  .email-has-files .app-content>footer{padding-bottom:110px}
  html:has(.email-has-files){scroll-padding-bottom:110px}
  .header .language-picker,.header .tool-language{box-shadow:none}
}
@media(max-width:380px){
  .page-heading h1{font-size:21px}.page-heading{gap:9px}.app-content>.header .brand{font-size:19px}
  .local-pill{padding:4px 6px}.canvas-toolbar .text-button,.tool-panel-heading .text-button{font-size:12px;padding-inline:3px}
}
@media(max-width:500px){
  .header .language-picker select,.header .tool-language select{color:transparent}
  .header .language-picker option,.header .tool-language option{color:#5d526d}
  .header .language-picker:after,.header .tool-language:after{color:#5d526d}
}
@media(prefers-reduced-motion:reduce){button,a,input,select,summary{transition:none}}
@media print{body{background:white;color:black}.email-message{border:0;box-shadow:none;background:white}.email-body{color:black}.email-download-area,.email-remove{display:none!important}}

/* Quiet information links sit below the working tools. */
.app-sidebar{display:flex;flex-direction:column}
.tool-menu[open]{display:flex;flex-direction:column;flex:1;min-height:0}
.support-navigation{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:20px;border-top:1px solid #b6adb9}
.support-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 12px;text-align:start;text-decoration:none;background:transparent;border:1px solid transparent;border-radius:0;box-shadow:none;color:#514a61;font-size:13px;line-height:1.5}
.support-link svg{width:20px;height:20px;flex:none;color:#716a7e}
button.support-link:hover{background:var(--chrome-light);border-color:#b6adb9;box-shadow:none}
.support-link>span{min-width:0}
.contact-unavailable{color:#716a7e;cursor:default}
.contact-unavailable small{margin-inline-start:auto;padding:1px 5px;border:1px solid #b6adb9;font-size:10px;white-space:nowrap;color:#5d526d}
.footer-support{display:flex;flex-wrap:wrap;gap:6px 16px}
.footer-support .support-link{padding:4px 0;min-height:36px;border:0;font-size:12px}
.footer-support .support-link svg{display:none}
.footer-support button.support-link:hover{background:transparent;color:#315b4e;text-decoration:underline;text-underline-offset:4px}
.support-dialog{max-width:680px;color:var(--ink);padding:32px}
.support-dialog>h2{padding-inline-end:24px;margin-bottom:24px}
.support-dialog .dialog-close{inset-inline-end:10px;inset-inline-start:auto}
.support-legal .dialog-close{inset-inline-end:10px;inset-inline-start:auto}
.support-body{margin-bottom:24px}

.support-intro{color:#625b6b;font-size:14px}
.support-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-tool{display:flex;flex-direction:column;align-items:start;gap:8px;min-width:0;min-height:116px;padding:16px;text-align:start;text-decoration:none;color:var(--ink);background:var(--chrome-light);border:1px solid #a89bad;border-radius:0;--tap-rest-shadow:2px 2px 0 #d4cbd6;--tap-pressed-shadow:inset 1px 1px #a99fac;box-shadow:var(--tap-rest-shadow);font:inherit}
.support-tool strong{font-size:15px;line-height:1.5}
.support-tool span{font-size:13px;line-height:1.6;color:#625b6b}
.support-tool:hover:not(:disabled){background:#e2eeda;border-color:#719a84}
.support-tool[aria-current]{background:#e2eeda;border-color:#719a84;opacity:1}
.support-done{min-height:42px;min-width:100px}
.support-usage{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.support-usage h3{margin:0 0 8px;font-size:16px;color:var(--ink)}
.support-usage p{font-size:14px;line-height:1.75}
.support-usage .support-contact-note{color:#716a7e;font-size:13px}
@media(min-width:1081px){
  .side-navigation{padding-bottom:20px;flex-shrink:0}
  .tool-menu[open]{flex:1 0 auto;min-height:auto}
  .app-sidebar{padding-bottom:20px;overflow-x:hidden;overflow-y:auto}
  .app-sidebar .side-brand,.app-sidebar .support-navigation{flex-shrink:0}
}
@media(min-width:1081px) and (max-height:800px){
  .app-sidebar{padding-top:20px;padding-bottom:16px}
  .app-sidebar .side-brand{margin-bottom:22px}
  .app-sidebar .side-navigation{gap:18px;padding-bottom:16px}
  .app-sidebar .side-link,.app-sidebar .tool-tabs button{min-height:46px;padding-block:9px}
  .app-sidebar .support-navigation{padding-top:12px}
}
@media(max-width:1080px){
  .app-sidebar{display:block}.tool-menu[open]{display:block}
  .tool-menu[open] .side-navigation{border-bottom:0;padding-bottom:18px}
  .support-navigation{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0;padding:10px 12px;border:2px solid #625b6b;border-top:1px solid #b6adb9;background:var(--chrome);box-shadow:3px 3px 0 #b9b0bd}
  .support-navigation .support-link{padding:9px 8px;gap:8px}
}
@media(max-width:760px){
  .footer-support{gap:4px 16px}
  .app-content>footer{align-items:start}
  .support-dialog{padding:28px 20px;max-height:calc(100dvh - 24px)}
  .support-dialog h2{font-size:22px;letter-spacing:-.5px}
  .support-tool-grid{grid-template-columns:1fr}.support-tool{min-height:0;padding:14px}
}
@media(max-width:380px){.support-navigation{grid-template-columns:1fr}.footer-support{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media print{.support-navigation,.footer-support,.support-dialog,.support-usage{display:none!important}}

/* One feedback layer: fixed geometry, quiet elevation and no click replay. */
:root{--motion-press:60ms;--motion-ui:140ms;--motion-enter:160ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
:is(button,a.side-link,a.brand,a.support-tool,a.choose-button,summary){
  transition:background-color var(--motion-ui) var(--motion-ease),border-color var(--motion-ui) var(--motion-ease),color var(--motion-ui) var(--motion-ease),box-shadow var(--motion-ui) var(--motion-ease);
}
:is(button,a.side-link,a.brand,a.support-tool,a.choose-button,summary):active:not(:disabled):not([aria-disabled="true"]){
  transition-duration:var(--motion-press);
}
:is(.choose-button,.primary-button,.icon-button,.size-presets button,.scan-page-actions button,
    .support-tool,.auth-signup,.auth-account,.auth-submit):active:not(:disabled):not([aria-disabled="true"]){
  box-shadow:inset 0 1px 2px #42334d20;border-color:#51475f;
}
.app-sidebar .side-link.active,.app-sidebar .tool-tabs button.active,
.app-sidebar .side-link.active:hover:not(:disabled),.app-sidebar .tool-tabs button.active:hover:not(:disabled){
  --tap-rest-shadow:inset 0 1px 0 #ffffff65;box-shadow:var(--tap-rest-shadow);
}
.app-sidebar .side-link:active:not(:disabled):not(.active){background:#d9d5cb;border-color:#a99fac}
.segments button:active:not(:disabled){background:#eee7da}
.text-button:active:not(:disabled){color:#275548}
.header .language-picker select:focus-visible,.header .tool-language select:focus-visible{outline:none}
.header :is(.language-picker,.tool-language):focus-within{border-color:#386b5c}
html[data-input="keyboard"] .header :is(.language-picker,.tool-language):has(select:focus-visible){outline:2px solid #386b5c;outline-offset:3px}
input,select,textarea,.dropzone,.tool-drop,.language-picker,.tool-language,.image-card,.pdf-card,.email-message{transition:background-color var(--motion-ui) var(--motion-ease),border-color var(--motion-ui) var(--motion-ease),box-shadow var(--motion-ui) var(--motion-ease)}
button:disabled,input:disabled,select:disabled,textarea:disabled{transition:none}
.menu-chevron{transition:transform var(--motion-ui) var(--motion-ease)}
@keyframes shot-panel-enter{from{opacity:.72}to{opacity:1}}
@keyframes shot-dialog-enter{from{opacity:0}to{opacity:1}}
:is(#image-workbench,#pdf-workbench,.tool-result,.pdf-extra-preview,.notice):not([hidden]),
:is(.advanced,.control-help,.help,.tool-help)[open]>:not(summary){animation:shot-panel-enter var(--motion-enter) var(--motion-ease)}
dialog[open]{animation:shot-dialog-enter var(--motion-enter) var(--motion-ease)}
dialog[open]::backdrop{animation:shot-dialog-enter var(--motion-enter) var(--motion-ease)}
@media(max-width:1080px){.tool-menu[open]>.side-navigation{animation:shot-panel-enter var(--motion-enter) var(--motion-ease)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after,*::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  :is(button,a.side-link,a.brand,a.support-tool,a.choose-button,summary){transition:none!important;translate:none!important;scale:none!important}
}
@media print{
  *,*::before,*::after,*::backdrop{animation:none!important;transition:none!important}
  :is(button,a.side-link,a.brand,a.support-tool,a.choose-button,summary){translate:none!important;scale:none!important}
}
/* A custom geometric wordmark paired with the folded S emblem. */
.brand{direction:ltr}
.brand .brand-wordmark{display:block;width:145px;height:26.65px;object-fit:contain;flex:none}
.side-brand .brand-icon{width:48px;height:48px}
.side-brand{gap:9px;margin-inline:2px}
.app-content>footer>.footer-note{font:12px/1.5 system-ui,sans-serif;color:#5e5967}
@media(max-width:760px){.brand .brand-wordmark{width:132px;height:24.26px}.app-content>.header .brand-icon{width:36px;height:36px}}
@media(max-width:350px){.brand .brand-wordmark{width:119px;height:21.87px}.app-content>.header .brand-icon{width:32px;height:32px}}

/* Language control: a compact utility with a separate globe tile. Native selection
   keeps platform keyboard navigation, screen readers and touch pickers intact. */
.header :is(.language-picker,.tool-language){position:relative;display:flex;align-items:center;padding:0;width:164px;height:40px;border:1px solid #a49caa;border-radius:4px;background:#f1eee6;box-shadow:0 2px 0 #bcb5bf;overflow:visible}
.header :is(.language-picker,.tool-language)>svg{display:none}
.header :is(.language-picker,.tool-language)::before{content:"";position:absolute;inset:0 auto 0 0;width:36px;height:auto;border:0;border-inline-end:1px solid #c0c6bb;transform:none;border-radius:3px 0 0 3px;background:#dce8dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23386b5c' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M4 12h16M12 4c-5 5-5 11 0 16 5-5 5-11 0-16Z'/%3E%3C/svg%3E") center/20px no-repeat;pointer-events:none}
.header :is(.language-picker,.tool-language)::after{content:"";position:absolute;inset:16px 12px auto auto;width:6px;height:6px;border-inline-end:1.5px solid #625b6b;border-bottom:1.5px solid #625b6b;transform:rotate(45deg);pointer-events:none}
.header :is(.language-picker,.tool-language) select{appearance:none;width:100%;max-width:none;height:100%;min-height:0;border:0;border-radius:4px;padding:0 28px 0 46px;background:transparent;font:500 13px/1.2 system-ui,sans-serif;color:#484252;cursor:pointer}
.header :is(.language-picker,.tool-language):hover{border-color:#7a887b;background:#faf8f0}
.header :is(.language-picker,.tool-language):focus-within{border-color:#386b5c}
.header :is(.language-picker,.tool-language) option{background:#faf8f0;color:#34313f}
@media(max-width:760px){
.header :is(.language-picker,.tool-language){width:60px;height:38px}
.header :is(.language-picker,.tool-language)::before{display:none}
.header :is(.language-picker,.tool-language)::after{content:attr(data-language);inset:0 0 0 0;display:flex;align-items:center;padding-inline-start:10px;width:auto;height:auto;border:0;transform:none;font:600 12px/1 system-ui,sans-serif;color:#386b5c;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23625b6b' stroke-width='1.5'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E") right 7px center/12px no-repeat}
.header :is(.language-picker,.tool-language) select{color:transparent;padding:0;width:60px;max-width:60px}
}

@media(min-width:761px){.header .language-picker:has(option[value="auto"]:checked){width:224px}}
/* Compact tool grid with the original square editor-panel treatment. */
@media(max-width:1080px){
 .app-sidebar .mobile-menu-summary{min-height:46px;padding:11px 14px;box-shadow:none;--tap-rest-shadow:none;--tap-pressed-shadow:none}
 .app-sidebar .side-navigation{padding:12px;gap:14px;background:var(--chrome)}
 .app-sidebar .tool-tabs,.app-sidebar .more-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .app-sidebar .side-link,.app-sidebar .tool-tabs button{min-width:0;min-height:56px;height:100%;padding:11px 12px;gap:11px;border:1px solid #a99fac;border-radius:0;background:var(--chrome-light);color:#514a61;box-shadow:inset 1px 1px #faf8f0;line-height:1.45}
 .app-sidebar .side-link .nav-label{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
 .app-sidebar .side-link svg{width:20px;height:20px;flex:none}
 .app-sidebar .side-link.active,.app-sidebar .tool-tabs button.active,.app-sidebar .side-link.active:hover:not(:disabled){background:var(--mint);border-color:#625b6b;color:#285548;box-shadow:inset 2px 0 #386b5c,inset 0 1px #ffffff65}
 .app-sidebar .side-link:hover:not(.active):not(:disabled){background:#f1ece2;border-color:#7d7287;box-shadow:inset 1px 1px #faf8f0}
 .app-sidebar .side-group h2{margin:0 3px 8px;font-size:11px;color:#716a7e}
 .app-sidebar .support-navigation{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:3px 16px;padding:8px 14px;box-shadow:3px 3px 0 #b9b0bd;background:var(--chrome)}
 .app-sidebar .support-navigation .support-link{min-height:36px;padding:6px 2px;gap:7px;font-size:12px;flex:0 1 auto}
 .app-sidebar .support-navigation .support-link svg{width:17px;height:17px}
 [dir=rtl] .app-sidebar .side-link.active{box-shadow:inset -2px 0 #386b5c,inset 0 1px #ffffff65}
}
@media(max-width:380px){
 .app-sidebar .side-navigation{padding:10px;gap:12px}
 .app-sidebar .side-link,.app-sidebar .tool-tabs button{padding:10px 8px;gap:7px;min-height:62px}
 .app-sidebar .side-link .nav-label{font-size:12px}
 .app-sidebar .support-navigation{padding:8px 10px;gap:2px 10px}
}
/* PDF operation picker: same panel geometry, one quiet feedback layer. */
#pdf-output[hidden]{display:none!important}.pdf-operation-picker{position:relative;min-width:0}.pdf-operation-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;padding:12px 14px;text-align:start;font:inherit;color:#40374e;background:#faf7ef;border:1px solid #a99fac;border-radius:0;box-shadow:none;cursor:pointer}.pdf-operation-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.pdf-operation-trigger:hover:not(:disabled){background:#f0eee4;border-color:#71677e}.pdf-operation-trigger[aria-expanded=true]{border-color:#386b5c;background:#eef3e9}.pdf-operation-trigger:focus-visible,.pdf-operation-option:focus-visible{outline:2px solid #386b5c;outline-offset:2px}.pdf-operation-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin:0 3px;transition:transform 180ms cubic-bezier(.2,.75,.25,1)}.pdf-operation-trigger[aria-expanded=true] .pdf-operation-chevron{transform:rotate(225deg)}.pdf-operation-menu{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:50;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:6px;background:#faf7ef;border:1px solid #71677e;box-shadow:3px 3px 0 #a99fac;animation:none;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#a49daa #eeeae1}.pdf-operation-menu.opens-up{top:auto;bottom:calc(100% + 6px)}.pdf-operation-menu[hidden]{display:none}.pdf-operation-option{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;text-align:start;padding:10px;font:inherit;font-size:14px;color:#51475f;background:transparent;border:1px solid transparent;border-radius:0;box-shadow:none;cursor:pointer}.pdf-operation-option:hover:not(:disabled),.pdf-operation-option:focus-visible{background:#eae7de}.pdf-operation-option[aria-checked=true]{background:#b8dfca;color:#245650;border-color:#85a696;font-weight:600}.pdf-operation-check{visibility:hidden;flex:none}.pdf-operation-option[aria-checked=true] .pdf-operation-check{visibility:visible}.pdf-operation-group{font-size:12px;font-weight:600;color:#716a7e;padding:12px 10px 6px;margin-top:4px;border-top:1px solid #d3ccd5}.pdf-operation-trigger:active:not(:disabled),.pdf-operation-option:active:not(:disabled){translate:none;transform:none;scale:none;box-shadow:none}.pdf-operation-trigger:disabled{opacity:.55;cursor:default}
@media(prefers-reduced-motion:reduce){.pdf-operation-menu{animation:none}.pdf-operation-chevron{transition:none}}

.pdf-operation-menu[inert]{pointer-events:none}.pdf-operation-option{transition:background-color 100ms ease,border-color 100ms ease,color 100ms ease}.pdf-operation-option:focus-visible{outline-offset:-3px}.pdf-operation-menu::-webkit-scrollbar{width:8px}.pdf-operation-menu::-webkit-scrollbar-track{background:#eeeae1}.pdf-operation-menu::-webkit-scrollbar-thumb{background:#a49daa;border:2px solid #eeeae1}.pdf-operation-menu::-webkit-scrollbar-button{display:none}
@media(prefers-reduced-motion:reduce){.pdf-operation-option{transition:none}}

/* A single disclosure level keeps task guidance easy to scan and reach. */
.tool-guide{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.tool-guide>h2{font-size:16px;font-weight:650;color:var(--ink);margin:0 0 14px}
.tool-guide .usage-guide-items{margin:0;padding:0 18px;border:1px solid #b5aebb;background:var(--panel);border-radius:0}
:is(.tool-guide .usage-guide-items,.support-faq-items) details{padding:0;border:0;border-top:1px solid var(--line)}
:is(.tool-guide .usage-guide-items,.support-faq-items) details:first-child{border-top:0}
:is(.tool-guide .usage-guide-items,.support-faq-items) summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:54px;padding:14px 0;font-size:14px;font-weight:550;color:var(--ink);line-height:1.5}
:is(.tool-guide .usage-guide-items,.support-faq-items) summary::-webkit-details-marker{display:none}
:is(.tool-guide .usage-guide-items,.support-faq-items) summary::after{content:'+';flex:none;width:20px;text-align:center;font-size:20px;font-weight:400;line-height:1;color:var(--accent)}
:is(.tool-guide .usage-guide-items,.support-faq-items) details[open]>summary{color:var(--accent)}
:is(.tool-guide .usage-guide-items,.support-faq-items) details[open]>summary::after{content:'−'}
:is(.tool-guide .usage-guide-items,.support-faq-items) summary:hover{color:var(--accent)}
:is(.tool-guide .usage-guide-items,.support-faq-items) summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:is(.tool-guide .usage-guide-items,.support-faq-items) p{max-width:85ch;margin:0;padding:0 32px 18px 0;font-size:14px;line-height:1.75;color:#625b6b}
[dir=rtl] :is(.tool-guide .usage-guide-items,.support-faq-items) p{padding:0 0 18px 32px}
:is(.tool-guide .usage-guide-items,.support-faq-items) details[open]>:not(summary){animation:none}
@media(max-width:600px){.tool-guide{margin-top:24px;padding-top:18px}.tool-guide .usage-guide-items{padding-inline:14px}:is(.tool-guide .usage-guide-items,.support-faq-items) summary{font-size:14px;gap:12px}:is(.tool-guide .usage-guide-items,.support-faq-items) p{padding-inline:0;font-size:14px}}
/* Optional constraints keep the image preparation action visible on laptop screens. */
body[data-tool=prepare] .tool-settings{gap:16px;padding:18px}
body[data-tool=prepare] .tool-settings>h2{margin:-18px -18px 0;padding:13px 18px}
.prepare-limit{display:grid;gap:8px}
.tool-settings .prepare-limit p{font-size:13px;line-height:1.55}
.prepare-dimensions{border-block:1px solid var(--line);padding-block:12px}
.prepare-dimensions>summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:600;min-height:32px;line-height:1.5}
#dimensions-summary{display:block;font-size:12px;font-weight:400;color:var(--muted);padding-inline-start:17px;overflow-wrap:anywhere}
.prepare-dimension-fields{display:grid;gap:12px;padding-top:14px}
.prepare-dimension-fields #original-size{justify-self:start;padding:2px 0;min-height:28px;font-size:13px}
.prepare-dimension-fields select:disabled{opacity:.55;cursor:default}
.tool-settings .prepare-dimension-fields p{font-size:12px;line-height:1.5}
body[data-tool=prepare] #tool-process{margin-top:0}
/* Preview and scanner focus use the same mint selection language. */
.corner-handle:focus-visible{outline:2px solid #386b5c;outline-offset:4px}.zoom-viewport:focus{outline:none}html[data-input="keyboard"] .zoom-viewport:focus-visible{outline:2px solid #386b5c;outline-offset:-3px}

#support-faq-dialog>h2{font-size:20px;font-weight:650;line-height:1.4;color:var(--ink)}
.support-faq-items{border-top:1px solid var(--line)}
.support-faq-items details:last-child{border-bottom:1px solid var(--line)}