/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 */
/* Hallmark · genre: modern-minimal · macrostructure: Workbench · theme: ZKApp utility · enrichment: selected-image preview · contrast: pass (40–41) · nav: existing · footer: existing · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34,49,50–57) */
.imghost-tool{
  --imghost-font-ui:"Microsoft YaHei","PingFang SC",sans-serif;
  --imghost-font-code:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  --imghost-paper:oklch(98% .008 185);--imghost-surface:oklch(99.5% .004 185);--imghost-surface-2:oklch(95.5% .012 185);
  --imghost-rule:oklch(84% .015 185);--imghost-rule-strong:oklch(68% .025 185);--imghost-muted:oklch(43% .025 190);--imghost-ink:oklch(22% .025 190);
  --imghost-accent:oklch(43% .105 183);--imghost-accent-soft:oklch(94% .035 183);--imghost-accent-ink:oklch(98% .008 185);--imghost-focus:oklch(18% .08 235);
  --imghost-danger:oklch(48% .18 27);--imghost-danger-soft:oklch(95% .035 27);--imghost-success:oklch(39% .105 155);--imghost-preview-overlay:oklch(19% .025 190/.9);
  --imghost-space-xs:.5rem;--imghost-space-sm:.75rem;--imghost-space-md:1rem;--imghost-space-lg:1.5rem;--imghost-space-xl:2.5rem;
  --imghost-radius:6px;--imghost-dur-micro:120ms;--imghost-dur-short:220ms;--imghost-ease-out:cubic-bezier(.16,1,.3,1)
}
.webmaster-tool{margin-top:18px}.webmaster-tool textarea{min-height:150px}.webmaster-tool .code-input{min-height:260px;font-family:Consolas,"Courier New",monospace;line-height:1.65}.webmaster-tool .browser-message[data-state="success"]{color:#047857}.webmaster-tool .browser-message[data-state="error"]{color:#b91c1c}.webmaster-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.webmaster-warning{margin-top:14px;padding:12px 14px;border-left:4px solid #f59e0b;background:#fffbeb;color:#92400e;line-height:1.7}.webmaster-upload{display:flex;align-items:center;justify-content:center;min-height:92px;margin-bottom:16px;border:2px dashed #94a3b8;background:#f8fafc;cursor:pointer}.webmaster-upload:hover{border-color:#0f766e;background:#f0fdfa}.webmaster-upload input{position:absolute;width:1px;height:1px;opacity:0}.webmaster-upload span{font-weight:600;color:#334155}.qr-stage{display:grid;place-items:center;min-height:360px;padding:20px;border:1px solid #e5e7eb;background:#fff}.qr-stage canvas,.qr-stage img{display:block;max-width:100%;height:auto}.image-preview{display:grid;place-items:center;min-height:260px;border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;overflow:hidden}.image-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.webmaster-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.webmaster-link-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.webmaster-link-list a:hover{border-color:#0f766e;background:#f0fdfa}.webmaster-link-list span{color:#0f766e;white-space:nowrap}.highlight-preview{min-height:280px;margin:16px 0 0;overflow:auto;background:#f8fafc}.highlight-preview code{display:block;min-height:280px;padding:18px!important;font:14px/1.7 Consolas,"Courier New",monospace}.runner-input{min-height:300px!important}.runner-output{min-height:180px;white-space:pre-wrap}.runner-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.favicon-preview{display:grid;place-items:center;min-height:180px;margin:16px 0;border:1px solid #e5e7eb;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;color:#64748b}.favicon-preview canvas{width:128px;height:128px;image-rendering:auto}.font-results{display:grid;gap:8px;margin-top:14px}.font-result{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #e5e7eb;background:#fff;text-align:left;cursor:pointer}.font-result:hover{border-color:#0f766e;background:#f0fdfa}.font-result span{color:#64748b}.font-result strong{min-width:0;overflow-wrap:anywhere;font-size:19px;font-weight:500}.reference-count{margin:14px 0 8px;color:#64748b}.reference-list{display:grid;gap:6px}.reference-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) 100px;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1px solid #e5e7eb;background:#fff;text-align:left;cursor:pointer}.reference-row:hover{border-color:#0f766e;background:#f0fdfa}.reference-row code{color:#0f766e;font-weight:700;overflow-wrap:anywhere}.reference-row span{line-height:1.6}.reference-row small{text-align:right;color:#64748b}.color-library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.color-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;min-width:0;padding:8px;border:1px solid #e5e7eb;background:#fff;text-align:left;cursor:pointer}.color-card:hover{border-color:#0f766e}.color-card i{grid-row:1/3;width:42px;height:42px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:var(--swatch)}.color-card strong,.color-card code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-card strong{font-size:13px}.color-card code{color:#64748b;font-size:12px}
.network-result,.network-summary{display:grid;gap:0;margin-top:16px;border:1px solid #e5e7eb;background:#fff}.network-result>div,.network-summary>div{display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr);gap:14px;padding:11px 14px;border-bottom:1px solid #e5e7eb}.network-result>div:last-child,.network-summary>div:last-child{border-bottom:0}.network-result span,.network-summary span{color:#64748b}.network-result strong,.network-summary strong{min-width:0;overflow-wrap:anywhere;font-weight:600}.network-result strong[data-state="success"],.network-summary strong[data-state="success"]{color:#047857}.webmaster-tool .network-output{min-height:280px;font-family:Consolas,"Courier New",monospace}.webmaster-tool .crawler-output{min-height:420px;font-family:Consolas,"Courier New",monospace;line-height:1.6}
/* Hallmark · component: aligned tool form · genre: modern-minimal · theme: existing ZKApp utility
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: existing site token pairs
 */
.outside-chain-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}.outside-chain-control{grid-template-rows:1.25rem 2.75rem minmax(1.25rem,auto);gap:var(--space-2);min-width:0}.outside-chain-control>span{line-height:1.25rem}.outside-chain-control small{min-height:1.25rem;color:var(--color-muted);font-size:var(--text-sm);line-height:1.25rem}.outside-chain-domain{display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;height:2.75rem}.outside-chain-domain>span{display:flex;align-items:center;box-sizing:border-box;padding-inline:var(--space-3);border:var(--rule-thin) solid var(--color-rule);border-inline-end:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2);font-weight:400;white-space:nowrap}.outside-chain-domain input,.outside-chain-control>input{height:2.75rem;outline:2px solid transparent;outline-offset:1px}.outside-chain-domain input{min-width:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.outside-chain-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-height:2.75rem}.outside-chain-form .outside-chain-actions button{width:100%;min-width:8.5rem;height:2.75rem;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-standard)}.outside-chain-form .outside-chain-actions button.danger{border-color:var(--color-error);background:var(--color-error);color:var(--color-accent-ink)}.outside-chain-form .outside-chain-actions button:focus-visible,.outside-chain-form input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.outside-chain-form .outside-chain-actions button:active{transform:translateY(1px)}.outside-chain-form .outside-chain-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.outside-chain-form input:user-invalid{border-color:var(--color-error)}.outside-chain-form input:user-valid:not(:placeholder-shown){border-color:var(--color-success)}.outside-chain-results{margin-top:var(--space-1)}.outside-chain-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2)}.outside-chain-progress>div{min-width:0;padding:var(--space-3) var(--space-4);border-inline-end:var(--rule-thin) solid var(--color-rule)}.outside-chain-progress>div:nth-child(2){border-inline-end:0}.outside-chain-progress>div:last-child{grid-column:1/-1;border-block-start:var(--rule-thin) solid var(--color-rule);border-inline-end:0}.outside-chain-progress span,.outside-chain-progress strong{display:block}.outside-chain-progress span{margin-block-end:var(--space-1);color:var(--color-muted);font-size:var(--text-xs)}.outside-chain-progress strong{min-width:0;overflow-wrap:anywhere;color:var(--color-ink)}.outside-chain-table-wrap{overflow-x:auto;margin-block-start:var(--space-3);border:var(--rule-thin) solid var(--color-rule)}.outside-chain-table{width:100%;min-width:45rem;border-collapse:collapse;background:var(--color-paper);table-layout:fixed}.outside-chain-table th,.outside-chain-table td{padding:9px 10px;border-block-end:var(--rule-thin) solid var(--color-paper-3);text-align:left;vertical-align:middle}.outside-chain-table tr:last-child td{border-block-end:0}.outside-chain-table th{background:var(--color-paper-2);color:var(--color-ink-2);font-weight:600}.outside-chain-table th:nth-child(1),.outside-chain-table td:nth-child(1){width:48px;text-align:center}.outside-chain-table th:nth-child(2),.outside-chain-table td:nth-child(2){width:150px}.outside-chain-table th:nth-child(4),.outside-chain-table td:nth-child(4){width:74px;text-align:center}.outside-chain-table td:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outside-chain-table td:nth-child(3) a{color:var(--color-ink-2)}.outside-chain-table iframe{display:block;width:62px;height:22px;margin:auto;border:0}.outside-chain-principle p{margin:0 0 10px;line-height:1.75}.outside-chain-principle p:last-child{margin-bottom:0}
@media(hover:hover) and (pointer:fine){.outside-chain-form .outside-chain-actions button.primary:hover{border-color:var(--site-brand-hover);background:var(--site-brand-hover);color:var(--site-on-brand);transform:translateY(-1px)}.outside-chain-table td:nth-child(3) a:hover{color:var(--site-brand)}}
@media(min-width:60rem){.outside-chain-form{grid-template-columns:minmax(18rem,1fr) minmax(10rem,14rem) auto}.outside-chain-actions{grid-template-rows:1.25rem 2.75rem minmax(1.25rem,auto);gap:var(--space-2)}.outside-chain-actions button{grid-row:2}.outside-chain-progress{grid-template-columns:10rem 11.25rem minmax(0,1fr)}.outside-chain-progress>div:nth-child(2){border-inline-end:var(--rule-thin) solid var(--color-rule)}.outside-chain-progress>div:last-child{grid-column:auto;border-block-start:0}}
.tool-reference-link{display:inline-flex;align-items:center;padding:0 10px;color:#0f766e;font-weight:600;text-decoration:none}.tool-reference-link:hover{text-decoration:underline}
.site-thumbnail-stage{display:grid;place-items:center;min-height:360px;margin-top:16px;padding:16px;border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;overflow:hidden}.site-thumbnail-stage img{display:block;max-width:100%;height:auto}.hosting-preview{min-height:220px;margin-top:0}.hosting-preview img{display:block;max-width:100%;max-height:360px;object-fit:contain}
@media(max-width:900px){.color-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.webmaster-split,.webmaster-link-list{grid-template-columns:1fr}.qr-stage{min-height:280px}.reference-row{grid-template-columns:minmax(110px,1fr) minmax(0,2fr)}.reference-row small{display:none}.color-library{grid-template-columns:repeat(2,minmax(0,1fr))}.font-result{grid-template-columns:80px minmax(0,1fr)}.highlight-preview code{font-size:13px}}

html,body{overflow-x:clip}
.imghost-tool{gap:var(--imghost-space-lg);color:var(--imghost-ink);font-family:var(--imghost-font-ui);letter-spacing:0}
.imghost-tool [hidden]{display:none!important}
.imghost-tool .browser-tool-intro{display:flex;flex-wrap:wrap;gap:var(--imghost-space-xs) var(--imghost-space-lg);padding:var(--imghost-space-sm) var(--imghost-space-md);border:1px solid var(--imghost-rule);border-inline-start:3px solid var(--imghost-accent);border-radius:var(--imghost-radius);background:var(--imghost-paper);color:var(--imghost-muted);line-height:1.6}
.imghost-tool .browser-tool-intro span{position:relative;white-space:nowrap}
.imghost-tool .browser-tool-intro span:not(:last-child)::after{position:absolute;inset-inline-end:calc(var(--imghost-space-lg)*-.55);display:none;color:var(--imghost-rule-strong);content:"·"}
.imghost-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
.imghost-dropzone{position:relative;display:grid;min-width:0;min-height:18rem;place-items:center;overflow:hidden;border:2px dashed var(--imghost-rule-strong);border-radius:var(--imghost-radius);background:var(--imghost-paper);color:var(--imghost-ink);cursor:pointer;outline:3px solid transparent;outline-offset:2px;transition:background-color var(--imghost-dur-short) var(--imghost-ease-out),transform var(--imghost-dur-micro) var(--imghost-ease-out)}
.imghost-dropzone:focus-visible{outline-color:var(--imghost-focus)}
.imghost-dropzone.is-dragging{border-style:solid;background:var(--imghost-accent-soft);transform:translateY(-1px)}
.imghost-dropzone.is-error{border-color:var(--imghost-danger);background:var(--imghost-danger-soft)}
.imghost-dropzone input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.imghost-drop-empty{display:flex;flex-direction:column;align-items:center;gap:var(--imghost-space-xs);padding:var(--imghost-space-xl) var(--imghost-space-md);text-align:center}
.imghost-drop-empty i{margin-block-end:var(--imghost-space-xs);color:var(--imghost-accent);font-size:2rem}
.imghost-drop-empty strong{font-size:1.25rem;line-height:1.25}.imghost-drop-empty small{color:var(--imghost-muted);font-size:.875rem}
.imghost-dropzone>img{display:block;width:100%;height:100%;max-height:28rem;object-fit:contain}
.imghost-file-meta{position:absolute;inset-inline:var(--imghost-space-md);inset-block-end:var(--imghost-space-md);display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.25rem;padding:var(--imghost-space-sm);border-radius:4px;background:var(--imghost-preview-overlay);color:var(--imghost-accent-ink)}
.imghost-file-meta strong,.imghost-file-meta small{min-width:0}.imghost-file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imghost-file-meta small{max-width:100%;font-family:var(--imghost-font-code);font-size:.875rem;font-variant-numeric:tabular-nums;white-space:normal}
.imghost-controls{display:grid;align-content:start;gap:var(--imghost-space-lg);min-width:0;padding-block-start:var(--imghost-space-lg)}
.imghost-provider{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:var(--imghost-space-md);padding-block-end:var(--imghost-space-sm);border-block-end:1px solid var(--imghost-rule);color:var(--imghost-muted)}
.imghost-provider strong{padding:.25rem .5rem;border:1px solid var(--imghost-rule);border-radius:4px;background:var(--imghost-surface);color:var(--imghost-ink);font-family:var(--imghost-font-code);font-size:.875rem;font-weight:700}
.imghost-provider strong i{margin-inline-end:.25rem;color:var(--imghost-accent)}
.imghost-token>span{color:var(--imghost-ink);font-size:1rem;font-weight:700}.imghost-token>span small,.imghost-token>small{color:var(--imghost-muted);font-size:.875rem;font-weight:400}.imghost-token>small{min-height:1lh}
.imghost-tool .imghost-token input{min-height:2.75rem;padding:.75rem 2.25rem .75rem .75rem;border:1px solid var(--imghost-rule-strong);border-radius:4px;background:var(--imghost-surface);color:var(--imghost-ink);outline:2px solid transparent;outline-offset:1px}
.imghost-tool .imghost-token input:focus-visible{border-color:var(--imghost-rule-strong);box-shadow:none;outline-color:var(--imghost-focus)}
.imghost-tool .imghost-token input::placeholder{color:var(--imghost-muted);opacity:1}
.imghost-provider-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--imghost-space-xs);justify-self:start;color:var(--imghost-accent);font-weight:700;white-space:nowrap}
.imghost-provider-link:focus-visible,.imghost-results a:focus-visible,.imghost-tool button:focus-visible,.imghost-diagnostics summary:focus-visible{outline:2px solid var(--imghost-focus);outline-offset:2px}
.imghost-tool .imghost-actions button.primary:focus-visible,.imghost-tool .imghost-result-actions button.primary:focus-visible{outline-color:var(--imghost-accent-ink);box-shadow:0 0 0 4px var(--imghost-focus)}
.imghost-actions,.imghost-result-actions{display:flex;flex-wrap:wrap;gap:var(--imghost-space-sm)}
.imghost-tool .imghost-actions button,.imghost-tool .imghost-result-actions button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--imghost-space-xs);border:1px solid var(--imghost-rule-strong);border-radius:4px;background:var(--imghost-surface);color:var(--imghost-ink);cursor:pointer;font-family:var(--imghost-font-ui);font-size:1rem;white-space:nowrap;transition:background-color var(--imghost-dur-short) var(--imghost-ease-out),transform var(--imghost-dur-micro) var(--imghost-ease-out)}
.imghost-tool .imghost-actions button{flex:1 1 8rem}.imghost-tool .imghost-actions button.primary,.imghost-tool .imghost-result-actions button.primary{border-color:var(--imghost-accent);background:var(--imghost-accent);color:var(--imghost-accent-ink)}
.imghost-tool button:active{transform:translateY(1px)}.imghost-tool button:disabled{cursor:not-allowed;opacity:.5;transform:none}
.imghost-tool button[data-state=loading] i::before{content:"\f110"}.imghost-tool button[data-state=loading] i{animation:imghost-spin 900ms linear infinite}
@keyframes imghost-spin{to{transform:rotate(360deg)}}
.imghost-results{display:grid;gap:var(--imghost-space-md);padding-block-start:var(--imghost-space-xl);border-block-start:1px solid var(--imghost-rule)}
.imghost-results>header{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:var(--imghost-space-md)}
.imghost-results h3,.imghost-results p{margin:0}.imghost-results h3{color:var(--imghost-ink);font-size:1.25rem;line-height:1.25}.imghost-results p{margin-block-start:.25rem;color:var(--imghost-muted);line-height:1.6}
.imghost-results header a{display:inline-flex;min-height:2.75rem;flex:0 0 auto;align-items:center;gap:var(--imghost-space-xs);color:var(--imghost-accent);font-weight:700;white-space:nowrap}
.imghost-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;border-block-end:1px solid var(--imghost-rule)}
.imghost-tool .imghost-tabs button{min-width:0;min-height:2.75rem;padding:.75rem .25rem;border:0;border-block-end:2px solid transparent;border-radius:0;background:transparent;color:var(--imghost-muted);cursor:pointer;font-family:var(--imghost-font-ui);font-size:.875rem;font-weight:700;white-space:nowrap}
.imghost-tool .imghost-tabs button[aria-selected=true]{border-block-end-color:var(--imghost-accent);color:var(--imghost-accent)}
.imghost-result-field{display:grid;gap:var(--imghost-space-xs);color:var(--imghost-ink);font-weight:700}
.imghost-tool .imghost-result-field textarea{min-height:8rem;margin:0;padding:var(--imghost-space-md);resize:vertical;border:1px solid var(--imghost-rule);border-radius:4px;background:var(--imghost-paper);color:var(--imghost-ink);font-family:var(--imghost-font-code);font-size:.875rem;line-height:1.65;outline:2px solid transparent;outline-offset:1px;overflow-wrap:normal;white-space:pre}
.imghost-tool .imghost-result-field textarea:focus-visible{outline-color:var(--imghost-focus)}
.imghost-diagnostics{padding-block:var(--imghost-space-md);border-block:1px solid var(--imghost-rule);color:var(--imghost-muted)}
.imghost-diagnostics summary{min-height:2.75rem;cursor:pointer;color:var(--imghost-ink);font-weight:700;line-height:2.75rem;white-space:nowrap}
.imghost-diagnostics pre{max-height:18rem;margin:var(--imghost-space-sm) 0 0;padding:var(--imghost-space-md);overflow:auto;border-radius:4px;background:var(--imghost-paper);color:var(--imghost-ink);font-family:var(--imghost-font-code);font-size:.875rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.imghost-tool>.browser-message{min-height:1.5rem;color:var(--imghost-muted);line-height:1.5}.imghost-tool>.browser-message[data-state=ready],.imghost-tool>.browser-message[data-state=loading]{color:var(--imghost-accent)}.imghost-tool>.browser-message[data-state=success]{color:var(--imghost-success)}.imghost-tool>.browser-message[data-state=error]{color:var(--imghost-danger)}
@media(hover:hover) and (pointer:fine){
  .imghost-dropzone:hover{background:var(--imghost-accent-soft)}
  .imghost-tool .imghost-token input:hover{background:var(--imghost-surface-2)}
  .imghost-provider-link:hover,.imghost-results header a:hover{text-decoration:underline}
  .imghost-tool .imghost-tabs button:hover{background:var(--imghost-surface-2)}
  .imghost-tool .imghost-actions button:not(:disabled):hover,.imghost-tool .imghost-result-actions button:not(:disabled):hover{background:var(--imghost-surface-2);transform:translateY(-1px)}
  .imghost-tool .imghost-actions button.primary:not(:disabled):hover,.imghost-tool .imghost-result-actions button.primary:not(:disabled):hover{background:var(--imghost-accent)}
}
.imghost-tool .imghost-token input:disabled{cursor:not-allowed;opacity:.55}.imghost-tool .imghost-token input[aria-invalid=true]{border-color:var(--imghost-danger)}
@media(min-width:23rem){.imghost-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:40rem){.imghost-tool .browser-tool-intro span:not(:last-child)::after{display:block}.imghost-dropzone{min-height:21rem}.imghost-file-meta{flex-direction:row;align-items:center;gap:var(--imghost-space-md);padding:var(--imghost-space-sm) var(--imghost-space-md)}.imghost-file-meta small{flex:0 0 auto;white-space:nowrap}.imghost-tool .imghost-tabs button{font-size:1rem}}
@media(min-width:60rem){
  .imghost-workbench{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.85fr);align-items:stretch}
  .imghost-dropzone{min-height:24rem;border-start-end-radius:0;border-end-end-radius:0}
  .imghost-controls{padding:var(--imghost-space-lg);border-block:1px solid var(--imghost-rule);border-inline-end:1px solid var(--imghost-rule);border-start-end-radius:var(--imghost-radius);border-end-end-radius:var(--imghost-radius);background:var(--imghost-surface);color:var(--imghost-ink)}
}
@media(pointer:coarse){.imghost-tool .imghost-actions button,.imghost-tool .imghost-result-actions button,.imghost-tool .imghost-tabs button,.imghost-provider-link,.imghost-results header a,.imghost-diagnostics summary{min-height:3rem}}
@media(prefers-reduced-motion:reduce){.imghost-dropzone,.imghost-tool .imghost-actions button,.imghost-tool .imghost-result-actions button{transition-duration:150ms}.imghost-tool button[data-state=loading] i{animation-duration:1.5s}}