.scenario-factors{padding:12px;border:1px solid #2d4b55;border-radius:12px;background:#08161e}
.scenario-factors>header{margin-bottom:10px;display:flex;justify-content:space-between;gap:10px}
.scenario-factors>header span{color:#63ddc5;font-size:8px;font-weight:900;letter-spacing:.14em}
.scenario-factors>header small{color:#6f8790;font-size:8px}
.scenario-factors>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.scenario-factors .factor-check{min-height:58px;padding:9px;display:flex!important;align-items:center;border:1px solid #2c4854;border-radius:10px;background:#07141c}
.scenario-factors .factor-check input{width:17px;margin-right:8px}
.state-matrix{margin:0 28px 20px;padding:18px;border:1px solid #2d4b55;border-radius:15px;background:#0b1922}
.state-matrix>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.state-matrix>header span{color:#63ddc5;font-size:8px;font-weight:900;letter-spacing:.14em}
.state-matrix h4{margin:3px 0}.state-matrix>header>b{padding:6px 9px;border-radius:18px;background:#12312c;color:#8be0ca;font-size:9px;text-transform:uppercase}
.state-matrix>div{display:grid;grid-template-columns:repeat(9,minmax(75px,1fr));gap:6px}
.state-matrix button{min-height:74px;padding:8px;display:grid;align-content:center;justify-items:center;border:1px solid #29434f;border-radius:10px;background:#09171f;color:#8298a1}
.state-matrix button:hover,.state-matrix button.active{border-color:#4b8176;background:#12302c;color:#e9f7f3}
.state-matrix button>i{width:9px;height:9px;margin-bottom:5px;border:2px solid #6c858e;border-radius:50%}.state-matrix button.active>i{border-color:#63ddc5;background:#63ddc5;box-shadow:0 0 12px #63ddc5}
.state-matrix button span{font-size:9px;font-weight:800}.state-matrix button small{color:#5f7781;font-size:7px}
.state-matrix>p{margin:12px 0 0;color:#718a93;font-size:9px}
.field-contract{position:absolute;right:13px;top:13px;width:185px;height:58px}
.field-contract>span{position:absolute;right:5px;top:29px;width:100px;height:1px;background:linear-gradient(90deg,transparent,#d89b45)}
.field-contract>span:before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border:1px solid #d89b45;border-radius:50%}
.field-contract>i{position:absolute;right:3px;top:24px;width:10px;height:10px;border:2px solid #55bfae;transform:rotate(45deg)}
.field-contract>b,.field-contract>small{position:absolute;right:0;display:block;text-align:right}.field-contract>b{top:0;color:#f2efe8;font-size:8px;letter-spacing:.12em}.field-contract>small{top:42px;color:#8b7b76;font-size:6px}
.field-canvas{background:radial-gradient(circle at 60% 55%,#2e352d45,transparent 25%),#081217}
.token-groups{padding:0 32px 18px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.token-groups article{padding:12px;border:1px solid #29434f;border-radius:11px;background:#0b1922}.token-groups span{display:block;color:#8fa4ac;font-size:9px}.token-groups b{font-size:22px}.token-groups small{display:block;color:#5f7781;font-size:7px}
.design-system-workspace{padding:0 32px 18px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:14px}
.design-system-workspace>form,.component-registry-empty{border:1px solid #29434f;border-radius:15px;background:#0b1922}
.design-system-workspace form>header{padding:15px 17px;display:flex;justify-content:space-between;border-bottom:1px solid #29434f}.design-system-workspace form>header span,.component-registry-empty>span,.action-contract>header span,.field-language span{color:#63ddc5;font-size:8px;font-weight:900;letter-spacing:.14em}.design-system-workspace h4,.component-registry-empty h4,.action-contract h4,.field-language h4{margin:3px 0}.design-system-workspace form>header>b{color:#708993;font-size:9px}
.design-system-workspace textarea{width:100%;min-height:390px;padding:16px;border:0;background:#07141c;color:#b8c9ce;outline:0;resize:vertical;font:10px/1.55 "Cascadia Code",Consolas,monospace}
.design-system-workspace form>label{display:grid;border-bottom:1px solid #29434f}.design-system-workspace form>label>span{padding:10px 16px;color:#8198a1;font-size:8px;font-weight:850;letter-spacing:.08em}.design-system-workspace form>label+label textarea{min-height:150px}
.design-system-workspace form>footer{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #29434f}.design-system-workspace form>footer small{color:#6e8791;font-size:8px}.design-system-workspace form>footer button{padding:9px 12px;border:1px solid #3c7c6b;border-radius:9px;background:#12362f;color:#b9f5e2;font-size:10px;font-weight:800}
.component-registry-empty{padding:28px;display:grid;align-content:center;justify-items:center;text-align:center}.component-registry-empty p{max-width:330px;color:#7e959e;font-size:10px}.component-registry-empty>div{width:90px;height:90px;margin-top:16px;display:grid;place-content:center;border:1px solid #31584f;border-radius:50%;background:#102822}.component-registry-empty>div b{font-size:25px}.component-registry-empty>div small{color:#6d8a83;font-size:8px}
.action-contract{margin:0 32px 18px;border:1px solid #31564d;border-radius:15px;background:#0d211e}.action-contract>header{padding:15px 17px;display:flex;justify-content:space-between;border-bottom:1px solid #31564d}.action-contract>header>b{color:#75d7bc;font-size:8px}.action-contract>div{padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.action-contract article{padding:12px;border:1px solid #294b44;border-radius:10px;background:#0a1919}.action-contract article i{color:#4f7d72;font-style:normal;font-size:15px;font-weight:900}.action-contract article b,.action-contract article small{display:block}.action-contract article b{font-size:10px}.action-contract article small{color:#648078;font-size:8px}.action-contract>p{margin:0;padding:0 17px 15px;color:#86a49b;font-size:9px}
.field-language{margin:0 32px 18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #574a37;border-radius:15px;background:linear-gradient(120deg,#191b19,#10191a)}.field-language>div:first-child{max-width:760px}.field-language p{margin:3px 0;color:#978e81;font-size:10px}.field-palette{display:flex;gap:8px}.field-palette i{width:35px;height:35px;border-radius:50%;border:4px solid #ffffff0d}.field-palette i:nth-child(1){background:#f2efe8}.field-palette i:nth-child(2){background:#d89b45}.field-palette i:nth-child(3){background:#55bfae}.field-palette i:nth-child(4){background:#744852}
@media(max-width:1250px){.state-matrix>div{grid-template-columns:repeat(5,1fr)}.token-groups{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.design-system-workspace{grid-template-columns:1fr}.action-contract>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.scenario-factors>div{grid-template-columns:1fr}.state-matrix{margin-left:14px;margin-right:14px}.state-matrix>div{grid-template-columns:repeat(3,1fr)}.token-groups,.design-system-workspace{padding-left:18px;padding-right:18px}.action-contract,.field-language{margin-left:18px;margin-right:18px}.action-contract>div{grid-template-columns:1fr 1fr}.field-language{align-items:flex-start;flex-direction:column}.design-system-workspace form>footer{align-items:stretch;flex-direction:column}.field-contract{display:none}}
@media(max-width:450px){.token-groups{grid-template-columns:1fr 1fr}.action-contract>div{grid-template-columns:1fr}.state-matrix button{min-height:65px}.field-palette i{width:29px;height:29px}}