.dt-tool-33{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.dt-tool-33-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm);min-width:0}.dt-tool-33-input{min-height:360px;font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}.dt-tool-33-status{color:var(--muted);font-size:.82rem}body[data-page-kind="tool"] .hero-mini+.dt-tool-33{margin-top:18px}.dt-tool-33-drop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px dashed var(--border);border-radius:16px;background:var(--surface-soft);padding:16px}.dt-tool-33-drop p{margin:.35rem 0 0;color:var(--muted);font-size:.92rem}.dt-tool-33-drop input{max-width:230px}.dt-tool-33-drop.is-drag{border-color:var(--primary);background:rgba(37,99,235,.08)}.dt-tool-33-preview{margin-top:14px;min-height:260px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);display:grid;place-items:center;overflow:auto;color:var(--muted);text-align:center}.dt-tool-33-preview img{max-width:100%;height:auto;display:block}.dt-tool-33-image-options{display:grid;grid-template-columns:160px minmax(180px,1fr) minmax(180px,1fr);gap:12px;margin-top:14px}.dt-tool-33-image-options label{display:grid;gap:6px;color:var(--muted);font-size:.84rem}.dt-tool-33-image-options select,.dt-tool-33-image-options input[type="text"]{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:10px 12px}.dt-tool-33-image-options input[type="range"]{width:100%;accent-color:var(--primary)}@media(max-width:900px){.dt-tool-33{margin-bottom:88px}.dt-tool-33-input{min-height:300px}.dt-tool-33-card{border-radius:18px;padding:14px}.dt-tool-33-drop{grid-template-columns:1fr}.dt-tool-33-drop input{max-width:100%}.dt-tool-33-image-options{grid-template-columns:1fr}.dt-tool-33-preview{min-height:220px}}