.layer-panel{position:absolute;top:10px;left:10px;width:300px;max-height:calc(100vh - 20px);background-color:#282828cc;border-radius:4px;color:#fff;overflow-y:auto;z-index:1000;box-shadow:0 2px 10px #0000004d;display:flex;flex-direction:column}.layer-panel-header{padding:10px;border-bottom:1px solid rgba(255,255,255,.2)}.layer-panel-header h3{margin:0;font-size:16px;font-weight:500}.layer-list{padding:10px;overflow-y:auto}.layer-item{margin-bottom:8px}.layer-checkbox{display:flex;align-items:center;cursor:pointer}.layer-checkbox input{margin-right:8px}.layer-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-categories{margin-top:5px;margin-left:10px;border-left:1px solid rgba(255,255,255,.2);padding-left:5px}.category-group{margin-bottom:12px}.category-group-title{font-size:13px;margin:8px 0 5px;padding-bottom:3px;border-bottom:1px dotted rgba(255,255,255,.3);color:#f0f0f0}.category-item{margin-top:4px;margin-bottom:4px}.category-checkbox{display:flex;align-items:center;cursor:pointer}.category-checkbox input{margin-right:8px}.category-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;display:flex;align-items:center}.category-color-circle{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;border:1px solid rgba(255,255,255,.5)}.search-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:300px;padding:12px 40px 12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;transition:all .2s ease;outline:none}.search-input:focus{border-color:#007acc;box-shadow:0 4px 16px #007acc33;background:rgba(255,255,255,.98)}.search-input::placeholder{color:#6c757d}.search-icon{position:absolute;right:12px;color:#6c757d;pointer-events:none;font-size:16px}.search-results{position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #e1e5e9;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 8px 32px #0003;max-height:300px;overflow-y:auto;z-index:1010}.search-result-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.highlighted{background-color:#007acc1a}.result-name{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.result-layer{font-size:12px;color:#6c757d;font-weight:400}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media (max-width: 768px){.search-panel{left:10px;right:10px;top:10px;transform:none}.search-input{width:100%;max-width:none}}@media (min-width: 1200px){.search-input{width:400px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results{animation:fadeIn .2s ease-out}.search-loading,.search-no-results{padding:20px;text-align:center;color:#6c757d;font-style:italic}