.tool-grid{gap:16px;display:grid}@media (width>=860px){.tool-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch}.tool-left{flex-direction:column;display:flex}.tool-left>.drop,.tool-left>.file-card{flex:1}}.tool-badge{width:fit-content;margin:12px auto 0;display:flex}.drop{border:1.5px dashed var(--drop-border);border-radius:var(--radius);background:var(--drop-bg);text-align:center;cursor:pointer;min-height:210px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;transition:border-color .15s,background .15s;display:flex}.drop strong{color:var(--text);font-size:18px}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop svg{color:var(--accent)}.drop-or{align-items:center;gap:8px;display:flex}.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.file-card{align-content:start;gap:12px;display:grid}.stage{background:repeating-conic-gradient(var(--surface-2) 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:var(--radius-sm);touch-action:none;justify-content:center;display:flex;position:relative;overflow:hidden}.stage img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:auto;max-height:320px}.stage.cropping{width:fit-content;margin:0 auto}.stage video,.result-preview video{background:#000;max-width:100%;max-height:320px;display:block}.doc-thumb{width:100%;min-height:160px;color:var(--accent);letter-spacing:.08em;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.result-preview .doc-thumb{min-height:120px}.crop-box{cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-handle{border:2px solid var(--accent);cursor:nwse-resize;background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-12px;right:-12px}.crop-hint{color:var(--muted);text-align:center;margin:-4px 0 0;font-size:13px}.info{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:14px;display:grid}.info dt{color:var(--muted)}.info dd{overflow-wrap:anywhere;margin:0}.meta-warn{border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);padding:8px 10px;font-size:13px}.tool-right{flex-direction:column;gap:14px;display:flex}.tool-right [data-go]{margin-top:auto}.quick{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:44px;padding:6px 12px;font-size:13px;font-weight:600}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.paste-found{color:var(--muted);margin:6px 0 0;font-size:13px}.paste-found.warn{color:var(--warn);font-weight:600}.paste-found:empty{display:none}.summary .field-label{margin-bottom:4px}.summary-text{margin:0;font-size:16px;font-weight:700}.summary-text.error{color:var(--fail);font-size:14px}.advanced>summary{cursor:pointer;color:var(--accent);align-items:center;min-height:44px;font-size:14px;font-weight:600;list-style-position:inside;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:after{content:"▾";margin-left:6px;transition:transform .15s}.advanced[open]>summary:after{transform:rotate(180deg)}.advanced[open]{gap:14px;padding-top:4px;display:grid}.advanced[open]>summary{border-bottom:1px solid var(--border);padding-bottom:8px}.presets-row,.preset-name{align-items:center;gap:8px;display:flex}.preset-select{flex:1;min-height:44px;padding:4px 8px;font-size:13px}.progress .bar{background:var(--surface-2);border-radius:8px;height:6px;overflow:hidden}.progress .bar span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.progress p,.hint{color:var(--muted);margin:6px 0 0;font-size:13px}.progress-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hint.error{color:var(--fail);font-weight:600}.result{outline:none;margin-top:16px}.verdict{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm);margin-top:0;margin-bottom:14px;padding:12px 14px;font-size:16px;font-weight:800}.verdict.ok{background:var(--pass-soft);color:var(--pass)}.verdict.bad{background:var(--fail-soft);color:var(--fail)}.verdict small{text-transform:none;letter-spacing:0;margin-top:4px;font-weight:500;display:block}.result-grid{gap:16px;display:grid}@media (width>=720px){.result-grid{grid-template-columns:220px 1fr}}.result-preview{background:repeating-conic-gradient(var(--surface-2) 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:120px;display:flex}.result-preview img{width:auto;max-height:240px}.checks,.notes{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.checks li{align-items:baseline;gap:8px;font-weight:600;display:flex}.checks li small{color:var(--muted);font-weight:400}.checks .i{text-align:center;flex:none;width:20px}.checks .pass .i{color:var(--pass)}.checks .fail .i{color:var(--fail)}.checks .warn .i{color:var(--warn)}.notes li{color:var(--muted);font-size:13px}.result-meta{color:var(--muted);margin:0 0 12px;font-size:13px}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.result-actions .btn-primary{flex:160px}
