.quick-tool .drop-zone{min-height:160px}.quick-work{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:start}.quick-tool #settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;padding:0;min-width:0}.quick-field{display:flex;flex-direction:column;gap:5px;font-size:14px;min-width:0}.quick-field input,.quick-field select{width:100%;min-width:0;min-height:44px;background:white;border:1px solid var(--line);padding:8px;font-size:16px;border-radius:0}.check-field{flex-direction:row;align-items:center;grid-column:1/-1}.check-field input{width:22px;height:22px;min-height:22px;order:-1}.quick-preview{margin:0;text-align:center;min-width:0}.quick-preview canvas{max-width:100%;max-height:240px;width:auto;height:auto;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 16px 16px;border:1px solid var(--line)}.quick-preview figcaption,.quick-preview p,.quick-note{font-size:13px;color:var(--muted);line-height:1.5}.quick-preview p{margin:5px 0;overflow-wrap:anywhere}.quick-note{margin:18px 0}.quick-tool #quick-files{list-style:none;padding:0;margin:12px 0 20px}.quick-tool #quick-files li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.quick-file-info{min-width:0;font-size:14px;overflow-wrap:anywhere}.quick-file-info small{display:block;color:var(--muted)}.quick-file-actions{display:flex;gap:4px;flex-shrink:0}.quick-file-actions button{min-width:44px;padding:6px}.quick-tool #output{display:block}.quick-tool #result-title{font-size:24px;margin:0 0 12px}.quick-tool #download{display:inline-flex;margin:6px 0 18px;background:var(--accent);border-color:var(--accent)}.quick-tool #result-image{display:block;max-height:360px;max-width:100%;width:auto;height:auto;border:1px solid var(--line);margin:0 0 14px}.quick-tool #result-text{font:14px/1.6 monospace;width:100%;height:260px;resize:vertical;padding:14px;color:var(--ink);background:white;border:1px solid var(--line)}.quick-tool #result-spec{font-size:14px;overflow-wrap:anywhere}.quick-tool[data-flow-stage="3"] #workspace,.quick-tool[data-flow-stage="3"] #drop-zone{display:none}.quick-tool[data-has-files] #sample{display:none}.quick-tool [data-error="true"]{color:#a22}.quick-tool[data-busy] .quick-file-actions button{pointer-events:none;opacity:.4}
@media(max-width:720px){.quick-work{grid-template-columns:minmax(0,1fr) 86px;gap:14px}.quick-tool #settings{grid-template-columns:1fr;gap:12px}.quick-preview canvas{max-height:130px}.quick-preview figcaption,.quick-preview p{font-size:11px}.quick-tool #quick-files li{align-items:flex-start;flex-wrap:wrap}.quick-file-info{flex:1 1 150px}.quick-file-actions{margin-inline-start:auto}.quick-tool #download{width:100%;justify-content:center}.quick-tool #result-title{font-size:22px}.quick-tool .drop-zone{min-height:170px}.quick-tool[data-has-files] .drop-zone{min-height:0}.quick-tool #output{padding:20px 14px}}
.quick-work:has(#settings:empty){display:block}.quick-tool #settings:empty{display:none}.quick-work:has(#settings:empty) .quick-preview{max-width:400px;margin:auto}