*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;font-family:system-ui,sans-serif;background:#ebebeb}.app{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.toolbar{position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;gap:4px;padding:8px 6px;height:100vh;width:80px;background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 8px #00000014}.toolbar-logo{height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#1a73e8;letter-spacing:-1px;margin-bottom:4px}.tool-group{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tool-group:last-child{border-bottom:none;margin-top:auto}.toolbar-bottom{margin-top:auto}.tool-btn{width:68px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;border-radius:8px;background:transparent;cursor:pointer;color:#555;font-size:10px;font-weight:500;transition:background .15s,color .15s}.tool-btn svg{width:20px;height:20px;flex-shrink:0}.tool-btn:hover{background:#f0f0f0;color:#222}.tool-btn.active{background:#e8f0fe;color:#1a73e8}.snap-btn-wrap{width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 4px;border-radius:8px;color:#555}.snap-btn-wrap svg{width:20px;height:20px;flex-shrink:0}.snap-btn-wrap.active{color:#1a73e8}.snap-label{font-size:10px;font-weight:500}.snap-select{width:56px;padding:2px;border:1px solid #ddd;border-radius:5px;font-size:10px;background:#f5f5f5;cursor:pointer;color:#333;text-align:center}.snap-select:hover{background:#e8e8e8}.snap-select:focus{outline:1px solid #1a73e8;border-color:#1a73e8}.floor-controls{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px 2px;flex-wrap:wrap}.floor-num{font-size:13px;font-weight:700;color:#333;min-width:20px;text-align:center}.floor-arrow{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:5px;background:#f5f5f5;cursor:pointer;color:#555;transition:background .12s}.floor-arrow:hover{background:#e0e0e0}.floor-del{color:#e53935}.floor-del:hover{background:#fdecea}.furniture-panel{position:fixed;top:0;right:0;z-index:100;width:260px;height:100vh;background:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 8px #00000014;display:flex;flex-direction:row}.cat-list{width:84px;display:flex;flex-direction:column;gap:2px;padding:10px 5px;border-right:1px solid #f0f0f0;overflow-y:auto}.cat-list-btn{padding:7px 4px;border:none;background:none;cursor:pointer;font-size:11px;font-weight:500;text-align:center;border-radius:6px;color:#666;transition:background .12s,color .12s;line-height:1.3}.cat-list-btn:hover{background:#f5f5f5;color:#222}.cat-list-btn.active{background:#e8f0fe;color:#1a73e8;font-weight:700}.items-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;align-content:start}.furniture-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .15s}.furniture-item:hover{background:#f0f5ff;border-color:#1a73e8}.furniture-item img{width:64px;height:64px;object-fit:contain}.furniture-item span{font-size:10px;color:#555;text-align:center;line-height:1.3}.selection-panel{position:fixed;z-index:300;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:6px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #00000024;font-size:12px;color:#555}.selection-panel label{display:flex;align-items:center;gap:4px}.selection-panel input{width:54px;padding:3px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px;text-align:right}.selection-panel input:focus{outline:1px solid #1a73e8;border-color:#1a73e8}.selection-panel input{-webkit-user-select:text;user-select:text}.sel-delete{border:none;background:none;cursor:pointer;color:#e53935;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .12s}.sel-delete:hover{background:#fdecea}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000059;display:flex;align-items:center;justify-content:center}.help-box{background:#fff;border-radius:12px;padding:28px 32px;max-width:480px;width:90%;box-shadow:0 8px 32px #0000002e}.help-box h3{margin-bottom:16px;font-size:18px}.help-box ul{padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}.help-box button{margin-top:20px;padding:8px 20px;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.help-box button:hover{background:#1558b0}.mobile-panel-toggle{display:none}@media (max-width: 767px){.toolbar{top:auto;bottom:0;left:0;right:0;width:100%;height:52px;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:4px 6px;border-right:none;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #00000014;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:2px}.toolbar-logo{display:none}.tool-group{flex-direction:row;flex-shrink:0;border-bottom:none;padding-bottom:0;border-right:1px solid #f0f0f0;padding-right:4px;gap:1px}.tool-group:last-child{margin-top:0;margin-left:auto;border-right:none}.toolbar-bottom{margin-top:0;margin-left:auto}.tool-btn{width:38px;height:38px;gap:0}.tool-btn span{display:none}.tool-btn svg{width:18px;height:18px}.floor-controls{gap:1px;padding:1px;flex-shrink:0}.floor-num{font-size:11px;min-width:14px}.floor-arrow{width:20px;height:20px}.snap-btn-wrap{width:auto;flex-direction:row;padding:3px 4px;gap:3px;flex-shrink:0}.snap-btn-wrap svg{width:16px;height:16px}.snap-label{display:none}.snap-select{width:44px;font-size:9px;padding:1px}.furniture-panel{width:280px;max-width:80vw;transition:transform .25s ease;box-shadow:-4px 0 20px #00000026}.furniture-panel.mobile-closed{transform:translate(100%)}.mobile-panel-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;right:12px;z-index:150;width:44px;height:44px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 10px #00000026;cursor:pointer;color:#555;transition:background .15s}.mobile-panel-toggle:hover{background:#f0f0f0}.mobile-panel-toggle.active{background:#e8f0fe;color:#1a73e8}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0003}.selection-panel{font-size:11px;padding:5px 10px;gap:8px;max-width:calc(100vw - 16px)}.selection-panel input{width:44px;font-size:11px;padding:2px 4px}}@media (max-width: 767px) and (max-height: 500px){.toolbar{height:44px;padding:2px 6px}.tool-btn{width:34px;height:34px}.tool-btn svg{width:16px;height:16px}.floor-arrow{width:18px;height:18px}.snap-btn-wrap svg{width:14px;height:14px}}.print-view{display:none}@media print{body{overflow:visible!important;background:#fff!important}.app{position:static!important}.toolbar,.furniture-panel,.selection-panel,.help-overlay{display:none!important}.app>div:first-child canvas{display:none!important}.print-view{display:block!important}.print-page{page-break-after:always;width:100%}.print-page:last-child{page-break-after:avoid}}