.sidebar{box-sizing:border-box;background-color:#f8f9fa;border-right:1px solid #dee2e6;width:300px;height:100vh;padding:20px;overflow-y:auto}.sidebar h2{color:#343a40;margin-top:0;margin-bottom:20px;font-size:1.25rem}.category{margin-bottom:24px}.category h3{color:#495057;border-bottom:1px solid #dee2e6;margin-top:0;margin-bottom:12px;padding-bottom:5px;font-size:1rem}.item-list{flex-direction:column;gap:8px;display:flex}.item-button{cursor:pointer;text-align:left;background:#fff;border:1px solid #ced4da;border-radius:4px;flex-direction:column;align-items:flex-start;width:100%;padding:10px;transition:background-color .2s,border-color .2s;display:flex}.item-button:hover{background-color:#e9ecef;border-color:#adb5bd}.item-name{color:#212529;font-family:inherit;font-weight:600}.item-dim{color:#6c757d;margin-top:4px;font-family:inherit;font-size:.8rem}.floating-ui{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:100;background-color:#fffffff2;border:1px solid #0000001a;border-radius:12px;flex-direction:column;width:320px;max-height:calc(100vh - 40px);padding:24px;display:flex;position:absolute;top:20px;right:20px;overflow-y:auto;box-shadow:0 10px 30px #00000026}.floating-ui h2{color:#212529;margin-top:0;margin-bottom:24px;font-size:1.4rem}.floating-ui::-webkit-scrollbar{width:6px}.floating-ui::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px}.prop-section{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:20px}.prop-section h3{color:#495057;margin-top:0;margin-bottom:16px;font-size:1rem}.material-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.material-btn{cursor:pointer;aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:6px;padding:2px;transition:transform .15s,border-color .15s;box-shadow:0 2px 5px #0000000d}.material-btn img{object-fit:cover;border-radius:4px;width:100%;height:100%}.material-btn:hover{transform:scale(1.08)}.material-btn.active{border-color:#339af0;box-shadow:0 0 0 3px #339af033}.toggle-btn{cursor:pointer;color:#495057;background:#f1f3f5;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:6px;font-size:.75rem;font-weight:600;transition:all .2s}.toggle-btn:hover{background:#e9ecef}.toggle-btn.active{color:#fff;background:#339af0;border-color:#339af0}body,html,#root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.canvas-container{background-color:#f8f9fa;width:100%;height:100%;position:relative}