:root{--primary:#4f46e5;--primary-hover:#4338ca;--success:#10b981;--danger:#ef4444;--danger-hover:#dc2626;--bg-main:#f3f4f6;--bg-sidebar:#ffffff;--bg-panel:#f8fafc;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1)}*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',sans-serif}body{display:flex;flex-direction:column;height:100vh;overflow-y:visible;overflow-x:hidden;background-color:var(--bg-main);color:var(--text-main);scroll-behavior:smooth}.main-workspace{display:flex;width:100%;height:calc(100vh - 90px);min-height:calc(100vh - 90px);max-height:calc(100vh - 90px);overflow-y:auto;overflow-x:hidden}.bottom-action-bar{flex:0 0 90px;background:var(--bg-sidebar);border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 -4px 10px rgba(0,0,0,0.05);z-index:20}.btn-calc-main:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none !important}.btn-calc-main{font-size:16px;font-weight:700;padding:12px 40px;text-transform:uppercase;letter-spacing:1px;background:var(--success);color:white;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 10px rgba(16,185,129,0.3);transition:0.2s}.btn-calc-main:not(:disabled):hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 15px rgba(16,185,129,0.4)}.calc-container{display:none;min-height:calc(100vh - 70px);background:var(--bg-main);flex-direction:column;border-top:2px solid var(--primary)}.calc-header{padding:20px 30px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.calc-header h2{font-size:20px;color:var(--primary)}.calc-content{flex:1 0 auto;display:flex;flex-direction:column;padding:24px;margin:20px;gap:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:visible}.calc-content:not(:has(*)){display:none !important}.calc-content:empty{display:none !important}.calc-description{font-size:15px;line-height:1.5;color:var(--text-main);padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.calc-canvases-wrapper{display:flex;flex-direction:column;gap:40px;width:100%;flex:1 0 auto}.scheme-column{width:100%;display:flex;flex-direction:column;gap:12px;min-width:0}.calc-canvas-panel{flex:1;position:relative;min-width:0;min-height:400px}#calcCanvas1,#calcCanvas2{width:100%;height:100%;display:block}.scheme-caption{text-align:center;font-size:14px;color:var(--text-main);padding:0 10px 10px;line-height:1.4}@media (max-width:850px){html,body{height:auto !important;overflow:visible !important}.main-workspace{display:flex !important;flex-direction:column !important;height:auto !important;min-height:auto !important;max-height:none !important;overflow:visible !important;padding-bottom:100px !important}.canvas-container{order:-1 !important;position:sticky !important;top:0 !important;width:100% !important;height:60vh !important;min-height:60vh !important;max-height:60vh !important;flex:0 0 60vh !important;z-index:50 !important;border-bottom:2px solid var(--primary) !important}.sidebar{order:2 !important;width:100% !important;min-width:100% !important;max-width:100% !important;height:auto !important;flex:none !important;border-right:none !important;box-shadow:none !important}.sidebar-content{overflow:visible !important;height:auto !important}.bottom-action-bar{position:fixed !important;bottom:0 !important;left:0 !important;width:100% !important;z-index:9999 !important;box-shadow:0 -4px 10px rgba(0,0,0,0.1) !important;transition:transform 0.3s ease-in-out !important}.bottom-action-bar.hidden-mobile{transform:translateY(110%) !important}.calc-container{margin-bottom:100px !important}.calc-canvases-wrapper{flex-direction:column !important}.hints{display:none !important}.btn-undo{top:10px !important;right:10px !important;padding:6px 12px !important;font-size:12px !important;border-radius:20px !important}}.sidebar{width:320px;min-width:320px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;box-shadow:var(--shadow-md);z-index:10}.sidebar-header{padding:20px;border-bottom:1px solid var(--border);background:var(--bg-sidebar)}.header-title{font-size:16px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:8px}.sidebar-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.section-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;letter-spacing:0.5px}.card{background:var(--bg-sidebar);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:10px}label{font-size:13px;font-weight:500;color:var(--text-main)}.modern-input,.modern-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-main);font-size:13px;transition:all 0.2s ease;outline:none}.modern-input:focus,.modern-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,0.15);background:#fff}.input-with-unit{display:flex;align-items:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:all 0.2s ease}.input-with-unit:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,0.15)}.input-with-unit input{border:none;background:transparent;padding:8px 12px;width:100%;outline:none;font-size:13px}.input-with-unit span{padding:8px 12px;background:#e2e8f0;color:var(--text-muted);font-size:12px;font-weight:600;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;padding:10px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;gap:8px}.btn-outline{background:#ffffff;border-color:var(--text-main);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-panel);transform:translateY(-1px)}.btn.active{background:var(--success);border-color:var(--success);color:white;box-shadow:0 4px 10px rgba(16,185,129,0.3)}.btn.active::after{content:"✕";margin-left:auto;font-size:12px;font-weight:700;color:rgba(255,255,255,0.85);transition:all 0.2s ease;padding-left:8px}.btn.active:hover::after{color:#ffffff;transform:scale(1.2)}.btn-blue{background:var(--primary);color:white}.btn-blue:hover{background:var(--primary-hover);box-shadow:0 4px 10px rgba(79,70,229,0.3)}.btn-red{background:#fff;border-color:var(--danger);color:var(--danger)}.btn-red:hover{background:var(--danger);color:white;box-shadow:0 4px 10px rgba(239,68,68,0.3)}.btn-icon{padding:6px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:0.2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--primary);border-color:var(--primary)}.tool-settings{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-top:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.02);animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.radio-group{display:flex;gap:12px;background:#fff;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm)}.radio-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.radio-group input[type="radio"]{accent-color:var(--primary)}input[type="range"]{-webkit-appearance:none;width:100%;height:6px;background:var(--border);border-radius:3px;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;transition:0.2s;box-shadow:var(--shadow-sm)}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)}.canvas-container{flex:1;position:relative;height:100%;overflow:hidden;background-color:var(--bg-main);background-image:radial-gradient(var(--border) 1.5px,transparent 1.5px);background-size:30px 30px}#viewCanvas,#calcCanvas1,#calcCanvas2{display:block;width:100%;height:100%}.glass-panel{position:absolute;background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:10px 16px;font-size:14px;color:var(--text-main);font-weight:500}.hints{top:20px;left:20px;pointer-events:none}.btn-undo{top:20px;right:20px;cursor:pointer;transition:0.2s;display:flex;align-items:center;gap:6px}.btn-undo:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.svg-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;margin-bottom:16px}.svg-container svg line,.svg-container svg text{transition:all 0.2s ease-in-out}.force-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:6px;box-shadow:none}.force-item-actions button{cursor:pointer;border:none;background:var(--bg-panel);border-radius:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;transition:0.2s}.force-item-actions button:hover{background:var(--border)}mjx-container:not([display="true"]){display:inline-block !important;white-space:nowrap !important}mjx-container svg{display:inline !important;vertical-align:baseline !important;max-width:none !important;margin:0 !important;padding:0 !important}