.browse-dropzone{display:none;flex-direction:column;width:100%;height:100vh;overflow-y:auto;background:var(--color-bg) url(../../images/background.webp) center / cover no-repeat fixed}:root[data-theme=dark] .browse-dropzone{background:var(--color-bg)}.browse-dropzone.active{display:flex;opacity:1;transition:opacity var(--duration-slow) var(--ease-out),display var(--duration-slow) allow-discrete}@starting-style{.browse-dropzone.active{opacity:0}}.browse-dropzone:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 480px at 50% -8%,var(--color-accent-subtle),transparent 70%);z-index:0}.dz-header{position:sticky;top:0;z-index:var(--z-toolbar);background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--color-border-subtle);animation:dz-rise var(--duration-slow) var(--ease-out) both}.dz-bar{max-width:808px;margin:0 auto;width:100%;padding:13px 28px;display:flex;align-items:center;justify-content:space-between}.dz-brand{display:flex;align-items:center;gap:11px}.dz-wordmark{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:15.5px;letter-spacing:-.01em;color:var(--color-text)}.dz-wordmark .dim{color:var(--color-text-tertiary);font-weight:var(--weight-medium)}.dz-main{position:relative;z-index:1;width:100%;max-width:808px;margin:0 auto;padding:56px 28px 48px}.dropzone-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(30px,5vw,46px);text-align:center;cursor:pointer;user-select:none;animation:dz-rise var(--duration-slower) var(--ease-out) both;animation-delay:80ms;transition:border-color var(--duration-normal) var(--ease-in-out),background var(--duration-normal) var(--ease-in-out)}.dropzone-container:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.dropzone-icon{width:60px;height:60px;margin-bottom:var(--space-2);display:grid;place-items:center;border-radius:var(--radius-xl);background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent-border);transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-normal) var(--ease-out)}.dropzone-icon svg{width:28px;height:28px;animation:dz-bob 3.6s var(--ease-in-out) infinite}.dropzone-icon--image{width:auto;height:auto;background:none;border:none;border-radius:0}.dropzone-icon--image img{width:96px;height:96px;object-fit:contain;animation:dz-bob 3.6s var(--ease-in-out) infinite}.dropzone-container:hover .dropzone-icon{transform:scale(1.04)}.dropzone-title{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:clamp(22px,3.4vw,27px);letter-spacing:var(--tracking-tighter);color:var(--color-text);margin:0;text-wrap:balance}.dropzone-sub{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0 0 var(--space-2);max-width:48ch;text-wrap:pretty}.dropzone-sub p{margin:0}.dropzone-sub p+p{margin-top:.7em}.dropzone-buttons{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:var(--space-2)}.dropzone-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:11px;font-family:var(--font-sans);font-size:14.5px;font-weight:var(--weight-semibold);letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;background:var(--color-accent);color:var(--color-text-inverse);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.dropzone-btn svg{width:16px;height:16px}.dropzone-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.dropzone-btn:active{transform:translateY(0)}.dropzone-btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.dropzone-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-accent-border)}.dropzone-paste-hint{margin-top:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:8px}.dropzone-paste-hint kbd{font-family:var(--font-sans);font-size:11.5px;font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:6px;padding:2px 7px;line-height:1.4}.dropzone-fallback{display:none;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.dropzone-fallback label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dropzone-fallback input{display:none}.browse-dropzone.dragover .dropzone-container{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 4px var(--color-accent-subtle)}.browse-dropzone.dragover .dropzone-container .dropzone-icon{transform:scale(1.07) translateY(-2px)}.dz-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:none;place-items:center;padding:24px;background:color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.browse-dropzone.dragover .dz-overlay{display:grid}.dz-overlay-card{text-align:center;background:var(--color-bg);border:1.5px solid var(--color-accent);border-radius:var(--radius-2xl);padding:40px 52px}.dz-overlay-card .dropzone-icon{margin:0 auto 14px}.dz-overlay-t{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:22px;letter-spacing:var(--tracking-tight);color:var(--color-text)}.dz-overlay-s{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:4px}.history-section{margin-top:52px;width:100%;animation:dz-rise var(--duration-slower) var(--ease-out) both;animation-delay:.16s}.history-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.history-head-titles{display:flex;align-items:baseline;flex-wrap:wrap}.history-label{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:19px;letter-spacing:var(--tracking-tight);color:var(--color-text);text-transform:none;margin:0}.history-clear{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);padding:4px;border-radius:6px;transition:color var(--duration-fast) var(--ease-out)}.history-clear:hover{color:var(--color-accent)}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:620px){.history-list{grid-template-columns:minmax(0,1fr)}}.history-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:15px 16px;cursor:pointer;user-select:none;font-family:var(--font-sans);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.history-card:hover{transform:translateY(-2px);border-color:var(--color-accent-border);background:var(--color-surface)}.history-card:active{transform:translateY(0)}.history-card-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid var(--color-accent-border)}.history-card-icon svg{width:19px;height:19px}.history-card-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:0}.history-card-name{display:block;font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-medium);color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-meta{display:block;font-size:12.5px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-meta .count{color:var(--color-text);font-weight:var(--weight-normal)}.history-card-meta .mdot{margin:0 7px;color:var(--color-text-tertiary)}.history-card-remove{flex:none;width:26px;height:26px;display:grid;place-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.history-card:hover .history-card-remove{opacity:1}.history-card-remove:hover{background:var(--color-surface-active);color:var(--color-text)}@keyframes dz-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dz-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.browse-dropzone{transition:opacity var(--duration-fast)!important}.browse-dropzone.active,.dz-header,.dropzone-container,.history-section,.dropzone-icon svg{animation:none!important}.dropzone-icon,.history-card,.dropzone-btn{transform:none!important}}