#root{width:100%;height:100vh;margin:0;padding:0}.app-container{display:flex;width:100%;height:100vh;overflow:hidden}.controls-panel{width:300px;height:100%;padding:20px;background-color:#f5f5f5;box-shadow:2px 0 5px #0000001a;overflow-y:auto}.canvas-container{flex:1;height:100%;position:relative}.texture-selector,.texture-uploader{margin-bottom:30px}.collection-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s ease}.filter-btn:hover{background-color:#e0e0e0}.filter-btn.active{background-color:#4285f4;color:#fff;border-color:#4285f4}.current-selection{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.current-texture{display:flex;align-items:center;gap:15px}.current-texture img{width:100px;height:100px;object-fit:cover;border-radius:4px;border:2px solid #4285f4}.texture-info{flex:1}.texture-name{font-weight:700;margin:0 0 5px;font-size:16px}.texture-dimensions,.texture-collection{margin:0 0 5px;font-size:14px;color:#666}.collection-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px}.collection-item{border:2px solid #ddd;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;background-color:#fff}.collection-item:hover{transform:scale(1.02);box-shadow:0 5px 15px #0000001a}.collection-item.selected{border-color:#4285f4;background-color:#4285f40d}.collection-item h4{margin:0 0 5px;font-size:18px;color:#333}.collection-item p{margin:0 0 10px;font-size:14px;color:#666}.collection-preview{display:flex;gap:5px;margin-top:10px}.preview-image{width:70px;height:70px;object-fit:cover;border-radius:4px;border:1px solid #eee}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.form-group input[type=file]{padding:5px}h2{margin-top:0;margin-bottom:20px;color:#333}h3{margin-top:0;margin-bottom:15px;color:#444}h4{margin-top:0;margin-bottom:10px;color:#555}.room-controls{margin-bottom:30px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.dimensions-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.dimensions-controls .form-group{flex:1;min-width:100px;margin-bottom:0}.apply-btn{background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;font-weight:500;transition:background-color .2s}.apply-btn:hover{background-color:#3367d6}.pattern-controls{margin-bottom:30px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.pattern-actions{display:flex;flex-direction:column;gap:10px}.regenerate-btn{background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;font-weight:500;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.regenerate-btn:hover{background-color:#3367d6}.regenerate-btn:active{transform:scale(.98)}.transparency-controls{margin-bottom:30px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.toggle-container{margin-top:10px}.toggle-label{display:flex;align-items:center;cursor:pointer}.toggle-label input[type=checkbox]{margin-right:10px;width:auto}.toggle-text{font-weight:500}.help-text{margin-top:10px;font-size:13px;color:#666;line-height:1.4}