.drop-zone{border:1px dashed var(--border-light);background:var(--bg-input);cursor:pointer;border-radius:10px;margin-bottom:.5rem;transition:border-color .2s,background-color .2s;position:relative;overflow:hidden}.drop-zone input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}.drop-zone-inner{align-items:center;gap:.75rem;min-height:52px;padding:.875rem 1.125rem;transition:opacity .15s;display:flex}.drop-zone-icon{border:1px solid var(--border-light);width:2rem;height:2rem;color:var(--text-muted);background:var(--bg-surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.drop-zone-icon svg{width:18px;height:18px}.drop-zone-text{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;display:flex}.drop-zone-primary{color:var(--text-main);font-family:ui-monospace,monospace;font-size:.775rem}.drop-zone-primary code{color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,monospace;font-size:.75rem}.drop-zone-divider{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.75rem}#browse-btn{border-radius:6px;height:32px;padding:4px 12px;font-family:ui-monospace,monospace;font-weight:600}.drop-zone-hint{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-family:ui-monospace,monospace;font-size:.7rem}.drop-zone-filename{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.75rem}.drop-zone:hover{border-color:var(--border-accent);background-color:var(--bg-surface)}.drop-zone:hover .drop-zone-icon{color:var(--text-accent);border-color:var(--border-accent)}.drop-zone.is-dragging{border-color:var(--border-accent);background-color:var(--bg-playground)}.drop-zone.is-dragging .drop-zone-inner{opacity:0}.drop-zone-overlay{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.drop-zone.is-dragging .drop-zone-overlay{opacity:1}.drop-zone-overlay span{color:var(--text-accent);border:1px solid var(--border-accent);background:var(--bg-playground);border-radius:6px;padding:.35em .85em;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600;animation:1s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{opacity:1}50%{opacity:.5}}.drop-zone.is-collapsed{background:0 0;border-color:transparent;margin-bottom:0}.drop-zone.is-collapsed .drop-zone-inner{gap:.4rem;min-height:0;padding:.25rem 0}.drop-zone.is-collapsed .drop-zone-icon{background:0 0;border:none;width:1rem;height:1rem}.drop-zone.is-collapsed .drop-zone-icon svg{width:12px;height:12px}.drop-zone.is-collapsed .drop-zone-primary,.drop-zone.is-collapsed .drop-zone-divider,.drop-zone.is-collapsed .drop-zone-hint{display:none}.drop-zone.is-collapsed .drop-zone-filename{font-size:.7rem}@media (max-width:600px){.drop-zone-inner{flex-direction:row;gap:.5rem;min-height:48px;padding:.5rem .75rem}.drop-zone-icon{background:0 0;border:none;width:1.5rem;height:1.5rem}.drop-zone-icon svg{width:16px;height:16px}.drop-zone-text{gap:.35rem;font-size:.8rem}.drop-zone-primary{white-space:nowrap;font-size:.75rem}.drop-zone-divider{opacity:.6;font-size:.7rem}#browse-btn{align-items:center;height:34px;padding:0 10px;font-size:.75rem;display:flex}.drop-zone-hint{display:none}}