.halftone{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.halftone .drop-wrap{gap:var(--space-3);flex-direction:column;display:flex}.halftone .dropzone{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);cursor:pointer;text-align:center;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.halftone .dropzone:hover,.halftone .dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.halftone .dropzone svg{color:var(--accent)}.halftone .dropzone strong{color:var(--text)}.halftone .dropzone span{font-size:var(--text-sm)}.halftone .spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite halftone-spin}.halftone .btn-primary .spinner{border-color:#fff6;border-top-color:var(--on-accent)}@keyframes halftone-spin{to{transform:rotate(1turn)}}.halftone .loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);display:flex}.halftone .error-box{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--danger);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger);flex-direction:column;display:flex}.halftone .file-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.halftone .file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550;overflow:hidden}.halftone .dims{color:var(--text-3);font-size:var(--text-xs)}.halftone .file-row .btn{flex-shrink:0;margin-left:auto}.halftone .stage{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);justify-content:center;align-items:center;display:flex}.halftone .stage.checker{background:repeating-conic-gradient(#e9e9ec 0% 25%,#fff 0% 50%) 0 0/20px 20px}.halftone .stage canvas{border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:60vh}.halftone .panel{gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.halftone .panel-title{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);font-weight:600}.halftone .controls{align-items:end;gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.halftone .field{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.halftone .field select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.halftone .field.slider>span{justify-content:space-between;gap:var(--space-3);display:flex}.halftone .field.slider output{color:var(--text);font-size:var(--text-xs)}.halftone .field.color input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:100%;height:34px;padding:2px}.halftone input[type=range]{width:100%;accent-color:var(--accent)}.halftone .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;display:flex}.halftone .check input{accent-color:var(--accent)}.halftone .reset-settings{padding-inline:var(--space-3);font-size:var(--text-xs);justify-self:start}.halftone .export-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.halftone .out-size{font-size:var(--text-xs);color:var(--text-3);margin-left:auto}.halftone .note{font-size:var(--text-sm);color:var(--text-3);max-width:72ch}.halftone .note.intro{text-align:center;max-width:none}.halftone .note.warn{color:var(--warning)}.halftone .note.error{color:var(--danger)}@media (width<=639px){.halftone .panel{padding-inline:var(--space-4)}.halftone .out-size{margin-left:0}}.container[data-astro-cid-i53tt7kg]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-i53tt7kg]{margin-top:var(--space-6)}.tool-header[data-astro-cid-i53tt7kg] h1[data-astro-cid-i53tt7kg]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-i53tt7kg] p[data-astro-cid-i53tt7kg]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-i53tt7kg]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-i53tt7kg]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-i53tt7kg]{margin-bottom:var(--space-12)}.guide[data-astro-cid-i53tt7kg] h2[data-astro-cid-i53tt7kg]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-i53tt7kg] ol[data-astro-cid-i53tt7kg]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-i53tt7kg] li[data-astro-cid-i53tt7kg]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-i53tt7kg]{border-radius:var(--radius-full);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.guide[data-astro-cid-i53tt7kg] h3[data-astro-cid-i53tt7kg]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-i53tt7kg] p[data-astro-cid-i53tt7kg]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}