:root{--g-blue:#4285f4;--g-red:#ea4335;--g-yellow:#fbbc05;--g-green:#34a853;--g-blue-light:#a8c7fa;--g-red-light:#f6aea7;--g-yellow-light:#fde293;--g-green-light:#93e4aa;--g-blue-bg:#e8f0fe;--g-red-bg:#fce8e6;--g-yellow-bg:#fef7e0;--g-green-bg:#e6f4ea;--bg-primary:#fff;--bg-secondary:#f1f3f4;--bg-surface:#fff;--bg-hover:#e8f0fe;--bg-active:#d2e3fc;--text-primary:#202124;--text-secondary:#5f6368;--border:#dadce0;--shadow:0 2px 8px #0000001a;--shadow-lg:0 6px 20px #00000026;--panel-width:320px;--ribbon-height:60px;--toolbar-width:180px;--tree-height:200px;--section-height:56px;--font-base:14px;--font-lg:16px;--font-sm:13px;--font-xs:11px;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);overflow:hidden}canvas{top:var(--ribbon-height);left:var(--toolbar-width);right:var(--panel-width);bottom:var(--section-height);touch-action:none;-webkit-touch-callout:none;transition:left .25s,right .25s,width .25s;display:block;position:absolute;width:calc(100% - var(--toolbar-width) - var(--panel-width))!important;height:calc(100% - var(--ribbon-height) - var(--section-height))!important}select,input[type=text],input[type=number]{appearance:none;background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;outline:none;padding:8px 14px;font-family:inherit;font-weight:600;transition:all .2s}select:hover,input[type=text]:hover,input[type=number]:hover{border-color:var(--g-blue-light)}select:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--g-blue);box-shadow:0 0 0 4px #4285f426}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234285F4' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:32px}input[type=checkbox]{appearance:none;border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:6px;width:22px;height:22px;transition:all .2s;position:relative}input[type=checkbox]:hover{border-color:var(--g-blue)}input[type=checkbox]:checked{background:var(--g-blue);border-color:var(--g-blue)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--g-blue), var(--g-green));cursor:pointer;border-radius:4px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--g-blue);cursor:grab;border:3px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 6px #4285f466}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:var(--g-blue);transform:scale(1.1)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--text-secondary)}label{font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;font-weight:600}#ribbon{height:var(--ribbon-height);background:var(--bg-surface);border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;box-shadow:var(--shadow);z-index:200;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.ribbon-logo{flex-shrink:0;align-items:center;height:40px;margin-right:8px;display:flex}.ribbon-logo img{object-fit:contain;filter:invert();width:auto;height:40px}.ribbon-group{border-right:2px solid var(--border);align-items:center;gap:8px;margin-right:8px;padding-right:20px;display:flex}.ribbon-group:last-child{border-right:none}.ribbon-btn{background:var(--g-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);letter-spacing:.3px;border:none;padding:10px 18px;font-family:inherit;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #4285f44d}.ribbon-btn:nth-child(2){background:var(--g-red);box-shadow:0 2px 4px #ea43354d}.ribbon-btn:nth-child(3){background:var(--g-green);box-shadow:0 2px 4px #34a8534d}.ribbon-btn:nth-child(4){background:var(--g-yellow);color:var(--text-primary);box-shadow:0 2px 4px #fbbc054d}.ribbon-btn:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-2px)}.ribbon-btn:active{transform:translateY(0)}.ribbon-group label{color:var(--g-blue);font-size:var(--font-base);margin-right:6px;font-weight:700}.ribbon-group select{min-width:180px;font-size:var(--font-base);color:var(--g-blue);border:2px solid var(--g-blue);border-radius:var(--radius-sm);background-color:var(--g-blue-bg);padding:10px 36px 10px 14px;font-weight:700}.ribbon-group select:focus{box-shadow:0 0 0 4px #4285f433}#toolbar{top:var(--ribbon-height);width:var(--toolbar-width);background:var(--bg-surface);border-right:3px solid #0000;border-image:linear-gradient(180deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;box-shadow:var(--shadow);z-index:150;flex-direction:column;transition:width .25s,transform .25s,opacity .2s;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}#toolbar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;transform:translate(-100%)}#toolbar-collapse-btn{background:var(--g-blue-bg);width:100%;height:28px;color:var(--g-blue);border:none;border-bottom:1px solid var(--border);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:background .2s;display:flex}#toolbar-collapse-btn:hover{background:var(--g-blue-light)}.toolbar-inner{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex;overflow-y:auto}.toolbar-group{margin-bottom:4px}.toolbar-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid;border-image:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;margin-bottom:6px;padding:4px 4px 2px;font-size:10px;font-weight:800}.toolbar-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tool-btn{background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;border:2px solid #0000;padding:8px 4px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.3;transition:all .15s;overflow:hidden}.tool-btn:hover{background:var(--bg-hover);border-color:var(--g-blue);transform:scale(1.04)}.tool-btn.active{background:var(--g-blue);color:#fff;border-color:var(--g-blue);transform:scale(1.04);box-shadow:0 2px 8px #4285f459}.toolbar-hint{color:var(--text-secondary);text-align:center;border-top:2px solid var(--border);background:var(--g-blue-bg);border-radius:var(--radius-sm);margin-top:auto;padding:6px 8px;font-size:10px;font-weight:600}.hint-row{white-space:nowrap;line-height:1.8}.hint-key{background:var(--g-blue);color:#fff;text-align:center;border-radius:3px;min-width:18px;margin-right:2px;padding:1px 5px;font-size:9px;font-weight:800;display:inline-block}.scan-btn{background:var(--g-green-bg);color:var(--g-green);border:2px solid var(--g-green);padding:6px 4px;font-size:10px;font-weight:700}.scan-btn:hover{background:var(--g-green);color:#fff}#toolbar.collapsed~#toolbar-show-btn{display:flex}#property-panel{top:var(--ribbon-height);width:var(--panel-width);background:var(--bg-surface);border-left:3px solid #0000;border-image:linear-gradient(180deg, var(--g-blue), var(--g-green), var(--g-yellow), var(--g-red)) 1;z-index:150;padding:20px;transition:width .25s,transform .25s,opacity .2s,padding .25s;position:fixed;bottom:0;right:0;overflow-y:auto;box-shadow:-2px 0 10px #00000014}#property-panel.collapsed{opacity:0;pointer-events:none;border-left:none;width:0;padding:0;overflow:hidden;transform:translate(100%)}#panel-collapse-btn{background:var(--g-blue-bg);width:28px;height:28px;color:var(--g-blue);border:2px solid var(--g-blue-light);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:background .2s,transform .2s;display:flex;position:absolute;top:8px;left:8px}#panel-collapse-btn:hover{background:var(--g-blue-light);transform:scale(1.1)}#property-panel h3{background:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green));-webkit-text-fill-color:transparent;border-bottom:3px solid;border-image:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;padding-bottom:10px;font-size:20px;font-weight:800}.prop-section{margin-bottom:22px}.prop-section h4{font-size:var(--font-sm);color:var(--g-blue);text-transform:uppercase;letter-spacing:1px;background:var(--g-blue-bg);border-radius:var(--radius-sm);border-left:4px solid var(--g-blue);margin-bottom:12px;padding:6px 10px;font-weight:800}.prop-row{justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.prop-label{color:var(--text-secondary);font-size:var(--font-sm);flex-shrink:0;max-width:45%;font-weight:600}.prop-value{color:var(--text-primary);font-size:var(--font-sm);text-align:right;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 10px;font-weight:700}.prop-input,.prop-row input[type=text],.prop-row input[type=number],.prop-row select{background:var(--bg-secondary);width:130px;color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);padding:7px 10px;font-family:inherit;font-weight:600;transition:all .2s}.prop-row input:focus,.prop-row select:focus{border-color:var(--g-blue);background:var(--bg-surface);box-shadow:0 0 0 3px #4285f426}.pset-block{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px;transition:all .2s}.pset-block:hover{border-color:var(--g-green-light);box-shadow:0 2px 8px #34a8531a}.pset-block h5{font-size:var(--font-sm);color:var(--g-green);margin-bottom:8px;font-weight:800}.pset-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.empty-msg{color:var(--text-secondary);font-style:italic;font-size:var(--font-sm);text-align:center;padding:12px 0}#project-tree{bottom:var(--section-height);left:var(--toolbar-width);width:280px;height:var(--tree-height);background:var(--bg-surface);border-top:3px solid var(--g-green);border-right:2px solid var(--border);border-radius:0 var(--radius) 0 0;z-index:100;box-shadow:var(--shadow);padding:14px;position:fixed;overflow-y:auto}#project-tree h3{font-size:var(--font-base);color:var(--g-green);border-bottom:2px solid var(--g-green-bg);margin-bottom:10px;padding-bottom:6px;font-weight:800}.tree-node{padding-left:14px}.tree-header{cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);padding:5px 10px;font-weight:600;transition:all .15s}.tree-header:hover{background:var(--g-blue-bg);color:var(--g-blue)}.tree-leaf{font-size:var(--font-sm);cursor:pointer;border-radius:var(--radius-sm);padding:5px 10px 5px 22px;font-weight:600;transition:all .15s}.tree-leaf:hover{background:var(--g-blue-bg);color:var(--g-blue);padding-left:26px}.tree-node.collapsed>:not(.tree-header){display:none}#quantities-panel{bottom:var(--section-height);right:var(--panel-width);background:var(--bg-surface);border-top:3px solid var(--g-yellow);border-left:2px solid var(--border);border-radius:var(--radius) 0 0 0;z-index:100;width:230px;box-shadow:var(--shadow);padding:14px;position:fixed}#quantities-panel h3{font-size:var(--font-base);color:var(--g-yellow);border-bottom:2px solid var(--g-yellow-bg);margin-bottom:10px;padding-bottom:6px;font-weight:800}.qty-row{font-size:var(--font-sm);color:var(--text-secondary);justify-content:space-between;padding:5px 0;font-weight:500;display:flex}.qty-row span:last-child{color:var(--text-primary);background:var(--g-yellow-bg);border-radius:4px;padding:2px 8px;font-weight:800}#section-panel{bottom:0;left:var(--toolbar-width);right:var(--panel-width);height:var(--section-height);background:var(--bg-surface);border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;z-index:150;align-items:center;gap:14px;padding:0 24px;display:flex;position:fixed;box-shadow:0 -2px 8px #0000000f}#section-panel label{color:var(--g-blue);font-size:var(--font-base);font-weight:700}#section-panel input[type=checkbox]{border-radius:6px;width:24px;height:24px}#section-panel input[type=range]{flex:1;max-width:400px;height:8px}#section-value{color:var(--g-blue);font-size:var(--font-base);text-align:center;background:var(--g-blue-bg);border-radius:var(--radius-sm);border:2px solid var(--g-blue-light);min-width:70px;padding:6px 12px;font-weight:800}.btn-small{background:var(--bg-surface);color:var(--g-blue);border:2px solid var(--g-blue);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);margin-top:10px;padding:10px 16px;font-family:inherit;font-weight:700;transition:all .2s}.btn-small:hover{background:var(--g-blue);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #4285f44d}.btn-danger{border-color:var(--g-red);color:var(--g-red)}.btn-danger:hover{background:var(--g-red);color:#fff;box-shadow:0 3px 10px #ea43354d}.btn-tiny{color:var(--g-red);border:2px solid var(--g-red);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);background:0 0;padding:3px 10px;font-family:inherit;font-weight:800;transition:all .2s}.btn-tiny:hover{background:var(--g-red);color:#fff;transform:scale(1.05)}.ribbon-group .btn-small{background:var(--g-green);color:#fff;border-color:var(--g-green);font-size:var(--font-lg);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;font-weight:800;display:flex}.ribbon-group .btn-small:hover{background:var(--g-green);transform:scale(1.15)rotate(90deg);box-shadow:0 3px 10px #34a85366}.dimension-label{background:var(--g-blue);color:#fff;font-size:var(--font-sm);pointer-events:none;white-space:nowrap;z-index:300;letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-weight:800;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 8px #4285f466}.material-editor h4{font-size:var(--font-sm);color:var(--g-blue);margin-bottom:10px;font-weight:800}.layer-set-block{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px;transition:border-color .2s}.layer-set-block:hover{border-color:var(--g-blue-light)}.layer-set-header{font-size:var(--font-sm);justify-content:space-between;margin-bottom:6px;font-weight:700;display:flex}.layer-row{font-size:var(--font-sm);color:var(--text-secondary);padding:3px 0 3px 12px;font-weight:500}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--g-blue-light), var(--g-green-light));border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--g-blue), var(--g-green))}.custom-select{display:inline-block;position:relative}.custom-select-trigger{appearance:none;min-width:180px;font-size:var(--font-base);color:var(--g-blue);border:2px solid var(--g-blue);border-radius:var(--radius-sm);background:var(--g-blue-bg);cursor:pointer;text-align:left;padding:10px 36px 10px 14px;font-family:inherit;font-weight:700;transition:all .2s;position:relative}.custom-select-trigger:after{content:"▾";color:var(--g-blue);font-size:14px;transition:transform .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.custom-select-trigger.open:after{transform:translateY(-50%)rotate(180deg)}.custom-select-trigger:hover{background:var(--g-blue-light);border-color:var(--g-blue)}.custom-select-trigger.open{border-color:var(--g-blue);border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:0 0 0 4px #4285f433}.custom-select-dropdown{background:var(--bg-surface);border:2px solid var(--g-blue);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;border-top:none;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.custom-select-dropdown.open{animation:.15s dropdownSlide;display:block}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;padding:10px 14px;font-weight:600;transition:all .1s}.custom-select-option:hover{background:var(--g-blue-bg);color:var(--g-blue)}.custom-select-option.selected{background:var(--g-blue);color:#fff;font-weight:700}.ribbon-btn-circle{background:var(--g-green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:inherit;font-size:20px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 6px #34a85366}.ribbon-btn-circle:hover{transform:scale(1.15)rotate(90deg);box-shadow:0 4px 12px #34a85380}.ribbon-btn-circle:active{transform:scale(1.05)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-surface);border-radius:var(--radius-lg);border:3px solid #0000;border-image:linear-gradient(135deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;border-radius:var(--radius-lg);border-image-slice:1;min-width:360px;max-width:480px;padding:28px 32px;animation:.2s modalPop;box-shadow:0 20px 60px #0003}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{background:linear-gradient(90deg, var(--g-blue), var(--g-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:20px;font-weight:800}.modal-message{font-size:var(--font-base);color:var(--text-primary);margin-bottom:16px;font-weight:500;line-height:1.6}.modal-label{font-size:var(--font-sm);color:var(--g-blue);margin-top:12px;margin-bottom:4px;font-weight:700;display:block}.modal-input{width:100%;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px 16px;font-family:inherit;font-weight:600;transition:all .2s}.modal-input:focus{border-color:var(--g-blue);outline:none;box-shadow:0 0 0 4px #4285f426}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-btn{border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;padding:10px 22px;font-family:inherit;font-weight:700;transition:all .2s}.modal-btn-blue{background:var(--g-blue);color:#fff;box-shadow:0 2px 6px #4285f44d}.modal-btn-blue:hover{background:#3367d6;transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.modal-btn-red{background:var(--g-red);color:#fff;box-shadow:0 2px 6px #ea43354d}.modal-btn-red:hover{background:#c62828;transform:translateY(-1px);box-shadow:0 4px 12px #ea433566}.modal-btn-green{background:var(--g-green);color:#fff;box-shadow:0 2px 6px #34a8534d}.modal-btn-green:hover{background:#2e7d32;transform:translateY(-1px);box-shadow:0 4px 12px #34a85366}.modal-btn-gray{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border)}.modal-btn-gray:hover{background:var(--border);color:var(--text-primary)}.modal-list{flex-direction:column;gap:6px;max-height:240px;margin:12px 0;display:flex;overflow-y:auto}.modal-list-item{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-primary);cursor:pointer;text-align:left;padding:12px 16px;font-family:inherit;font-weight:600;transition:all .15s}.modal-list-item:hover{border-color:var(--g-blue);background:var(--g-blue-bg);color:var(--g-blue);transform:translate(4px)}::selection{background:var(--g-blue-light);color:var(--text-primary)}:focus-visible{outline:3px solid var(--g-blue);outline-offset:2px}@media (pointer:coarse){.tool-btn{min-width:44px;min-height:44px;padding:12px 8px;font-size:13px}.ribbon-btn{min-height:44px;padding:10px 16px;font-size:13px}.ribbon-btn-circle{min-width:44px;min-height:44px;font-size:20px}#property-panel input,#property-panel select{min-height:44px;font-size:16px}.custom-select-trigger{min-height:44px}.custom-select-option{min-height:44px;padding:12px 14px}.modal-btn{min-height:48px;font-size:15px}}@media screen and (width<=1024px){:root{--panel-width:260px;--toolbar-width:150px;--ribbon-height:52px}#ribbon{gap:8px;padding:6px 12px}.ribbon-btn{padding:8px 10px;font-size:12px}.toolbar-inner{padding:6px}.tool-btn{padding:6px 4px;font-size:10px}#property-panel{padding:14px}#property-panel h3{font-size:16px}.toolbar-hint{font-size:10px}}@media screen and (width<=768px){:root{--panel-width:0px;--toolbar-width:0px;--ribbon-height:56px;--section-height:0px}#ribbon{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;height:56px;padding:8px;overflow:auto hidden}.ribbon-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.ribbon-btn{white-space:nowrap;align-items:center;height:36px;padding:8px 12px;font-size:12px;display:flex}#toolbar{height:calc(60px + env(safe-area-inset-bottom,0px));border-top:3px solid #0000;border-right:none;border-image:linear-gradient(90deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;z-index:200;flex-direction:row;align-items:center;padding:0;position:fixed;inset:auto 0 0;opacity:1!important;pointer-events:auto!important;width:100%!important;transform:none!important}#toolbar.collapsed{opacity:1!important;pointer-events:auto!important;width:100%!important;transform:none!important}#toolbar-collapse-btn{display:none}#toolbar-show-btn{display:none!important}.toolbar-inner{-webkit-overflow-scrolling:touch;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:4px;overflow:auto hidden}.toolbar-group,.toolbar-grid{display:contents}.toolbar-group-label,.toolbar-hint{display:none}.tool-btn{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;height:40px;padding:6px 10px;font-size:12px;display:flex}#property-panel{top:auto;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));border-top:3px solid #0000;border-left:none;border-image:linear-gradient(90deg, var(--g-blue), var(--g-green), var(--g-yellow), var(--g-red)) 1;z-index:190;pointer-events:auto;height:50vh;max-height:50vh;padding:16px;transition:transform .3s;position:fixed;transform:translateY(100%);opacity:1!important;width:100%!important}#property-panel.collapsed{padding:16px;transform:translateY(100%);opacity:1!important;width:100%!important}#property-panel.open{transform:translateY(0)}#panel-collapse-btn,#panel-show-btn{display:none!important}#project-tree,#section-control,#quantities-panel{display:none}canvas{top:56px;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));width:100%!important;height:calc(100% - 56px - 60px - env(safe-area-inset-bottom,0px))!important}}@media screen and (width<=480px){:root{--ribbon-height:52px}#ribbon{gap:4px;height:52px;padding:6px}.ribbon-btn{height:34px;padding:7px 10px;font-size:11px}#toolbar{height:calc(56px + env(safe-area-inset-bottom,0px));padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.tool-btn{min-width:50px;height:38px;padding:5px 8px;font-size:11px}canvas{top:52px;bottom:calc(56px + env(safe-area-inset-bottom,0px));height:calc(100% - 52px - 56px - env(safe-area-inset-bottom,0px))!important}}@media screen and (width<=768px) and (orientation:landscape){#toolbar{top:var(--ribbon-height);border-top:none;border-right:3px solid #0000;border-image:linear-gradient(180deg, var(--g-blue), var(--g-red), var(--g-yellow), var(--g-green)) 1;flex-direction:column;height:auto;position:fixed;bottom:0;left:0;right:auto;overflow:hidden auto;width:56px!important}.toolbar-inner{flex-direction:column;padding:4px;overflow:hidden auto}.toolbar-grid{grid-template-columns:1fr;gap:3px}.tool-btn{min-width:42px;min-height:36px;font-size:9px}canvas{bottom:0;left:56px;width:calc(100% - 56px)!important;height:calc(100% - var(--ribbon-height))!important}}#toolbar-show-btn,#panel-show-btn{top:calc(var(--ribbon-height) + 10px);border:2px solid var(--g-blue-light);background:var(--bg-surface);width:36px;height:36px;color:var(--g-blue);cursor:pointer;box-shadow:var(--shadow);z-index:160;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:transform .2s,background .2s;display:none;position:fixed}#toolbar-show-btn{left:10px}#panel-show-btn{right:10px}#toolbar-show-btn:hover,#panel-show-btn:hover{background:var(--g-blue-bg);transform:scale(1.1)}#panel-toggle-btn{bottom:calc(60px + env(safe-area-inset-bottom,0px));background:var(--g-blue);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-lg);z-index:200;border:none;border-radius:50%;font-size:11px;font-weight:700;transition:transform .2s,background .2s;display:none;position:fixed;right:12px}#panel-toggle-btn:active{background:#3367d6;transform:scale(.92)}@media screen and (width<=768px){#panel-toggle-btn{justify-content:center;align-items:center;display:flex}}.touch-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}