.te-layout{gap:1.25rem;display:grid}.te-header{margin-bottom:.35rem}.te-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem}.te-card h2{margin:0;font-size:1.05rem}.te-upload-card{gap:.85rem;display:grid}.te-dropzone{border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;text-align:center;justify-items:center;gap:.25rem;padding:1.7rem 1rem;transition:border-color .15s,background .15s;display:grid}.te-dropzone strong{color:var(--text)}.te-dropzone--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.te-file-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.te-upload-actions,.te-preview-toolbar,.te-toggle-group,.te-background-presets,.te-color-label{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.te-file-name,.te-image-size,.te-status{color:var(--muted);font-size:.9rem}.te-file-name{overflow-wrap:anywhere}.te-status{min-height:1.35em;margin:0}.te-status--error{color:var(--danger-text)}.te-workspace{grid-template-columns:minmax(0,1.7fr) minmax(15rem,.8fr);align-items:start;gap:1.25rem;display:grid}.te-preview-card,.te-controls{gap:1rem;display:grid}.te-preview-toolbar{justify-content:space-between}.te-toggle--active,.te-background-button--active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.te-preview-surface{--preview-background:transparent;border:1px solid var(--border);background:var(--preview-background);border-radius:10px;place-items:center;min-height:23rem;padding:1rem;display:grid;overflow:auto}.te-preview-surface[data-background=checkerboard]{--preview-background:repeating-conic-gradient(#eef0f4 0 25%, #fff 0 50%) 50% / 20px 20px}.te-preview-surface[data-background=white]{--preview-background:#fff}.te-preview-surface[data-background=light-gray]{--preview-background:#e5e7eb}.te-preview-surface[data-background=dark]{--preview-background:#1f2937}.te-preview-surface[data-background=black]{--preview-background:#111}.te-preview-canvas{max-width:100%;height:auto;max-height:32rem;display:block;box-shadow:0 2px 8px #00000024}.te-empty-preview{color:var(--muted);text-align:center}.te-control-label{gap:.5rem;font-weight:600;display:grid}.te-control-label output{color:var(--accent)}.te-controls input[type=range]{width:100%;accent-color:var(--accent)}.te-warning{background:color-mix(in srgb, #f59e0b 15%, var(--surface));color:var(--muted);border-radius:8px;margin:0;padding:.75rem;font-size:.88rem;line-height:1.55}.te-background-fieldset{border:0;gap:.7rem;margin:0;padding:0;display:grid}.te-background-fieldset legend{margin-bottom:.45rem;font-weight:600}.te-color-label{color:var(--muted);font-size:.9rem}.te-color-label input{border:1px solid var(--border);background:0 0;border-radius:6px;width:2.4rem;height:2rem;padding:.1rem}.te-layout :focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}@media (width<=760px){.te-workspace{grid-template-columns:1fr}.te-preview-surface{min-height:18rem}}