.search-box{background:#f3f4f6;border-radius:12px;align-items:center;gap:8px;width:300px;padding:8px 12px;transition:background .2s;display:flex}.search-box:hover{background:#e5e7eb}.search-input{color:#374151;background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.search-input::placeholder{color:#6b7280}.icon{color:#6b7280;flex-shrink:0;width:18px;height:18px}.shortcut{color:#6b7280;background:#e5e7eb;border-radius:4px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:12px;line-height:1}.search-button{cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;align-items:center;gap:8px;width:300px;padding:8px 12px;transition:background .2s;display:flex}.search-button:hover{background:#e5e7eb}.placeholder-text{color:#4b5563;text-align:left;flex:1;font-size:14px}.modal-overlay{z-index:50;background:#0006;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;padding:16px;animation:.2s fadeIn;box-shadow:0 4px 20px #00000026}.modal-input-wrapper{border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.modal-input-wrapper .search-input{flex:1;padding:4px 0;font-size:14px}.close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.close-btn:hover{color:#4b5563}.close-btn .icon{width:20px;height:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}