.ctup{position:relative;display:flex;align-items:stretch;width:100%}.ctup>input[type=file]{display:none}.ctup-trigger{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--ct-phi-2xs, 8px);height:42px;padding:0 5px;background:var(--ct-glass-bg);border:1px solid var(--ct-border-light, var(--ct-border-light));border-radius:var(--ct-radius-lg, 12px);color:var(--ct-text-primary);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.ctup-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--ct-phi-2xs, 8px);height:32px;padding:0 var(--ct-phi-xs, 13px);background:var(--ct-cyan-bg, var(--ct-cyan-bg));border:1px solid var(--ct-cyan-border, var(--ct-cyan-border));border-radius:var(--ct-radius-btn, 8px);color:var(--ct-cyan, var(--ct-cyan-text));font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;text-shadow:1px 1px 3px rgba(var(--ct-shade-rgb),var(--ct-tshadow-k)),0 0 8px rgba(var(--ct-shade-rgb),calc(.6 * var(--ct-tshadow-k)))}.ctup-cta i{font-size:12px}.ctup-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ct-text-primary)}.ctup--empty .ctup-name{color:var(--ct-text-secondary, var(--ct-text-secondary))}.ctup-clear{flex:0 0 auto;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--ct-radius-btn, 8px);color:var(--ct-text-secondary, var(--ct-text-secondary));font-size:13px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.ctup--empty .ctup-clear{display:none}.ctup:not(.ctup--empty) .ctup-trigger{padding-right:40px}.ctup-trigger:hover{border-color:var(--ct-border-medium, var(--ct-border-medium));background:var(--ct-glass-bg-hover)}.ctup-trigger:hover .ctup-cta{background:rgba(var(--ct-accent-rgb),.2);border-color:rgba(var(--ct-accent-rgb),.6)}.ctup-clear:hover{background:var(--ct-danger-bg, var(--ct-danger-bg));border-color:var(--ct-danger-border, var(--ct-danger-border));color:var(--ct-danger-text, var(--ct-danger-text))}.ctup-trigger:active .ctup-cta{transform:translateY(1px)}.ctup-clear:active{transform:translateY(-50%) scale(.94)}.ctup-trigger:focus-visible,.ctup-clear:focus-visible{outline:2px solid var(--ct-cyan, var(--ct-cyan));outline-offset:2px}.ctup-trigger:focus{border-color:var(--ct-cyan, var(--ct-cyan));background:rgba(var(--ct-accent-rgb),.05);box-shadow:0 0 15px rgba(var(--ct-accent-rgb),calc(.1 * var(--ct-focus-k)));outline:none}.ctup--disabled .ctup-trigger,.ctup--disabled .ctup-clear{opacity:.5;cursor:not-allowed;pointer-events:none}.ctup--loading .ctup-trigger{cursor:progress;pointer-events:none}.ctup--loading .ctup-cta{opacity:.6}.ctup:not(.ctup--empty) .ctup-cta{background:var(--ct-glass-bg-hover);border-color:var(--ct-border-light, var(--ct-border-light));color:var(--ct-text-secondary, var(--ct-text-secondary))}.ctup--error .ctup-trigger{border-color:var(--ct-danger-border, var(--ct-danger-border))}.ctup--error .ctup-name{color:var(--ct-danger-text, var(--ct-danger-text))}@media(max-width:1024px){.ctup-trigger{min-height:44px;height:auto}.ctup-clear{min-height:44px;min-width:44px;width:44px;height:44px}.ctup:not(.ctup--empty) .ctup-trigger{padding-right:54px}}@media(max-width:480px){.ctup-cta span{display:none}.ctup-cta{padding:0 var(--ct-phi-2xs, 8px)}}:root[data-theme=light] .ctup button.ctup-trigger{background:var(--ct-neu-base);border-color:var(--ct-lt-field-border);box-shadow:var(--ct-neu-inset)}:root[data-theme=light] .ctup button.ctup-trigger:active{box-shadow:var(--ct-neu-inset)}:root[data-theme=light] .ctup button.ctup-trigger:focus{border-color:var(--ct-cyan);box-shadow:var(--ct-neu-inset),0 0 0 3px rgba(var(--ct-accent-rgb),.45);outline:none}:root[data-theme=light] .ctup--error button.ctup-trigger{border-color:var(--ct-danger-border)}:root[data-theme=light] .ctup button.ctup-clear,:root[data-theme=light] .ctup button.ctup-clear:active{box-shadow:none}