*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#171a1f;background:#eeeeef;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}.app-shell{background:#f3f3f4;grid-template-rows:72px minmax(0,1fr);width:100%;height:100%;display:grid}.topbar{z-index:100;background:#fff;border-bottom:1px solid #e4e4e4;justify-content:space-between;align-items:center;min-width:0;padding:0 28px;display:flex}.brand{white-space:nowrap;letter-spacing:3px;align-items:center;gap:15px;display:flex}.exova{font-size:30px;font-weight:800}.cross{color:#ff654f;font-size:26px}.aluvision{font-size:22px;font-weight:500}.top-actions{align-items:center;gap:12px;display:flex}.top-button{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:88px;height:58px;display:flex}.top-button:hover{background:#f6f6f6}.top-icon{font-size:22px;line-height:1}.top-button>span:last-child{font-size:11px}.main-layout{grid-template-columns:minmax(0,1fr) 390px;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.viewport{background:radial-gradient(circle at 50% 45%,#fff 0%,#f2f2f3 68%,#e7e7e9 100%);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.status-message{color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:40;background:#141414de;border-radius:999px;min-width:200px;max-width:520px;padding:10px 18px;font-size:13px;transition:opacity .15s,transform .15s;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-8px)}.status-message.visible{opacity:1;transform:translate(-50%)translateY(0)}.object-toolbar{z-index:50;background:#fffffff7;border:1px solid #d9d9d9;border-radius:18px;align-items:center;gap:18px;min-height:72px;padding:10px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px;overflow-x:auto;box-shadow:0 8px 28px #0000001f}.object-toolbar.hidden{display:none}.selected-info{flex:none;min-width:130px;padding:4px 8px}.selected-info span{color:#888;letter-spacing:1.4px;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.selected-info strong{white-space:nowrap;font-size:14px}.toolbar-actions{flex:none;gap:8px;display:flex}.toolbar-button{cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:90px;height:50px;padding:5px 12px;display:flex}.toolbar-button b{font-size:18px;font-weight:500}.toolbar-button span{font-size:10px;font-weight:700}.toolbar-button.delete{color:#a9231a}.finish-area{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.finish-label{color:#888;letter-spacing:1.2px;font-size:9px;font-weight:700}.finish-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.finish-button.active{color:#ef543f;border-color:#ff654f}.finish-button i{border:1px solid #555;border-radius:50%;width:16px;height:16px;display:block}.black-swatch{background:#191919}.silver-swatch{background:linear-gradient(135deg,#efefef,#999)}.colour-wheel-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:6px;height:42px;padding:4px 9px;display:flex}.colour-wheel-button input{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.colour-wheel-button span{font-size:11px;font-weight:700}.sidebar{z-index:60;background:#fff;border-left:1px solid #ddd;flex-direction:column;width:390px;min-width:0;height:100%;min-height:0;padding:20px;display:flex;overflow:hidden;box-shadow:-6px 0 26px #0000000b}.sidebar-heading{border-bottom:1px solid #eee;flex:none;padding:4px 2px 17px}.sidebar-heading strong{letter-spacing:2px;font-size:21px;display:block}.sidebar-heading span{color:#999;letter-spacing:2px;margin-top:3px;font-size:10px;font-weight:700;display:block}.category-grid{flex:none;grid-template-columns:1fr 1fr;gap:7px;padding:15px 0;display:grid}.category-button{color:#505050;letter-spacing:.3px;cursor:pointer;background:#fafafa;border:1px solid #dfdfdf;border-radius:9px;min-height:42px;padding:5px 8px;font-size:10px;font-weight:700}.category-button:hover{background:#f5f5f5}.category-button.active{color:#ef543f;background:#fff5f2;border-color:#ff654f}.catalogue-content{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:3px;display:flex;overflow:hidden auto}.product-card{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:14px;flex-direction:row;flex:0 0 98px;align-items:center;gap:13px;width:100%;min-width:0;height:98px;padding:10px;display:flex;overflow:hidden}.product-card:hover{background:#f7f7f7;border-color:#c7c7c7}.product-card:active{transform:scale(.992)}.product-preview{background:#fff;border:1px solid #e0e0e0;border-radius:9px;flex:0 0 76px;justify-content:center;align-items:center;min-width:76px;max-width:76px;min-height:76px;max-height:76px;padding:4px;display:flex;position:relative;overflow:hidden;width:76px!important;height:76px!important}.product-preview img{object-position:center;pointer-events:none;flex:none;display:block;object-fit:contain!important;width:100%!important;max-width:68px!important;height:100%!important;max-height:68px!important}.image-fallback{color:#888;text-align:center;font-size:10px;display:none}.product-preview.missing-preview .image-fallback{display:block}.wall-image{background:linear-gradient(135deg,#e7f1f5,#fff)}.post-image{background:#fff}.product-info{flex-direction:column;flex:auto;justify-content:center;gap:4px;min-width:0;display:flex;overflow:hidden}.product-info strong{color:#202020;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.15;display:block;overflow:hidden}.product-size{color:#444;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.product-code{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.information-card{background:#fafafa;border:1px dashed #d4d4d4;border-radius:14px;flex-direction:column;gap:7px;padding:20px;display:flex}.information-card strong{font-size:14px}.information-card span{color:#777;font-size:12px;line-height:1.45}.catalogue-content::-webkit-scrollbar{width:7px}.catalogue-content::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:10px}@media (width<=1250px){.main-layout{grid-template-columns:minmax(0,1fr) 340px}.sidebar{width:340px;padding:16px}}.hidden{display:none!important}