.byte-input-wrapper{position:relative}.byte-input-wrapper:before{content:"";clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 0 4px #27c2f24d);opacity:0;pointer-events:none;z-index:1;border-radius:var(--radius-md)0 0 0;background:linear-gradient(135deg,#27c2f2a6,#27c2f226);width:12px;height:12px;transition:opacity .3s,width .3s,height .3s;position:absolute;top:0;left:0}.byte-input-wrapper:focus-within:before{opacity:1;width:16px;height:16px}.byte-input{background:var(--bg-secondary);border-radius:var(--radius-md);width:100%;color:var(--byte-white);font-family:var(--font-body);transition:var(--transition-glow);border:none;outline:none;padding:.75rem 1rem;font-size:.9375rem}.byte-input::placeholder{color:var(--byte-silver-dark)}.byte-input:focus{box-shadow:var(--glow-cyan-subtle),inset 0 1px 0 #27c2f20a}.byte-input-label{color:var(--byte-silver);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.byte-textarea{resize:vertical;min-height:120px}.byte-select-wrapper{position:relative}.byte-select{appearance:none;cursor:pointer;padding-right:2.5rem}.byte-select option{background:var(--byte-navy);color:var(--byte-white)}.byte-select-chevron{color:var(--byte-silver-dark);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.byte-select-wrapper:focus-within .byte-select-chevron{color:var(--byte-cyan)}