.feature-backdrop{position:fixed;inset:0;z-index:94;background:rgba(8,8,8,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.feature-modal{position:fixed;z-index:95;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100% - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(24,24,24,.98);box-shadow:0 30px 100px rgba(0,0,0,.62);color:#eee}
.feature-modal.feature-wide{width:min(1040px,calc(100% - 28px))}
.feature-close{position:absolute;right:17px;top:15px;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#1d1d1d;color:#888;font-size:22px;cursor:pointer}.feature-close:hover{color:#8affc1;border-color:rgba(138,255,193,.4)}
.feature-kicker{margin:0;color:#6d6d6d;font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.feature-title{margin:8px 50px 7px 0;font-size:32px;line-height:1.15;letter-spacing:-.04em;font-weight:600}.feature-copy{margin:0 0 22px;color:#999;font-size:13px;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-full{grid-column:1/-1}
.feature-card{padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#191919}.feature-card h3{margin:0 0 12px;font-size:15px}.feature-card p{color:#777;font-size:12px;line-height:1.55}
.feature-label{display:grid;gap:7px;color:#999;font-size:12px;font-weight:600}.feature-label input,.feature-label select,.feature-label textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#151515;color:#e5e5e5;outline:none;font:inherit;font-size:13px}.feature-label input,.feature-label select{height:44px;padding:0 12px}.feature-label textarea{min-height:100px;padding:11px 12px;resize:vertical}.feature-label input:focus,.feature-label select:focus,.feature-label textarea:focus{border-color:rgba(138,255,193,.42);box-shadow:0 0 0 3px rgba(138,255,193,.04)}
.feature-drop{display:grid;place-items:center;text-align:center;min-height:145px;padding:20px;border:1px dashed rgba(255,255,255,.22);border-radius:10px;background:#151515;cursor:pointer}.feature-drop:hover,.feature-drop.drag{border-color:rgba(138,255,193,.5);background:rgba(138,255,193,.035)}.feature-drop strong{font-size:14px}.feature-drop small{margin-top:6px;color:#707070;font-size:11px}
.feature-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}.feature-btn{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#1c1c1c;color:#bbb;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.feature-btn:hover{border-color:rgba(138,255,193,.4);color:#8affc1}.feature-btn.primary{border-color:rgba(138,255,193,.45);background:rgba(138,255,193,.08);color:#8affc1}.feature-btn.danger{border-color:rgba(255,138,138,.25);color:#d99494}.feature-btn:disabled{opacity:.45;cursor:not-allowed}
.feature-status{margin-top:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#aaa;background:#181818;font-size:12px;line-height:1.5}.feature-status.success{border-color:rgba(138,255,193,.28);color:#a8ffd0}.feature-status.error{border-color:rgba(255,138,138,.3);color:#ffaaaa}
.share-results,.share-list,.vault-list{display:grid;gap:8px;margin-top:14px}.share-row,.vault-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#171717}.share-row b,.vault-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row small,.vault-row small{display:block;margin-top:4px;color:#6e6e6e;font-size:10px}.share-url{grid-column:1/-1;display:flex;gap:8px;align-items:center}.share-url input{flex:1;min-width:0;height:36px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#121212;color:#8d8d8d;font:inherit;font-size:10px}.mini-btn{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#1d1d1d;color:#909090;font:inherit;font-size:10px;cursor:pointer}.mini-btn:hover{color:#8affc1;border-color:rgba(138,255,193,.3)}
.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.qr-preview{position:sticky;top:0;align-self:start;display:grid;place-items:center;min-height:360px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#141414}.qr-preview img{width:min(270px,100%);aspect-ratio:1;object-fit:contain;background:white;border-radius:8px}.qr-placeholder{color:#5f5f5f;text-align:center;font-size:12px;line-height:1.6}.qr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.color-row{display:flex;gap:10px}.color-row .feature-label{flex:1}.color-row input[type=color]{padding:4px}
.generator-output{display:flex;gap:8px}.generator-output input{flex:1;height:48px;border:1px solid rgba(138,255,193,.24);border-radius:8px;background:#121212;color:#8affc1;padding:0 12px;font:inherit;font-size:14px}.generator-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.check-row{display:flex;align-items:center;gap:8px;color:#aaa;font-size:12px}.check-row input{accent-color:#8affc1}.range-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.range-row input{accent-color:#8affc1}.range-value{min-width:38px;text-align:center;color:#8affc1;font-size:12px}
.vault-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.vault-lock{padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#181818}.vault-lock.unlocked{border-color:rgba(138,255,193,.22)}.vault-warning{margin-top:12px;color:#777;font-size:10px;line-height:1.55}.vault-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vault-form .feature-full{grid-column:1/-1}.vault-row{grid-template-columns:minmax(0,1fr) auto}.vault-details{grid-column:1/-1;display:grid;gap:4px;color:#8a8a8a;font-size:11px;line-height:1.5}.vault-secret{display:flex;align-items:center;gap:7px;min-width:0}.vault-secret code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8b8b8;font-size:11px}.vault-empty{padding:24px;text-align:center;color:#666;font-size:12px;border:1px dashed rgba(255,255,255,.1);border-radius:9px}
.feature-divider{height:1px;margin:22px 0;background:rgba(255,255,255,.09)}
.feature-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.feature-section-title h3{margin:0;font-size:16px}.feature-section-title span{color:#666;font-size:10px}
.feature-hidden{display:none!important}
@media(max-width:820px){.feature-grid,.feature-grid.three,.qr-layout,.vault-shell{grid-template-columns:1fr}.qr-preview{position:static;min-height:280px}.feature-title{font-size:27px}.feature-modal{padding:22px}.vault-form,.generator-settings,.qr-options{grid-template-columns:1fr}.color-row{flex-direction:column}}