.drop-zone,.win-card.drop-zone{width:100%;height:75px;border:2px dashed var(--drop-zone-border, #8a8a8a);background:var(--drop-zone-bg, transparent);display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;border-radius:8px;padding:20px 24px;box-shadow:var(--drop-zone-shadow, none);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.drop-zone.drag-over,.win-card.drop-zone.drag-over{border-color:var(--drop-zone-active-border, var(--winui-accent, #0078d4));background:var(--drop-zone-active-bg, color-mix(in oklab, var(--winui-accent, #0078d4) 10%, transparent));box-shadow:0 0 0 3px var(--drop-zone-active-ring, color-mix(in oklab, var(--winui-accent, #0078d4) 18%, transparent))}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.app-container{padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));height:var(--app-viewport-height, 100dvh);min-height:0;display:flex;flex-direction:column;gap:16px;background:transparent;max-width:calc(800px + env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px));margin:0 auto;width:100%}.win-card{background:var(--winui-card);border:1px solid var(--winui-card-border);border-radius:8px;padding:16px;box-shadow:var(--winui-card-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.file-card{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px}.file-info{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;max-width:100%}.file-icon{color:var(--winui-accent);flex-shrink:0}.file-meta{min-width:0;text-align:left}.file-title{overflow:hidden;color:var(--winui-text-main);font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.file-status{color:var(--winui-text-secondary);font-size:12px}.controls-card{position:relative;z-index:20;overflow:visible;padding:16px}.svg-icon{display:inline-flex;align-items:center;justify-content:center}.btn,.btn-clear,.win-combobox-button,.win-input{outline:none!important}.btn{height:32px;padding:0 16px;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--fluent-timing-fast),border-color var(--fluent-timing-fast)}.btn-standard{background:var(--winui-btn-standard);color:var(--winui-text-main);border:1px solid var(--winui-btn-border);border-bottom:1px solid var(--winui-btn-border-bottom)}.btn-standard:hover{background:var(--winui-btn-hover);border-color:var(--winui-control-border-hover)!important}.btn-standard:active{background:var(--winui-btn-active);border-color:var(--winui-btn-border)!important;border-bottom-color:var(--winui-btn-border)!important}.btn-accent{background:var(--winui-accent);color:var(--winui-accent-text);border:1px solid transparent!important;font-weight:500}.btn-accent:hover{background:var(--winui-accent-hover)}.btn-accent:active{background:var(--winui-accent-active)}.btn:disabled{background:var(--winui-btn-standard)!important;color:var(--winui-text-disabled)!important;border-color:var(--winui-btn-border)!important;cursor:default;pointer-events:none}.action-row{display:flex;gap:8px}.action-button{flex:1}.btn-clear{height:32px;background:transparent;border:1px solid transparent!important;color:var(--winui-text-main);font-size:13px;cursor:pointer;padding:0 12px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all var(--fluent-timing-fast) ease}.btn-clear:hover{background:var(--winui-btn-clear-hover)}.btn-clear:active{background:var(--winui-btn-clear-active)}.input-grid-row{display:grid;grid-template-columns:1.6fr 1fr auto 1fr;gap:12px;align-items:end}.input-group{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.input-group label{font-size:12px;font-weight:400;color:var(--winui-text-main);width:100%}.win-input{width:100%;height:32px;background:var(--winui-control-bg);border:1px solid var(--winui-control-border);border-radius:4px;padding:0 12px;font-size:14px;color:var(--winui-text-main);text-align:center;transition:background-color var(--fluent-timing-fast),border-color var(--fluent-timing-fast);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.win-input::-webkit-outer-spin-button,.win-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.win-input:hover:not(:disabled){border-color:var(--winui-control-border-hover)!important}.win-input:focus:not(:disabled){background:var(--winui-card);border-color:var(--winui-control-border)!important;border-bottom:2px solid var(--winui-accent)!important}.win-input:disabled{background:#8080800d!important;color:var(--winui-text-disabled);border-color:var(--winui-btn-border)!important;cursor:not-allowed}.win-combobox-container{position:relative;width:100%}.win-combobox-button{width:100%;height:32px;background:var(--winui-control-bg);border:1px solid var(--winui-control-border);border-bottom:1px solid rgba(0,0,0,.45);border-radius:4px;font-size:14px;color:var(--winui-text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color var(--fluent-timing-fast),border-color var(--fluent-timing-fast)}.win-combobox-button svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media(prefers-color-scheme:dark){.win-combobox-button{border-bottom-color:#fff6}}.win-combobox-button:hover{border-color:var(--winui-control-border-hover)!important;background:var(--winui-btn-hover)}.win-combobox-button.open{border-color:var(--winui-control-border)!important;border-bottom:2px solid var(--winui-accent)!important;background:var(--winui-card)}.input-separator-wrapper{height:32px;display:flex;align-items:center;justify-content:center;color:var(--winui-text-secondary)}.win-combobox-flyout{position:absolute;top:36px;left:0;width:100%;background:var(--winui-flyout-bg);border:1px solid var(--winui-flyout-border);border-radius:8px;box-shadow:var(--winui-flyout-shadow);z-index:30;padding:4px 0;display:none;opacity:0;transform:translateY(-8px);transition:opacity var(--fluent-timing-normal),transform var(--fluent-timing-normal);pointer-events:none}.win-combobox-flyout.show{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.win-combobox-item{min-height:36px;padding:7px 16px;font-size:14px;color:var(--winui-text-main);cursor:pointer;margin:2px 4px;border-radius:4px;position:relative;transition:background-color var(--fluent-timing-fast);display:flex;align-items:center;text-align:left;touch-action:manipulation}.win-combobox-item:hover,.win-combobox-item.selected{background-color:#0000000a}.win-combobox-item.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--winui-accent);border-radius:2px}@media(prefers-color-scheme:dark){.win-combobox-item:hover,.win-combobox-item.selected{background-color:#ffffff0a}}.log-container{flex:1;display:flex;flex-direction:column;min-height:300px}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 2px}.log-header label{font-size:13px;color:var(--winui-text-main)}.log-viewport{flex:1;min-height:0;overscroll-behavior:contain;background:#fff6;border:1px solid var(--winui-card-border);border-radius:6px;padding:12px;overflow-y:auto;font-family:monospace;font-size:12px;line-height:1.5;color:var(--winui-text-main)}.log-placeholder{color:var(--winui-text-disabled)!important;text-align:center;padding-top:10px}.log-entry{margin-bottom:6px;padding:8px 12px;border-radius:4px;border:1px solid var(--winui-card-border);background:color-mix(in oklab,var(--winui-accent) 2%,var(--winui-card));text-align:left}.log-viewport::-webkit-scrollbar{width:14px;background:transparent}.log-viewport::-webkit-scrollbar-track{background:transparent;margin:4px 0}.log-viewport::-webkit-scrollbar-thumb{background-clip:padding-box;border:4px solid transparent;background-color:#0003;border-radius:8px}.log-viewport::-webkit-scrollbar-thumb:hover{background-color:#0006}@media(prefers-color-scheme:dark){.log-viewport{background:#0000004d!important}.log-viewport::-webkit-scrollbar-thumb{background-color:#fff3}.log-viewport::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}}
