.catalog-open-file{margin-top:20px}.tools-intro h1{max-width:24ch}.tools-intro p{max-width:62ch;font-size:var(--text-lead)}.tool-tile{min-height:112px}.tool-tile-copy strong{font-size:var(--text-lead)}.tool-tile-copy>span{font-size:var(--text-sm);max-width:38ch;line-height:1.7}.tool-welcome .welcome-side-note{display:none}.tool-welcome .welcome-heading{max-width:760px}.choose-other-action{margin-top:18px}.task-description{color:var(--color-muted);font-size:var(--text-nav);max-width:62ch;margin-top:9px;line-height:1.7}.context-tools{border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:5px;margin:-7px 0 22px;padding-bottom:14px;display:flex}.context-tools button{color:var(--color-muted);font-size:var(--text-nav);border-radius:var(--radius-control);background:0 0;border:0;padding:8px 13px}.context-tools button:hover{color:var(--color-ink);background:var(--color-surface)}.context-tools button[aria-pressed=true]{color:var(--color-accent);background:var(--color-accent-soft);font-weight:550}.settings-scroll .field>span,.settings-scroll .checkbox-field{font-size:var(--text-sm)}.settings-scroll .field input:not([type=range]),.settings-scroll .field select{font-size:var(--text-nav);min-height:40px}.settings-scroll .settings-description{font-size:var(--text-sm);line-height:1.7}.setting-presets{flex-wrap:wrap;gap:6px;margin:0 0 15px;display:flex}.setting-presets button{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);min-height:32px;color:var(--color-muted);font-size:var(--text-xs);padding:5px 9px}.setting-presets button:hover,.setting-presets button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent-line);background:var(--color-accent-soft)}.advanced-settings{border-top:1px solid var(--color-line);margin-top:20px;padding-top:16px}.advanced-settings>summary{cursor:pointer;font-size:var(--text-nav);color:var(--color-ink);padding:4px 0;font-weight:500}.advanced-settings[open]>summary{margin-bottom:18px}.advanced-settings h3{margin-top:22px}.tool-limits{color:var(--color-muted);font-size:var(--text-sm);margin-top:22px;line-height:1.7}.tool-limits summary{cursor:pointer}.tool-limits p{margin-top:10px}.run-hint{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:12px;line-height:1.6}.select-matching{font-size:var(--text-sm);margin-bottom:12px}.settings-footer .export-button{min-height:44px;font-size:var(--text-nav)}.file-list .file-item strong{font-size:var(--text-sm);line-height:1.5}.file-list .file-item small{font-size:var(--text-xs)}.copy-text-button{white-space:nowrap;gap:6px}.text-editor{font-size:var(--text-base);line-height:1.8}.download-action-label{color:var(--color-accent);font-size:var(--text-sm);font-weight:550}.mobile-run-bar{display:none}.archive-selection-actions{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 12px;display:flex}.archive-selection-actions>span{color:var(--color-muted);margin-right:auto}.selection-queue{align-self:flex-start;width:100%;padding:25px 20px}.selection-queue h3{margin-bottom:10px;font-size:1.25rem;font-weight:550}.selection-queue>p{font-size:var(--text-nav);color:var(--color-muted);margin-bottom:20px;line-height:1.7}.selection-queue ol{margin:0 0 20px;padding:0;list-style:none}.selection-queue li{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:16px 0;display:flex}.selection-queue li>svg{color:var(--color-muted);flex-shrink:0}.queue-position{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0;width:14px}.queue-file{flex:1;gap:5px;min-width:0;display:grid}.queue-file strong{font-size:var(--text-nav);overflow-wrap:anywhere;font-weight:500}.queue-file>span{font-size:var(--text-xs);color:var(--color-muted)}.queue-actions{flex-shrink:0;gap:2px;display:flex}.queue-actions .icon-button{width:28px;min-width:28px;height:32px}.file-start{padding:12px 0 40px}.file-start-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.file-start-heading h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.0625rem;font-weight:500;line-height:1.2}.file-start-heading p{color:var(--color-muted);font-size:var(--text-base);margin-top:12px;line-height:1.7}.file-start-heading .button{flex-shrink:0}.opened-files{gap:8px;margin-bottom:20px;padding:0 0 18px;display:flex;overflow-x:auto}.opened-files button{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);max-width:260px;min-height:36px;color:var(--color-muted);font-size:var(--text-sm);flex-shrink:0;padding:7px 12px;overflow:hidden}.opened-files button.selected{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent-line)}.file-start-layout{grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);align-items:start;gap:40px;display:grid}.opened-file-preview{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-panel);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:32px 20px;display:flex}.opened-file-preview>img{object-fit:contain;max-width:100%;max-height:260px;margin-bottom:15px}.opened-file-preview>svg{color:var(--color-muted);margin:26px 0}.opened-file-preview>strong{font-size:var(--text-base);overflow-wrap:anywhere}.opened-file-preview>span{font-size:var(--text-sm);color:var(--color-muted)}.opened-file-preview .file-ready{color:var(--color-success);align-items:center;gap:5px;margin-top:4px;display:flex}.file-action{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:24px;padding:23px 12px 23px 0;display:flex}.file-action:first-child{border-top:1px solid var(--color-line)}.file-action>span{gap:7px;display:grid}.file-action strong{letter-spacing:-.015em;font-size:1.1875rem;font-weight:550}.file-action>span>span{font-size:var(--text-nav);color:var(--color-muted);max-width:48ch;line-height:1.7}.file-action>svg{color:var(--color-accent);flex-shrink:0}.file-action:hover strong{color:var(--color-accent)}.file-action:hover{background:var(--color-surface-subtle)}.other-file-actions{margin-top:22px}.other-file-actions>summary{font-size:var(--text-nav);color:var(--color-muted);cursor:pointer;padding:5px 0}.other-file-actions[open]>summary{margin-bottom:15px}.other-file-actions .file-action strong{font-size:var(--text-lead)}.file-start-note{color:var(--color-muted);font-size:var(--text-sm);margin-top:26px;line-height:1.7}.file-start-result{border-block:1px solid var(--color-line);font-size:var(--text-nav);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:22px;padding:16px 0;display:flex}.file-start-result>span{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.file-start-result strong{color:var(--color-ink);overflow-wrap:anywhere;font-weight:500}.file-action-status{color:var(--color-muted);padding:30px 0}.file-action-status h2{color:var(--color-ink);margin:16px 0 10px;font-size:1.3125rem}.file-action-status p{font-size:var(--text-nav);line-height:1.7}.file-action-status .button{margin-top:20px}@media (max-width:800px){.file-start-heading{flex-direction:column;gap:18px}.file-start-heading h1{font-size:1.875rem}.file-start-layout{grid-template-columns:1fr;gap:24px}.opened-file-preview{text-align:left;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:6px 12px;min-height:0;padding:16px;display:grid}.opened-file-preview>img{object-fit:contain;grid-area:1/1/span 3;width:76px;height:76px;margin:0}.opened-file-preview>svg{grid-area:1/1/span 3;width:35px;height:35px;margin:auto}.opened-file-preview>strong,.opened-file-preview>span{grid-column:2}.file-action{padding:19px 8px 19px 0}.context-tools{gap:3px;margin-top:0}.context-tools button{font-size:var(--text-sm);padding:8px 10px}.mobile-run-bar{z-index:15;border:1px solid var(--color-line-strong);border-radius:var(--radius-panel);background:var(--color-surface);gap:7px;margin-top:12px;padding:12px;display:grid;position:sticky;bottom:10px}.mobile-run-bar>span{color:var(--color-muted);font-size:var(--text-xs)}.mobile-run-bar .button{justify-content:center;width:100%;min-height:44px}.download-action-label{font-size:var(--text-xs)}.editor-heading-actions .recipe-button{display:none}.task-description{font-size:var(--text-nav)}}
.action-examples-controls{color:var(--color-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.action-examples-controls>span{gap:3px;display:grid}.action-examples-controls strong{color:var(--color-ink);font-weight:500}.action-examples-controls small{font-size:var(--text-xs)}.action-examples-controls button{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);min-height:34px;color:var(--color-muted);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.action-examples-controls button:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent-line)}.file-action.has-demo{gap:17px;min-height:138px;padding-block:17px}.file-action.has-demo>.file-action-copy{flex:1;min-width:0}.file-action.has-demo>.tool-demo{gap:0;display:flex}.tool-demo{width:156px;color:var(--file-ink,var(--color-accent));--demo-duration:5.2s;flex-direction:column;flex:0 0 156px;justify-content:center;align-self:center;display:inline-flex;overflow:hidden}.tool-demo svg{background:var(--file-soft,var(--color-accent-soft));border-radius:8px;width:100%;height:auto;display:block;overflow:hidden}.file-action.has-demo .tool-demo-caption{color:var(--color-muted);text-align:center;font-size:var(--text-caption);min-height:15px;margin-top:5px;line-height:1.5;display:block}.demo-paper,.demo-editor{fill:var(--color-surface);stroke:var(--color-line-strong);stroke-width:1.5px;stroke-linejoin:round}.demo-fold,.demo-lines,.demo-editor-rule,.demo-table-rule{fill:none;stroke:var(--color-line-strong);stroke-width:1.5px;stroke-linecap:round}.demo-page-label{font-family:var(--font-body);font-size:var(--text-nav);fill:var(--color-muted);font-weight:550}.demo-arrow{fill:none;stroke:var(--file-ink,var(--color-accent));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.demo-ghost{fill:none;stroke:var(--file-edge,var(--color-accent-line));stroke-width:1.5px;stroke-dasharray:4 3}.demo-corners{fill:none;stroke:var(--file-ink,var(--color-accent));stroke-width:3px;stroke-linejoin:round}.demo-small-label{font-family:var(--font-body);font-size:var(--text-sm);fill:var(--color-muted);font-weight:500}.demo-tag{fill:var(--color-surface);stroke:var(--color-line-strong);stroke-width:1.5px}.demo-tag.accent{fill:var(--file-ink,var(--color-accent));stroke:var(--file-ink,var(--color-accent))}.demo-tag-label{font-family:var(--font-body);fill:var(--color-ink);font-size:1.1875rem;font-weight:600}.demo-tag-label.accent{fill:#fff}.demo-size-track{fill:var(--file-edge,var(--color-accent-line))}.demo-size-fill{fill:var(--file-ink,var(--color-accent));transform-origin:30px 84px;animation-name:demo-shrink-file;transform:scaleX(.45)}.demo-ghost-pages{opacity:.3}.demo-merge-in{transform-origin:35px 50px;opacity:.2;animation-name:demo-merge-documents}.demo-output{opacity:1;animation-name:demo-reveal-output}.demo-unselected{opacity:.35}.demo-selected .demo-paper{stroke:var(--file-ink,var(--color-accent));fill:var(--file-soft,var(--color-accent-soft))}.demo-selected{animation-name:demo-select-page}.demo-resize{transform-origin:90px 50px;animation-name:demo-resize-picture;transform:scale(.5)}.demo-type-before{opacity:.65;animation-name:demo-convert-source}.demo-type-after{opacity:1;animation-name:demo-convert-target}.demo-spread-one{--start-x:-91px;--start-y:17px;animation-name:demo-spread-pages}.demo-spread-two{--start-x:-114px;--start-y:-2px;animation-name:demo-spread-pages}.demo-spread-three{--start-x:-89px;--start-y:-29px;animation-name:demo-spread-pages}.demo-rotate-ghost{opacity:.25}.demo-rotate{transform-origin:90px 54px;animation-name:demo-turn-page;transform:rotate(90deg)}.demo-note-box{fill:var(--file-soft,var(--color-accent-soft));stroke:var(--file-ink,var(--color-accent));stroke-width:1.5px}.demo-note-label{font-family:var(--font-body);font-size:var(--text-lead);fill:var(--file-ink,var(--color-accent))}.demo-note{animation-name:demo-write-note}.demo-caret{fill:none;stroke:var(--file-ink,var(--color-accent));stroke-width:1.5px;animation-name:demo-caret}.demo-code{font-family:var(--font-code);font-size:var(--text-sm);fill:var(--color-ink)}.demo-glyph{font-family:var(--font-body);fill:var(--color-ink);font-size:2.25rem;font-weight:600}.demo-content-before{opacity:0;animation-name:demo-before-content}.demo-content-after{opacity:1;animation-name:demo-after-content}.demo-window-dot{fill:var(--color-line-strong)}.demo-table-head{fill:var(--file-edge,var(--color-accent-line))}.demo-table-text{font-family:var(--font-code);font-size:var(--text-sm);fill:var(--color-ink)}.demo-timeline{fill:none;stroke:var(--color-line-strong);stroke-width:2px;stroke-linecap:round}.demo-cue-ghost{fill:var(--file-edge,var(--color-accent-line))}.demo-cue{fill:var(--file-ink,var(--color-accent));animation-name:demo-shift-cue;transform:translate(32px)}.demo-archive{fill:var(--color-surface);stroke:var(--file-ink,var(--color-accent));stroke-width:1.5px}.demo-zipper{fill:none;stroke:var(--file-ink,var(--color-accent));stroke-width:2px}.demo-archive-label{font-family:var(--font-body);font-size:var(--text-lead);fill:var(--file-ink,var(--color-accent));font-weight:600}.demo-pack-files{transform-origin:90px 56px;opacity:.7;animation-name:demo-pack-files;transform:scale(1)}.demo-archive-in{animation-name:demo-reveal-output}.demo-archive-out{opacity:.5;animation-name:demo-open-archive}.demo-unpack-files{transform-origin:90px 56px;animation-name:demo-unpack-files}.demo-motion{animation-duration:var(--demo-duration);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite;animation-play-state:paused}.demo-video-playhead{fill:none;stroke:var(--file-ink,var(--color-accent));stroke-width:2px;animation-name:demo-video-scrub}@keyframes demo-video-scrub{0%,15%{transform:translate(0)}85%,to{transform:translate(140px)}}.tool-demo[data-running=true] .demo-motion{animation-play-state:running}@keyframes demo-resize-picture{0%,16%{transform:scale(1)}52%,86%{transform:scale(.5)}to{transform:scale(1)}}@keyframes demo-shrink-file{0%,16%{transform:scaleX(1)}52%,86%{transform:scaleX(.45)}to{transform:scaleX(1)}}@keyframes demo-convert-source{0%,18%,to{opacity:1;transform:translate(0)}52%,86%{opacity:.5;transform:translate(4px)}}@keyframes demo-convert-target{0%,18%,to{opacity:.15;transform:translateY(7px)}52%,86%{opacity:1;transform:translateY(0)}}@keyframes demo-merge-documents{0%,18%,to{opacity:1;transform:translate(0)scale(1)}52%,86%{opacity:0;transform:translate(98px)scale(.7)}}@keyframes demo-reveal-output{0%,18%,to{opacity:.2}52%,86%{opacity:1}}@keyframes demo-spread-pages{0%,18%,to{opacity:.1;transform:translate(var(--start-x), var(--start-y)) scale(.6)}52%,86%{opacity:1;transform:translate(0)scale(1)}}@keyframes demo-select-page{0%,18%,to{opacity:.4}52%,86%{opacity:1}}@keyframes demo-turn-page{0%,18%,to{transform:rotate(0)}52%,86%{transform:rotate(90deg)}}@keyframes demo-write-note{0%,18%,to{clip-path:inset(0 100% 0 0)}52%,86%{clip-path:inset(0)}}@keyframes demo-caret{0%,18%,to{opacity:0}36%,47%,62%,73%{opacity:1}53%,86%{opacity:.2}}@keyframes demo-before-content{0%,26%,to{opacity:1}43%,86%{opacity:0}}@keyframes demo-after-content{0%,26%,to{opacity:0}43%,86%{opacity:1}}@keyframes demo-shift-cue{0%,18%,to{transform:translate(0)}52%,86%{transform:translate(32px)}}@keyframes demo-pack-files{0%,18%,to{opacity:1;transform:scale(1)}52%,86%{opacity:0;transform:scale(.2)}}@keyframes demo-unpack-files{0%,18%,to{opacity:0;transform:scale(.2)}52%,86%{opacity:1;transform:scale(1)}}@keyframes demo-open-archive{0%,18%,to{opacity:1}52%,86%{opacity:.45}}@media (max-width:540px){.file-action.has-demo{gap:12px;min-height:126px;padding-block:15px}.tool-demo{flex-basis:112px;width:112px}.file-action.has-demo .tool-demo-caption{font-size:var(--text-caption);min-height:28px;padding-inline:2px;line-height:1.4}.file-action.has-demo strong{font-size:var(--text-lead)}.file-action.has-demo .file-action-copy>span{font-size:var(--text-sm);line-height:1.6}.file-action.has-demo>svg{width:15px}.action-examples-controls{gap:8px}.action-examples-controls button{min-height:44px;padding-inline:12px}.action-examples-controls small{max-width:21ch}}@media (prefers-reduced-motion:reduce){.tool-demo:not([data-user-motion=true]) .demo-motion{animation:none!important}.tool-demo:not([data-user-motion=true]) .demo-caret{opacity:0}}