.textInput{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}
.ColorInput{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}
.fileInput{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.fileInput__dropzone{border:2px dashed var(--color-text);cursor:pointer;text-align:center;background:#f8fafc;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;max-width:280px;min-height:140px;padding:24px;transition:all .15s ease-in-out;display:flex}.fileInput__dropzone:hover{border-color:var(--color-accent);background:#f1f5f9}.fileInput__dropzone.is-drag-active{background:#e0f2fe;border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb26}.fileInput__placeholder{color:#475569;justify-items:center;gap:8px;display:grid}.fileInput__icon{font-size:28px}.fileInput__text{gap:2px;display:grid}.fileInput__text strong{color:var(--color-accent);font-weight:700}.fileInput__text span{color:var(--color-primary);font-size:12px}.fileInput__hint{color:var(--color-primary);margin-top:4px;font-size:11px}.fileInput__fileInfo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.fileInput__fileMeta{gap:4px;min-width:0;display:grid}.fileInput__fileName{color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;max-width:520px;font-weight:600;overflow:hidden}.fileInput__fileSize{color:#64748b;font-size:12px}.fileInput__actions{gap:8px;margin-left:auto;display:flex}.fileInput__btn{appearance:none;cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s ease-in-out,color .15s ease-in-out}.fileInput__btn--secondary{color:#0f172a;background:#e2e8f0}.fileInput__btn--secondary:hover{background:#cbd5e1}.fileInput__btn--danger{color:#b91c1c;background:#fee2e2}.fileInput__btn--danger:hover{background:#fecaca}.fileInput__error{color:#b91c1c;margin-top:6px;font-size:12px}
.HtmlOutput{width:100%}