.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:#ffffff08;border:1px solid var(--ct-border-light, rgba(255, 255, 255, .08));border-radius:var(--ct-radius-lg, 12px);color:#fff;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, rgba(0, 209, 224, .12));border:1px solid var(--ct-cyan-border, rgba(0, 209, 224, .3));border-radius:var(--ct-radius-btn, 8px);color:var(--ct-cyan, #00d1e0);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(0,0,0,1),0 0 8px rgba(0,0,0,.6)}.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:#fff}.ctup--empty .ctup-name{color:var(--ct-text-secondary, rgba(255, 255, 255, .6))}.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, rgba(255, 255, 255, .6));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, rgba(255, 255, 255, .1));background:#ffffff0d}.ctup-trigger:hover .ctup-cta{background:#00d1e033;border-color:#00d1e099}.ctup-clear:hover{background:var(--ct-danger-bg, rgba(231, 76, 60, .12));border-color:var(--ct-danger-border, rgba(231, 76, 60, .3));color:var(--ct-danger-text, #ee6352)}.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, #00d1e0);outline-offset:2px}.ctup-trigger:focus{border-color:var(--ct-cyan, #00d1e0);background:#00d1e00d;box-shadow:0 0 15px #00d1e01a;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:#ffffff0d;border-color:var(--ct-border-light, rgba(255, 255, 255, .08));color:var(--ct-text-secondary, rgba(255, 255, 255, .6))}.ctup--error .ctup-trigger{border-color:var(--ct-danger-border, rgba(231, 76, 60, .3))}.ctup--error .ctup-name{color:var(--ct-danger-text, #ee6352)}@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)}}