.stl-overlay{z-index:1400;-webkit-backdrop-filter:blur(3px);background:#1111116b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stl-sheet{background:var(--surface-primary);width:100%;max-height:78vh;font-family:var(--soomuch-font-body);border-radius:20px 20px 0 0;flex-direction:column;padding:18px 20px 24px;display:flex}@media (width>=768px){.stl-overlay{align-items:center}.stl-sheet{border-radius:20px;max-width:420px;padding:20px 22px 22px}}.stl-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stl-title{font-size:var(--text-xl);font-weight:700;font-family:var(--soomuch-font-heading);color:var(--text-primary);margin:0}.stl-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;display:flex}.stl-body{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.stl-list-row{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 14px;transition:background-color .14s,border-color .14s;display:flex}.stl-list-row:hover{background:var(--surface-tertiary);border-color:var(--text-secondary)}.stl-list-name{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stl-list-count{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.stl-empty{font-size:var(--text-sm);color:var(--text-tertiary);margin:6px 0 2px;font-style:italic}.stl-error{font-size:var(--text-sm);color:#991b1b;margin:0 0 10px}.stl-create{border-top:1px solid var(--border-strong);gap:8px;margin-top:8px;padding-top:14px;display:flex}.stl-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:0;font-size:var(--text-base);font-family:var(--soomuch-font-body);background:var(--surface-primary);color:var(--text-primary);flex:1;padding:10px 12px}.stl-create-btn{border-radius:var(--radius-md);background:var(--soomuch-dark-purple,#422e51);color:var(--text-inverse);font-size:var(--text-sm);font-weight:600;font-family:var(--soomuch-font-body);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.stl-create-btn:disabled{opacity:.55;cursor:default}.input-container{flex-direction:column;gap:.375rem;width:100%;display:flex}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-left-icon{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.input-right-icon{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;right:1rem}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-input-border);background-color:var(--surface-primary);width:100%;height:49px;font-size:var(--text-md);color:var(--color-text-main);font-family:var(--soomuch-font-body);padding:.75rem 1rem;transition:all .2s;display:flex}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary);outline:none}.input-field:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-gray-50)}.input-error{border-color:#ff9fc2}.input-error:focus{border-color:#ff9fc2;box-shadow:0 0 0 1px #ff9fc2}.input-has-left-icon{padding-left:42px}.input-has-right-icon{padding-right:42px}.input-password-toggle{color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:1rem}.input-password-toggle:hover{color:var(--color-text-main)}.input-password-toggle:focus{outline:none}.input-password-toggle:focus-visible{box-shadow:0 0 0 2px var(--text-primary)}.input-icon-svg{width:1.25rem;height:1.25rem}.input-error-message{font-size:var(--text-sm);color:#ff9fc2;margin-left:.25rem;font-weight:500;animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
