.pi-workspace [hidden]{display:none!important}.pi-workspace .btn{height:auto;min-height:44px}.pi-workspace .workbench-input,.pi-workspace .workbench-result{min-width:0}.pi-single>section{gap:var(--space-4);min-width:0;padding:clamp(16px,2vw,28px);display:grid}.pi-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-width:0;display:flex}.pi-row-head .workbench-label{margin:0}.pi-row-head .helper,.pi-file-text .helper{min-height:0;margin:0}.pi-row-tools{align-items:center;gap:8px;margin-inline-start:auto;display:inline-flex}.pi-row-tools .btn{white-space:nowrap}.pi-field{min-width:0;font-size:var(--text-sm);gap:6px;font-weight:600;display:grid}.pi-field .input,.pi-field .native-select{width:100%;min-height:44px;font-weight:400}.pi-field small{font-weight:400}.pi-range{min-width:0;font-size:var(--text-sm);gap:6px;font-weight:600;display:grid}.pi-range>span{justify-content:space-between;gap:8px;display:flex}.pi-range output{color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:500}.pi-range input[type=range]{width:100%;min-height:44px;accent-color:var(--color-accent)}.pi-color{min-height:44px;font-size:var(--text-sm);align-items:center;gap:8px;font-weight:600;display:inline-flex}.pi-workspace input[type=color]{border:var(--rule);background:var(--color-paper);cursor:pointer;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:2px}.pi-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.pi-workspace legend{font-size:var(--text-sm);margin-bottom:8px;padding:0;font-weight:600}.pi-icon-btn{width:44px;min-width:44px;padding:0}.pi-status:empty{display:none}.pi-stale{color:var(--color-ink)}.pi-notes summary{cursor:pointer;min-height:44px;font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.pi-notes[open] summary svg{transform:rotate(180deg)}.pi-notes ul{font-size:var(--text-sm);color:var(--color-muted);gap:6px;margin:0;padding-inline-start:20px;display:grid}.pi-drop.dragging .pdf-file-picker,.pi-file-row.dragging{border-color:var(--color-accent);background:var(--color-accent-wash)}.pi-file-row{border:var(--rule);background:var(--color-surface);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.pi-file-icon{width:40px;height:40px;color:var(--color-accent);background:var(--color-accent-wash);border-radius:10px;place-items:center;display:grid}.pi-file-text{min-width:0}.pi-file-text strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pi-file-text p{margin:2px 0 0}.pi-figure{gap:8px;margin:0;display:grid}.pi-figure figcaption{font-size:var(--text-sm);font-weight:600}.pi-frame{border:var(--rule);background:var(--color-surface);border-radius:12px;place-items:center;min-height:160px;padding:8px;display:grid;overflow:hidden}.pi-frame img{object-fit:contain;max-width:100%;max-height:320px;display:block}.pi-result-card .pi-frame{width:100%}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.pi-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pi-choices legend{grid-column:1/-1}.pi-choice{cursor:pointer;min-height:44px;display:flex;position:relative}.pi-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pi-choice>span{border:var(--rule);background:var(--color-surface);width:100%;font-size:var(--text-sm);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.pi-choice small{color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.pi-choice input:checked+span{border-color:var(--color-accent);background:var(--color-accent-wash);box-shadow:inset 0 0 0 1px var(--color-accent)}.pi-choice input:focus-visible+span{outline:2px solid var(--color-focus,var(--color-accent));outline-offset:2px}.pi-choice input:disabled+span{opacity:.55}.crop-preview{gap:8px;display:grid}.crop-stage{border:var(--rule);background:var(--color-surface);user-select:none;border-radius:12px;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.crop-stage img{-webkit-user-drag:none;width:100%;height:auto;display:block}.crop-stage.drawable{cursor:crosshair;touch-action:none}.crop-box{border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, transparent);box-sizing:border-box;cursor:move;position:absolute}.crop-box.computed{cursor:default;pointer-events:none;border-style:dashed}.crop-box:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.crop-stage-message{text-align:center;padding:24px}.pi-margins{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.pi-margins legend,.pi-margins>small{grid-column:1/-1}.compare-slots{gap:12px;display:grid}.compare-slot{gap:6px;display:grid}.compare-slot-label{font-size:var(--text-sm)}.compare-slots .pdf-file-picker{min-height:132px}.compare-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;margin:0;display:grid}.compare-stats div{background:var(--color-paper);border-radius:8px;gap:2px;padding:8px 4px;display:grid}.compare-stats dt{font-size:var(--text-xs);color:var(--color-muted);order:2}.compare-stats dd{font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.compare-stats [data-stat=added] dd{color:var(--color-ok)}.compare-stats [data-stat=removed] dd{color:var(--color-error)}.compare-details{gap:var(--space-4);border-top:var(--rule);grid-column:1/-1;min-width:0;padding:clamp(16px,2vw,28px);display:grid}.compare-tabs{border:var(--rule);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.compare-tabs button{min-height:40px;color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 14px;font-weight:600}.compare-tabs [aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent)}.compare-pager,.editor-pager{font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}[data-compare-page="-1"] svg,[data-editor-page="-1"] svg,[dir=rtl] [data-compare-page] svg,[dir=rtl] [data-editor-page] svg{transform:scaleX(-1)}[dir=rtl] [data-compare-page="-1"] svg,[dir=rtl] [data-editor-page="-1"] svg{transform:none}.compare-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compare-page{border:var(--rule);background:var(--color-surface);border-radius:12px;align-content:start;gap:6px;min-width:0;margin:0;padding:8px;display:grid}.compare-page figcaption{font-size:var(--text-sm);text-align:center;font-weight:600}.compare-page img{background:#fff;border-radius:6px;width:100%;height:auto;display:block}.compare-missing{place-items:center;min-height:200px;display:grid}.compare-diff{border:var(--rule);background:var(--color-surface);max-height:384px;font:12px/1.6 var(--font-mono);border-radius:10px;margin:0;padding:0;list-style:none;overflow:auto}.compare-diff li{border-bottom:var(--rule);overflow-wrap:anywhere;white-space:pre-wrap;grid-template-columns:20px minmax(0,1fr);padding:2px 10px;display:grid}.compare-diff .diff-mark{color:var(--color-muted)}.compare-diff .diff-added{background:color-mix(in srgb, var(--color-ok) 14%, transparent)}.compare-diff .diff-removed{background:color-mix(in srgb, var(--color-error) 14%, transparent)}.editor-wait{text-align:center;border:var(--rule);background:var(--color-surface);border-radius:12px;justify-items:center;gap:10px;padding:40px 16px;display:grid}.editor-wait progress{width:min(280px,100%);accent-color:var(--color-accent)}.editor-wait p{margin:0}.editor-work{gap:12px;min-width:0;display:grid}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.editor-toolbar-end{align-items:center;gap:12px;margin-inline-start:auto;display:inline-flex}.editor-zoom{align-items:center;gap:6px;display:inline-flex}.editor-zoom output{text-align:center;min-width:48px;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.editor-count{background:var(--color-accent-wash);color:var(--color-accent-ink,var(--color-accent));font-size:var(--text-xs);border-radius:999px;padding:4px 10px;font-weight:600}.editor-hint{margin:0}.editor-viewport{border:var(--rule);background:var(--color-paper-2);overscroll-behavior:contain;border-radius:12px;max-height:80vh;overflow:auto}.editor-page{background:#fff;margin:0 auto;position:relative}.editor-page img{user-select:none;width:100%;height:100%;position:absolute;inset:0}.editor-words{position:absolute;inset:0}.editor-word{cursor:text;background:0 0;border:1px solid #0000;border-radius:1px;padding:0;position:absolute}.editor-word:hover,.editor-word:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);outline:none}.editor-word.edited{background:#3b82f633;border-color:#3b82f680}.editor-input{z-index:2;border:2px solid var(--color-accent);color:#000;box-sizing:border-box;background:#fff;border-radius:6px;min-width:120px;min-height:36px;padding:4px 8px;font-size:16px;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0003}.editor-image-error{text-align:center;padding:24px}.editor-done .action-row{justify-content:center}.paint-panel{gap:12px;display:grid}.paint-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.paint-tools{flex-wrap:wrap;gap:6px;display:flex}.paint-tool{border:var(--rule);border-radius:var(--radius-md);background:var(--color-paper);min-height:44px;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex;position:relative}.paint-tool input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.paint-tool:has(input:checked){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.paint-tool:has(input:focus-visible){outline:2px solid var(--color-focus,var(--color-accent));outline-offset:2px}.paint-actions{flex-wrap:wrap;gap:6px;display:flex}.paint-redo svg{transform:scaleX(-1)}.paint-controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px 16px;display:grid}.pi-range.inactive{color:var(--color-muted)}.paint-colors{flex-wrap:wrap;gap:8px 16px;display:flex}.paint-presets{flex-wrap:wrap;gap:4px;display:flex}.paint-swatch{border:2px solid var(--color-rule);background:var(--swatch);cursor:pointer;border-radius:8px;width:44px;height:44px}.paint-swatch[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-accent)}.paint-stage{background:var(--color-paper-3);border-radius:12px;padding:8px;overflow:hidden}.paint-canvas{border:var(--rule);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;background:#fff;border-radius:6px;max-width:100%;margin:0 auto;display:block}.paint-canvas[data-tool=text]{cursor:text}.paint-canvas[data-tool=fill]{cursor:pointer}.paint-canvas[data-tool=select]{cursor:default}.paint-canvas[data-tool=select].over-object{cursor:move}.paint-dialog form{gap:12px;display:grid}.paint-dialog .input{width:100%;min-height:44px;font-size:16px}.random-settings{gap:var(--space-5)}.random-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.random-group{gap:10px;display:grid;position:relative}.random-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.random-presets{flex-wrap:wrap;gap:6px;display:flex}.random-presets .btn{font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 10px}.random-presets .btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.random-randomize{top:-6px;position:absolute;inset-inline-end:0}.random-color{grid-template-columns:44px minmax(0,1fr);align-items:end;gap:8px;display:grid}.random-color .input{font-family:var(--font-mono)}.random-text-style{gap:10px;display:grid}.random-bg-row{align-items:center;gap:12px;min-height:44px;display:flex}.random-bg-row .native-checkbox{align-items:center}.random-bg-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.random-position-grid{grid-template-columns:repeat(3,44px);gap:4px;display:inline-grid}.random-position{border:var(--rule);background:var(--color-surface);cursor:pointer;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:relative}.random-position input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.random-position span{background:var(--color-muted);border-radius:50%;width:8px;height:8px}.random-position:has(input:checked){background:var(--color-accent);border-color:var(--color-accent)}.random-position:has(input:checked) span{background:var(--color-on-accent)}.random-position:has(input:focus-visible),.random-format:has(input:focus-visible){outline:2px solid var(--color-focus,var(--color-accent));outline-offset:2px}.random-preview-panel{align-content:start}.random-preview{border:var(--rule);background:var(--color-surface);border-radius:12px;place-items:center;height:60vh;min-height:300px;max-height:640px;padding:16px;display:grid;position:relative}.random-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 6px 20px #0000001f}.random-preview img.pixelated{image-rendering:pixelated}.random-preview[data-state=loading] img{opacity:.5}.random-preview-message{margin:0;position:absolute}.random-credit{justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.random-credit p{overflow-wrap:anywhere;min-height:0;margin:0}.random-credit a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.random-credit .btn{flex-shrink:0}@media (width<=767px){.random-credit{flex-direction:column;align-items:stretch}}.random-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.random-formats{gap:4px;display:inline-flex}.random-format{border:var(--rule);border-radius:var(--radius-md);min-width:56px;min-height:44px;font-size:var(--text-sm);cursor:pointer;place-items:center;padding:0 12px;font-weight:600;display:inline-grid;position:relative}.random-format input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.random-format:has(input:checked){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.random-buttons{flex-wrap:wrap;gap:8px;display:inline-flex}@media (width<=1023px){.paint-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.pi-workspace .input,.pi-workspace select,.pi-workspace input[type=text],.pi-workspace input[type=search],.pi-workspace input[type=number]{font-size:16px}.pi-random-image .random-preview-panel{border-top:0;border-bottom:var(--rule);order:-1}.random-preview{height:auto;min-height:240px;max-height:420px}.compare-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-tool span{font-size:var(--text-xs)}.editor-toolbar-end{margin-inline-start:0}}@media (width<=479px){.pi-margins,.random-bg-options,.paint-controls{grid-template-columns:minmax(0,1fr)}.pi-file-row{grid-template-columns:auto minmax(0,1fr)}.pi-file-row .btn{grid-column:1/-1}.compare-pages{gap:6px}.compare-page{padding:4px}}.pi-result-card:has([data-job-result-frame]:not([hidden])) .pdf-result-symbol{display:none}
