/* Quick tools use the existing palette, typography, upload card and workspace. */
.quick-tools-nav{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);min-width:0}
.quick-tools-nav>.rail-label{display:block;margin-bottom:12px}
.quick-tools-nav details{margin:4px 0}
.quick-tools-nav summary{list-style:none;display:flex;gap:10px;align-items:center;padding:13px 8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--paper);border-radius:6px}
.quick-tools-nav summary::-webkit-details-marker{display:none}
.quick-tools-nav summary::after{content:'›';margin-left:auto;transition:transform .15s}
.quick-tools-nav details[open]>summary::after{transform:rotate(90deg)}
.quick-tools-nav summary b{font-size:19px;font-weight:400;color:var(--muted)}
.quick-tools-nav a{display:block;padding:10px 14px;margin:2px 0 2px 24px;color:var(--muted);text-decoration:none;border-left:2px solid var(--line);font-size:13px}
.quick-tools-nav a:hover,.quick-tools-nav a[aria-current=page]{background:var(--ink2);border-color:var(--acid);color:var(--paper)}
.quick-tools-nav :is(a,summary):focus-visible,#quickWorkspaceNav>summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.quick-original{display:none!important}
.quick-landing{min-width:0}.quick-landing .intro-copy h1{font-size:clamp(40px,4.4vw,64px)}
.quick-help{margin-top:36px;border-top:1px solid var(--line);padding-top:24px;max-width:760px}
.quick-help h2{font-size:20px;letter-spacing:-.035em;margin:0 0 12px}.quick-help p{color:var(--muted);font-size:14px;line-height:1.7}
.quick-help nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px}.quick-help a{color:var(--paper);font-size:13px;text-underline-offset:4px}
.quick-dragging{border-color:var(--acid);background:var(--ink2)}
.quick-focused .quick-omit{display:none!important}
.quick-continue{width:100%;margin-top:24px;text-align:left}
body:not(.quick-focused) .quick-continue{display:none}
.quick-focused #imageStudio .im-rail,.quick-focused #psRail{display:none!important}
.quick-focused #imageStudio .im-body,.quick-focused #pdfStudio .ps-body{grid-template-columns:300px minmax(0,1fr)}
.quick-focused #imageStudio .im-controls{grid-column:1;grid-row:1}
.quick-focused #imageStudio .im-main{grid-column:2;grid-row:1}
#quickWorkspaceNav{display:none}
.quick-focused:is(.image-studio-open,.pdf-studio-open) #quickWorkspaceNav{display:block;position:fixed;top:72px;bottom:0;left:0;width:220px;overflow:auto;z-index:5;background:var(--ink);border-right:1px solid var(--line)}
#quickWorkspaceNav>summary{display:none}#quickWorkspaceNav .tool-rail{display:block;padding:20px 10px;border:0;position:static}
#quickWorkspaceNav a.rail-tool{text-decoration:none;display:grid}#quickWorkspaceNav .quick-tools-nav{margin-top:16px}
@media(min-width:1101px){.quick-focused #imageStudio,.quick-focused #pdfStudio{left:220px}}
@media(max-width:1100px){
 .quick-focused:is(.image-studio-open,.pdf-studio-open) #quickWorkspaceNav{top:72px;bottom:auto;width:100%;max-height:65dvh;border-right:0;border-bottom:1px solid var(--line)}
 #quickWorkspaceNav>summary{display:block;padding:12px 20px;cursor:pointer;font-size:13px}
 #quickWorkspaceNav .tool-rail{display:grid;grid-template-columns:1fr 1fr;gap:6px}#quickWorkspaceNav .quick-tools-nav{grid-column:1/-1}
 .quick-focused #imageStudio,.quick-focused #pdfStudio{top:113px}
}
@media(max-width:780px){
 #landing .quick-tools-nav{grid-column:1/-1;margin:6px 0 0;padding:8px 4px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px}
 #landing .quick-tools-nav>.rail-label{display:none}.quick-tools-nav summary{padding:10px 6px;font-size:12px;gap:6px}.quick-tools-nav a{margin-left:10px;font-size:12px;padding:10px}
 body[data-quick-tool] #landing>.tool-rail{position:static}
 #landing>.tool-rail:has(.quick-tools-nav details[open]){position:static}
 .quick-focused:is(.image-studio-open,.pdf-studio-open) #quickWorkspaceNav{top:64px}
 .quick-focused #imageStudio,.quick-focused #pdfStudio{top:105px}
 .quick-focused #imageStudio .im-body,.quick-focused #pdfStudio .ps-body{display:flex;flex-direction:column}
 .quick-focused #imageStudio .im-controls{order:0}.quick-focused #imageStudio .im-main{order:1}
 .quick-landing .intro-copy h1{font-size:42px}.quick-help{margin-top:28px}
}