:root{--bg:#0b1220;--panel:#0f172a;--panel-2:#111827;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--grid:#ffffff0f}#root,body,html{height:100%}body{background:#0b1220;background:var(--bg);color:#e5e7eb;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;margin:0}.layout{display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:260px 1fr;grid-template-rows:56px 1fr 36px;height:100%}.header{align-items:center;background:#0f172a;background:var(--panel);border-bottom:1px solid #ffffff14;display:flex;grid-area:header;justify-content:space-between;padding:0 14px}.brand{font-weight:700;letter-spacing:.3px}.header-right .btn{margin-left:8px}.btn{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#e5e7eb;color:var(--text);cursor:not-allowed;opacity:.6;padding:6px 10px}.palette{list-style:none;margin:0;padding:0}.palette li{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;font-size:14px;margin-bottom:8px;padding:10px 12px}.main{display:grid;grid-area:main;grid-template-rows:1fr}.canvas{background:linear-gradient(90deg,#ffffff0f 1px,#0000 0) 0 0 /20px 20px,linear-gradient(180deg,#ffffff0f 1px,#0000 0) 0 0 /20px 20px,#0a0f1a;background:linear-gradient(to right,var(--grid) 1px,#0000 1px) 0 0 /20px 20px,linear-gradient(to bottom,var(--grid) 1px,#0000 1px) 0 0 /20px 20px,#0a0f1a}.canvas-hint{background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;left:12px;padding:6px 8px;position:absolute;top:12px}.canvas-hint,.footer{color:#9ca3af;color:var(--muted)}.footer{align-items:center;background:#0f172a;background:var(--panel);border-top:1px solid #ffffff14;display:flex;font-size:12px;grid-area:footer;justify-content:center}.canvas{background:#0a0e14;height:calc(100vh - 96px)}.canvas-item{border-radius:8px;object-fit:contain}.sidebar-parts{gap:10px}.part-item{background:#1e1e2f;padding:8px}.part-item:hover{background:#29293d}.part-image{height:60px;width:60px}.canvas{background:#0a0f1a;height:calc(100vh - 92px);overflow:hidden;position:relative;width:100%}.canvas-svg{display:block;height:100%;width:100%}.canvas-item{align-items:center;background:#ffffff05;border-radius:10px;box-shadow:0 6px 18px #02061799;cursor:grab;display:flex;justify-content:center;padding:6px;transition:box-shadow .12s ease,transform .12s ease}.canvas-item.dragging{box-shadow:0 12px 30px #020617b3;cursor:grabbing;transform:translate(-50%,-50%) scale(1.02);z-index:9999}.canvas-hint{color:#fff9;font-size:12px}@media (max-width:720px){.canvas{height:calc(100vh - 84px)}.part-image{height:48px;width:48px}}.sidebar{background:#111827;background:var(--panel-2);border-right:1px solid #ffffff14;display:flex;flex-direction:column;grid-area:sidebar;height:100%;overflow-y:auto;padding:12px}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:4px 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar{scrollbar-color:#ffffff26 #ffffff0d;scrollbar-width:thin}.sidebar-title{color:#9ca3af;color:var(--muted);font-size:14px;letter-spacing:.12em;margin:6px 0 10px;text-transform:uppercase}.search-container{margin-bottom:15px;padding-right:4px;position:relative}.search-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#e5e7eb;color:var(--text);font-size:14px;padding:8px 30px 8px 12px;width:100%}.search-input:focus{border-color:#60a5fa;border-color:var(--accent);box-shadow:0 0 0 2px #60a5fa33;outline:none}.clear-search,.search-input::placeholder{color:#9ca3af;color:var(--muted)}.clear-search{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.clear-search:hover{background:#ffffff1a;color:#e5e7eb;color:var(--text)}.sidebar-parts{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-right:-4px;overflow-y:auto;padding-right:8px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.sidebar-parts::-webkit-scrollbar{width:8px}.sidebar-parts::-webkit-scrollbar-track{background:#0000;border-radius:3px;margin-left:4px}.sidebar-parts::-webkit-scrollbar-thumb{background:#ffffff1a;background-clip:padding-box;border:2px solid #0000;border-radius:3px}.sidebar-parts::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}.part-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;cursor:grab;display:flex;flex-direction:column;padding:10px;transition:all .2s ease;width:calc(100% - 4px)}.part-item:hover{background:#60a5fa1a;border-color:#60a5fa;border-color:var(--accent)}.part-image{height:50px;margin-bottom:8px;object-fit:contain;width:50px}.part-item span{color:#e5e7eb;color:var(--text);font-size:12px;text-align:center}.no-results{color:#9ca3af;color:var(--muted);font-size:14px;font-style:italic;padding:20px;text-align:center;width:calc(100% - 4px)}@media (max-width:768px){.sidebar{width:200px}.part-image{height:40px;width:40px}.sidebar-parts::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.sidebar-parts{margin-right:-3px;padding-right:6px}.no-results,.part-item{width:calc(100% - 3px)}}.pin-highlight{transition:all .2s ease}.pin-label{transition:all .15s ease}.pin-hover-area{transition:all .1s ease}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}
/*# sourceMappingURL=main.084eda09.css.map*/