@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.hub-page{color:#f7f9ff;background:radial-gradient(circle at 18% 8%,#415cff33,#0000 34%),radial-gradient(circle at 85% 18%,#25d9ff24,#0000 32%),#0c1020;height:auto;min-height:100vh;padding:34px min(5vw,64px) 56px;display:block;overflow:auto}.hub-back{color:#bfc8ff;margin-bottom:28px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hub-hero{background:linear-gradient(135deg,#ffffff16,#ffffff08);border:1px solid #ffffff1f;border-radius:30px;max-width:1080px;padding:32px;box-shadow:0 26px 80px #0007}.hub-kicker{color:#cdd6ff;background:#6d82ff26;border:1px solid #8fa1ff66;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.hub-hero h1{letter-spacing:-.05em;max-width:840px;margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.hub-hero p{color:#c8d0e7;max-width:760px;margin:16px 0 0;font-size:18px;line-height:1.65}.hub-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hub-primary,.hub-secondary,.tool-card button{cursor:pointer;border:0;border-radius:14px;padding:13px 18px;font-weight:850}.hub-primary,.tool-card.ready button{color:#fff;background:#6d82ff;box-shadow:0 14px 32px #3549cc55}.hub-secondary{color:#e8ecff;background:#ffffff14;align-items:center;text-decoration:none;display:inline-flex}.hub-section{margin-top:42px}.hub-section h2{color:#fff;letter-spacing:-.03em;margin:0 0 18px;font-size:28px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.tool-card{background:#151b31;border:1px solid #ffffff1f;border-radius:22px;min-height:190px;padding:20px;position:relative}.tool-card:not(.ready):after{content:"Заглушка";color:#ffd879;background:#ffcf5a22;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850;position:absolute;top:18px;right:18px}.tool-card.ready{background:linear-gradient(145deg,#202a55,#151b31);border-color:#8295ff77}.tool-card span{color:#cbd3ee;background:#ffffff14;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.tool-card h3{margin:18px 0 8px;font-size:21px}.tool-card p{color:#b7c0da;min-height:64px;margin:0 0 18px;line-height:1.55}.tool-card button:disabled{color:#8b94ad;cursor:default;background:#ffffff12}.roadmap-list{gap:10px;max-width:900px;display:grid}.roadmap-item{color:#d5dcf3;background:#ffffff0d;border:1px solid #ffffff18;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.roadmap-item b{color:#fff;background:#6d82ff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hub-return{width:100%;margin-bottom:14px}.window-toggle{margin-top:18px}.window-fields{background:#e5e8f1;border-radius:12px;margin-top:14px;padding:14px 12px 1px}.back-site{z-index:20;color:#fff;background:#5a72f3;border:1px solid #8295ff;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750;text-decoration:none;transition:background .16s,transform .16s;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #0004}.back-site:hover{background:#6a80f7;transform:translateY(-1px)}.field-title{margin:18px 0 9px;font-size:13px;font-weight:650;display:block}.segmented{background:#e8ebf3;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:#778096;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 6px;font-size:12px}.segmented button.active{color:#344ed3;background:#fff;font-weight:700;box-shadow:0 1px 5px #26325218}.toggle-row{cursor:pointer;background:#eef0f6;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.toggle-row>span{margin:0}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#7a8296;margin-top:4px;font-size:10px;font-weight:500}.toggle-row input{accent-color:#5b73f2;width:20px;height:20px}.lid-fields{background:#eef0f6;border-radius:12px;margin-top:16px;padding:14px 12px 1px}.hinge-fields{background:#f7f8ff;border:1px solid #d6ddff;border-radius:12px;margin:12px 0 16px;padding:13px 12px 1px}.hinge-fields>b,.hinge-fields>small{display:block}.hinge-fields>b{color:#4058d7;font-size:12px}.hinge-fields>small{color:#737d92;margin:6px 0 13px;font-size:10px;line-height:1.4}.fit-note{color:#737d92;margin:8px 2px 18px;font-size:10px;line-height:1.45;display:block}.field-active{background:#fff3cf;border-radius:12px;margin-left:-12px;margin-right:-12px;padding:11px 12px;box-shadow:inset 3px 0 #f2b632}.selected-badge{float:right;color:#b57900;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.viewer canvas{cursor:pointer}.geometry-warning{z-index:4;color:#6f4a00;text-align:center;background:#fff4d7;border:1px solid #f0b84d;border-radius:12px;max-width:560px;padding:11px 16px;font-size:13px;font-weight:650;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0003}.feet-fields{background:#eef0f6;border-radius:12px;margin-top:17px;padding:14px 12px 1px}.orientation{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:18px;right:18px}.orientation b{color:#91a5ff;letter-spacing:.12em;font-size:11px}.orientation span{color:#6e7a98;letter-spacing:.08em;font-size:9px}.side-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.side-grid button{color:#69748b;cursor:pointer;background:#fff;border:1px solid #d9deea;border-radius:8px;padding:8px 4px;font-size:10px}.side-grid button.active{color:#3e56d7;background:#eef1ff;border-color:#7b8fff;font-weight:700}.segmented,.side-grid{background:#e8ebf3;border-radius:11px;align-items:stretch;gap:3px;padding:4px}.side-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.segmented button,.side-grid button{appearance:none;color:#737d92;white-space:nowrap;text-overflow:ellipsis;min-width:0;height:38px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0 7px;font-size:11px;font-weight:600;line-height:1;transition:background .16s,color .16s,box-shadow .16s;display:flex;overflow:hidden}.segmented button:hover,.side-grid button:hover{color:#4058d7;background:#f4f6ff}.segmented button.active,.side-grid button.active{color:#4058d7;background:#fff;font-weight:750;box-shadow:0 2px 7px #2632521c}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.single{grid-template-columns:1fr}*{box-sizing:border-box}html,body,#root{color:#eaf0ff;background:#0c1020;min-height:100%;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}main{grid-template-columns:390px 1fr;height:100vh;display:grid;overflow:hidden}aside{color:#182035;background:#f7f8fc;border-right:1px solid #dfe3ee;padding:30px 34px;overflow:auto}.brand{align-items:center;gap:11px;margin-bottom:38px;display:flex}.brand b,.brand small{display:block}.brand b{font-size:18px}.brand small{color:#7a8296;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.mark{color:#fff;background:#546fff;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}h1{letter-spacing:-.04em;margin:0 0 10px;font-size:28px;line-height:1.15}.intro{color:#737b8e;margin:0 0 30px;font-size:13px;line-height:1.6}section{border-top:1px solid #e1e4ec;padding:21px 0 8px}h2{text-transform:uppercase;letter-spacing:.13em;color:#8a92a4;margin:0 0 18px;font-size:11px}label{margin-bottom:17px;display:block}label>span{margin-bottom:8px;font-size:13px;font-weight:650;display:block}.control{grid-template-columns:1fr 68px 19px;align-items:center;gap:8px;display:grid}.control input[type=range]{accent-color:#5b73f2;width:100%}.control input[type=number]{text-align:right;color:#26304a;background:#fff;border:1px solid #d8dce7;border-radius:8px;width:68px;padding:7px 5px}.control em{color:#8b92a3;font-size:11px;font-style:normal}.divider-position-field{background:#ffffffb8;border:1px solid #dce1ee;border-radius:10px;margin-bottom:10px;padding:10px}.surface-toggle{margin-top:18px}.surface-fields{margin-top:12px}.surface-fields select{color:#26304a;width:100%;font:inherit;background:#fff;border:1px solid #d8dce7;border-radius:12px;outline:none;margin:0 0 16px;padding:10px 11px;font-size:13px}.surface-fields select:focus{border-color:#687cff;box-shadow:0 0 0 3px #687cff1f}.secondary{color:#535d72;cursor:pointer;background:#fff;border:1px solid #d7dbe6;border-radius:10px;width:100%;padding:10px}.feature-request{background:linear-gradient(#fff 0%,#f7f9ff 100%);border:1px solid #dfe5f4;border-radius:18px;margin-top:18px;padding:18px;box-shadow:0 10px 30px #5063a014}.feature-request h2{color:#5365d8;margin-bottom:8px}.feature-request p{color:#747d91;margin:0 0 14px;font-size:12px;line-height:1.5}.feature-request label{margin-bottom:12px}.feature-request label>span{font-size:12px}.feature-request input,.feature-request textarea{color:#26304a;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d9deea;border-radius:12px;outline:none;padding:10px 11px;font-size:13px}.feature-request input:focus,.feature-request textarea:focus{border-color:#687cff;box-shadow:0 0 0 3px #687cff1f}.feature-consent{grid-template-columns:18px 1fr;align-items:start;gap:10px;margin:2px 0 14px;display:grid}.feature-request .feature-consent input{accent-color:#5a72f3;width:18px;height:18px;margin-top:2px}.feature-consent span{color:#667085;margin:0;font-size:11px;font-weight:500;line-height:1.45;display:block}.feature-consent a{color:#5365d8;text-underline-offset:2px;font-weight:700;text-decoration:underline}.feature-hidden{opacity:0;pointer-events:none;height:1px;position:absolute;left:-9999px;width:1px!important}.feature-submit{color:#fff;cursor:pointer;background:#5a72f3;border:0;border-radius:12px;width:100%;padding:11px 14px;font-weight:750;box-shadow:0 10px 22px #5a72f33d}.feature-submit:disabled{cursor:wait;opacity:.72}.feature-ok,.feature-error{margin-top:10px;font-size:12px;line-height:1.4;display:block}.feature-ok{color:#16834a}.feature-error{color:#d13c3c}.workspace{flex-direction:column;min-width:0;display:flex}.workspace header{background:#11172a;border-bottom:1px solid #202840;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.workspace header strong,.workspace header span{display:block}.workspace header strong{font-size:15px}.workspace header span{color:#8e9ab8;margin-top:4px;font-size:11px}.cad-status{color:#9aa9ca;margin-top:6px;font-size:10px;font-weight:700;display:block}.cad-status.ready{color:#72d6a1}.cad-status.error{color:#f2b632}.actions{align-items:center;gap:10px;display:flex;position:relative}.actions button{color:#7d88a3;background:#192138;border:1px solid #303a57;border-radius:9px;padding:10px 15px}.actions .primary{color:#fff;cursor:pointer;background:#5a72f3;border-color:#6179ff;font-weight:700}.changelog{position:relative}.actions .bell{color:#fff;cursor:pointer;background:#171f35;border-color:#3d4a72;place-items:center;min-width:43px;height:43px;padding:0;font-size:18px;display:grid;position:relative}.actions .bell.active,.actions .bell:hover{background:#25223a;border-color:#f0b84d}.bell span{color:#fff;background:#ff6b3d;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 3px #11172a}.changelog-panel{z-index:20;color:#dfe7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11172afa;border:1px solid #2b3858;border-radius:18px;width:min(360px,100vw - 28px);max-height:min(520px,100vh - 110px);position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 24px 70px #0000006b}.changelog-head{border-bottom:1px solid #26324f;padding:17px 18px 13px}.changelog-head b,.changelog-head small{display:block}.changelog-head b{font-size:16px}.changelog-head small{color:#94a3c7;margin-top:4px;font-size:11px}.changelog-panel ul{margin:0;padding:6px 0;list-style:none}.changelog-panel li{border-bottom:1px solid #26324fc7;padding:13px 18px 14px}.changelog-panel li:last-child{border-bottom:0}.changelog-panel time{color:#f0b84d;letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.changelog-panel strong{color:#fff;font-size:13px}.changelog-panel p{color:#aeb9d7;margin:6px 0 0;font-size:12px;line-height:1.45}.stage,.viewer{flex:1;min-height:0;position:relative}.viewer{height:100%;overflow:hidden}.viewer canvas{display:block;position:absolute;inset:0}.hint{color:#71809e;pointer-events:none;background:#11182ad9;border:1px solid #29334d;border-radius:20px;padding:8px 14px;font-size:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.axis{z-index:2;color:#66718f;font-size:10px;position:absolute;bottom:70px;right:15px}@media (width<=800px){main{grid-template-columns:1fr;height:auto;overflow:auto}aside{max-height:none}.workspace{height:70vh}.workspace header{padding:0 14px}.actions button:first-child{display:none}}
