:root{color:#1f2529;font-synthesis:none;--bg:#f6f7f8;--line:#e9ebed;--muted:#747c84;--text:#1f2529;--accent:#1f6c56;--danger:#b8343b;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #9dc9b9}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}svg{vertical-align:middle}h1,h2,h3,p{margin:0}button{border:0}button.icon-button{color:#788087;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{background:#eef0f1}.button{color:#fff;white-space:nowrap;background:#24292d;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 15px;font-weight:500;display:inline-flex}.button:hover{background:#394146}.button.secondary{color:#374047;background:#fff;border-color:#dfe3e5}.button.secondary:hover{background:#f6f7f8}.button.ghost{color:#616a72;background:0 0}.button.ghost:hover{background:#f0f2f3}.button.danger{color:#b8343b;background:#fff0f0}.button.small{min-height:32px;padding:6px 10px;font-size:12px}.button.full{width:100%}.input{color:#273139;background:#fff;border:1px solid #dde2e5;border-radius:9px;width:100%;min-height:40px;padding:10px 12px;transition:border .15s}.input:hover{border-color:#c5ced4}.input::placeholder{color:#a2a8ae}.input:focus{border-color:#7d9c92}.input.inline{width:auto}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{font-size:13px;font-weight:500}.field small,.muted{color:var(--muted);font-size:12px;line-height:1.7}.required{color:#ba4343}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.divider{background:var(--line);height:1px;margin:20px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#939a9f;font-size:10px;font-weight:600}.badge{color:#657078;white-space:nowrap;background:#f0f2f4;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;line-height:1.3;display:inline-flex}.badge.green{color:#28775d;background:#e9f4ee}.badge.amber{color:#99712d;background:#fbf4e5}.badge.red{color:#b2434b;background:#fff0f1}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.notice{border:1px solid var(--line);color:#69727a;background:#f7f8f9;border-radius:10px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:12px;line-height:1.65;display:flex}.notice.error{color:#a83f49;background:#fff6f7;border-color:#f0d4d7}.notice.success{color:#386a50;background:#f0f8f3;border-color:#daeade}.notice.amber{color:#8f743d;background:#fdf8ed;border-color:#eee3c8}.notice svg{flex-shrink:0;margin-top:2px}.loading{color:#8b9399;justify-content:center;align-items:center;gap:8px;height:50px;display:flex}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f2f4f5,#fafafa,#f2f4f5) 0 0/200%;border-radius:5px;height:13px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.auth-page{background:#fff;flex-direction:column;min-height:100dvh;display:flex}.auth-brand{position:absolute;top:30px;left:36px}.brand{letter-spacing:-.4px;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand-mark{color:#fff;background:#252c30;border-radius:10px;place-items:center;width:31px;height:31px;display:grid;position:relative;box-shadow:0 2px 3px #00000009}.brand-mark svg{stroke-width:1.5px}.auth-center{flex:1;justify-content:center;align-items:center;padding:100px 24px 80px;display:flex}.auth-card{width:360px}.auth-symbol{margin-bottom:28px;display:inline-flex}.auth-card h1{letter-spacing:-1px;margin-bottom:10px;font-size:29px;font-weight:560}.auth-card>.subtitle{color:#8b9299;margin-bottom:33px;line-height:1.7}.auth-card .field{margin-bottom:19px}.auth-card .input{border-radius:11px;height:47px}.password-wrap{position:relative}.password-wrap .input{padding-right:43px}.password-wrap .icon-button{position:absolute;top:7px;right:7px}.auth-card .button.full{border-radius:10px;height:45px;margin-top:3px}.auth-link{color:#838b92;text-align:center;background:0 0;margin:20px auto 0;font-size:12px;display:block}.auth-footer{text-align:center;letter-spacing:.4px;color:#a3a9ae;padding:25px;font-size:11px}.auth-error{margin-bottom:18px}.app-shell{min-height:100dvh}.sidebar{z-index:20;background:#f6f7f8;border-right:1px solid #eef0f1;flex-direction:column;width:224px;padding:25px 14px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 11px 29px}.workspace-label{color:#9ba2a7;letter-spacing:1px;justify-content:space-between;align-items:center;margin:0 11px 12px;font-size:10px;display:flex}.nav-item{text-align:left;color:#687179;background:0 0;border-radius:8px;align-items:center;gap:11px;width:100%;height:42px;margin:3px 0;padding:0 13px;font-size:13px;display:flex}.nav-item svg{stroke-width:1.55px}.nav-item:hover{background:#eaeef0}.nav-item.active{color:#253139;background:#e7ebec;font-weight:550}.nav-item.active:after{content:"";background:#416d5e;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-space{height:22px}.sidebar-footer{margin-top:auto}.sidebar-help{color:#79858c;border:1px solid #e2e7e8;border-radius:10px;margin:12px 5px;padding:12px;font-size:11px;line-height:1.6}.account-button{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:11px 9px;display:flex}.account-avatar{color:#507164;background:#e2e8e5;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:123px;font-size:12px;overflow:hidden}.account-role{color:#959da3;margin-top:3px;font-size:10px}.workspace{min-height:100dvh;margin-left:224px}.topbar{border-bottom:1px solid #f0f2f3;justify-content:space-between;align-items:center;gap:15px;height:68px;padding:0 38px;display:flex}.breadcrumb{color:#91999f;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumb strong{color:#48525a;font-weight:450}.topbar-right{color:#969ea5;align-items:center;gap:18px;font-size:11px;display:flex}.content{max-width:1800px;margin:auto;padding:36px 38px 48px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.6px;font-size:25px;font-weight:550;line-height:1.3}.page-heading p{color:#90989f;margin-top:9px;font-size:12px;line-height:1.7}.page-heading .eyebrow{margin-bottom:10px}.count{color:#9aa1a7;margin-left:10px;font-size:16px;font-weight:400}.stats-row{border-bottom:1px solid var(--line);align-items:center;gap:0;margin-bottom:22px;padding-bottom:23px;display:flex}.stat{border-left:1px solid #ebedef;min-width:132px;padding:0 36px}.stat:first-child{border:0;padding-left:0}.stat-title{color:#8b949c;margin-bottom:9px;font-size:11px}.stat-value{letter-spacing:-.6px;font-size:24px;font-weight:480}.stat-value small{color:#9da4aa;margin-left:9px;font-size:10px}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.search-field{width:290px;position:relative}.search-field svg{color:#929ba2;position:absolute;top:12px;left:12px}.search-field input{background:#fafbfb;height:39px;padding-left:36px;font-size:12px}.filter-select{color:#717c84;background:#fff;border:1px solid #e3e6e8;border-radius:8px;min-height:38px;padding:9px 28px 9px 10px;font-size:12px}.table-wrap{background:#fff;border:1px solid #e8ebed;border-radius:12px;overflow:auto}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.data-table th{color:#8d969e;background:#fbfcfc;border-bottom:1px solid #edf0f1;padding:14px 15px;font-size:11px;font-weight:450}.data-table td{vertical-align:middle;border-bottom:1px solid #f0f2f3;padding:16px 15px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfd}.device-name{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.secondary-text{color:#9aa2a8;text-overflow:ellipsis;max-width:200px;margin-top:5px;font-size:10px;font-weight:400;display:block;overflow:hidden}.table-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.empty-state{text-align:center;color:#a0a8ae;padding:68px 30px 71px}.empty-state h3{color:#52616b;margin:23px 0 9px;font-size:16px;font-weight:500}.empty-state p{max-width:370px;margin:auto;font-size:12px;line-height:1.8}.empty-state .button{margin-top:22px}.empty-illustration{justify-content:center;align-items:center;width:110px;height:78px;margin:auto;display:flex;position:relative}.empty-illustration:before{content:"";border:1px dashed #e0e5e8;border-radius:50%;width:90px;height:62px;position:absolute;transform:rotate(-22deg)}.empty-illustration .device-outline{background:#f8fafb;border:1.5px solid #b7c4cc;border-radius:8px;place-items:center;width:39px;height:63px;display:grid;position:relative;box-shadow:6px 8px #f1f4f5}.empty-illustration .device-outline:before{content:"";background:#bbc7ce;border-radius:3px;width:11px;height:2px;position:absolute;top:5px;left:13px}.pagination{color:#98a1a8;justify-content:space-between;align-items:center;padding:16px 3px;font-size:11px;display:flex}.page-bottom-note{color:#a2aab0;align-items:center;gap:7px;margin-top:11px;font-size:10px;display:flex}.inline-action{color:#49786a;background:0 0;border:0;padding:3px;font-size:12px}.error-region{margin-bottom:18px}.tabs{background:#f2f4f5;border-radius:10px;align-items:center;gap:5px;padding:4px;display:flex}.tabs button{color:#89939a;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;display:flex}.tabs button.active{color:#303c44;background:#fff;box-shadow:0 1px 3px #0000000c}.control-content{padding:24px 28px}.control-heading{margin-bottom:20px}.control-heading .page-heading{margin:0}.control-heading h1{font-size:21px}.control-layout{grid-template-columns:minmax(350px,1fr) 330px;gap:20px;min-height:630px;display:grid}.phone-stage{background:#f8fafb;border:1px solid #e8ecee;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:630px;padding:23px;display:flex;position:relative}.phone-stage-toolbar{color:#99a3aa;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:16px;left:18px;right:18px}.phone-shell{aspect-ratio:9/19.5;background:#fff;border:5px solid #353e44;border-radius:31px;width:min(260px,100%);margin-top:25px;position:relative;overflow:hidden;box-shadow:0 15px 35px #273e4913}.phone-screen{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:contain;pointer-events:none;width:100%;height:100%}.phone-screen .phone-empty{color:#bec7cc;background:#fcfdfd;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;font-size:11px;display:flex}.phone-empty strong{color:#8b99a3;font-size:12px;font-weight:450}.phone-scrim{text-align:center;color:#fff;pointer-events:none;background:#23323be6;border:1px solid #ffffff30;border-radius:9px;gap:4px;padding:9px;font-size:10px;display:grid;position:absolute;bottom:6px;left:6px;right:6px}.phone-scrim>svg{display:none}.phone-scrim small{color:#d3dde2;font-size:9px}.phone-bottom-actions{align-items:center;gap:20px;margin:20px 0 9px;display:flex}.phone-bottom-actions button{color:#939fa8;background:0 0;border-radius:8px;place-items:center;width:39px;height:32px;display:grid}.phone-bottom-actions button:hover{background:#e7ecef}.control-tools{background:#fff;border:1px solid #e7ebed;border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.tool-tabs{border-bottom:1px solid #edf0f2;gap:0;padding:5px 8px;display:flex;overflow:auto}.tool-tabs button{color:#9aa4ac;background:0 0;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:6px;min-width:49px;padding:12px 8px;font-size:10px;display:flex}.tool-tabs button.active{color:#416e60;border-bottom-color:#567e70}.tool-body{max-height:650px;padding:20px;overflow:auto}.tool-body h3{margin-bottom:10px;font-size:13px;font-weight:550}.tool-description{color:#99a2a9;margin-bottom:20px;font-size:11px;line-height:1.7}.tool-body .input{font-size:12px}.tool-body .empty-state{padding:45px 10px}.tool-body textarea{resize:vertical;min-height:160px;line-height:1.8}.detail-list{flex-direction:column;gap:15px;display:flex}.detail-row{justify-content:space-between;gap:15px;font-size:11px;display:flex}.detail-row dt{color:#939da5}.detail-row dd{text-align:right;overflow-wrap:anywhere;color:#55636d;max-width:185px;margin:0}.app-tile{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 4px;display:flex}.app-tile:hover{background:#f5f7f8}.app-icon{color:#7e9694;background:#eff3f3;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.app-tile strong{font-size:12px;font-weight:500;display:block}.app-tile small{color:#9da6ad;font-size:10px}.semantic-node{color:#384850;white-space:pre-wrap;word-break:break-word;pointer-events:none;background:#f9fbfb;border:1px solid #ecf0f1;border-radius:4px;justify-content:center;align-items:center;padding:2px;font-size:10px;display:flex;position:absolute;overflow:hidden}.semantic-node.actionable{color:#3c6e5b;background:#edf4f1;border-color:#cbded4}.semantic-node.editable{background:#fff;border-color:#cbd6dc;justify-content:flex-start}.semantic-node.unknown{color:#a0abb2;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 5px,#f1f4f5 5px 6px)}.control-status{color:#88959e;max-width:700px;margin:10px 0;font-size:11px;line-height:1.65}.build-layout{grid-template-columns:minmax(420px,1fr) 310px;gap:28px;max-width:1050px;display:grid}.form-panel{border:1px solid var(--line);border-radius:13px;padding:26px}.form-panel h2{margin-bottom:7px;font-size:15px;font-weight:550}.form-panel .description{color:#96a0a7;margin-bottom:26px;font-size:11px;line-height:1.7}.two-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.build-preview{background:#f8faf9;border:1px solid #e4ebe7;border-radius:13px;height:max-content;padding:26px}.app-preview{align-items:center;gap:13px;padding:20px 0 24px;display:flex}.preview-icon{color:#6c8377;background:#edf1ef;border:1px solid #dee6e1;border-radius:15px;place-items:center;width:57px;height:57px;display:grid;overflow:hidden}.preview-icon img{object-fit:cover;width:100%;height:100%}.app-preview strong{overflow-wrap:anywhere;max-width:175px;font-size:14px;font-weight:500;display:block}.app-preview small{color:#9ca9a1;margin-top:6px;font-size:11px;display:block}.step-list{flex-direction:column;gap:22px;margin:26px 0 8px;display:flex}.step-item{color:#a5ada9;align-items:center;gap:10px;font-size:11px;display:flex}.step-number{background:#fbfcfc;border:1px solid #dce5df;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.step-item.active{color:#5a7968}.file-input{color:#8d9aa3;background:#fcfdfd;border:1px dashed #dce3e7;border-radius:9px;padding:17px;font-size:11px}.file-input input{width:100%;font-size:11px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-title h2{font-size:15px;font-weight:550}.section-gap{margin-top:30px}.build-list-card{border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:16px}.progress-stages{gap:5px;margin:15px 0;display:flex}.progress-stage{background:#edf0f1;border-radius:3px;flex:1;height:3px}.progress-stage.done{background:#89a997}.code-block{white-space:pre-wrap;overflow-wrap:anywhere;color:#6b7780;background:#f7f8f9;border:1px solid #eaedef;border-radius:8px;max-height:350px;padding:12px;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c25294d;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #eaedef;border-radius:16px;width:440px;max-width:100%;max-height:90dvh;padding:26px;overflow:auto;box-shadow:0 20px 90px #1a25232b}.modal.wide{width:620px}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal-heading h2{letter-spacing:-.4px;font-size:18px;font-weight:550}.modal .notice{margin-bottom:18px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.toast{z-index:120;color:#486758;background:#fff;border:1px solid #dce4df;border-radius:10px;align-items:center;gap:9px;max-width:calc(100vw - 50px);padding:12px 20px;font-size:12px;display:flex;position:fixed;bottom:26px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 5px 22px #1c403c1c}.toast.error{color:#a4404b;border-color:#edd3d7}.selection-bar{background:#edf4f0;border:1px solid #dbe9e1;border-radius:9px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 13px;font-size:12px;display:flex}.sms-item{border-bottom:1px solid var(--line);padding:13px 0}.sms-item p{color:#586873;white-space:pre-wrap;margin-top:8px;font-size:12px;line-height:1.7}.sms-item small{color:#9ba6ad;font-size:10px}.desktop-hint,.mobile-menu{display:none}@media (width>=1650px){.content{padding-top:43px}.phone-shell{width:282px}}@media (width<=1250px){.sidebar{width:196px}.workspace{margin-left:196px}.content{padding:28px}.topbar{padding:0 28px}.control-layout{grid-template-columns:minmax(280px,1fr) 300px}.control-content{padding:22px}.control-tools .tool-body{padding:16px}.toolbar{flex-direction:column;align-items:flex-start}.build-layout{grid-template-columns:minmax(340px,1fr) 260px}.build-preview{padding:20px}.stat{min-width:100px;padding:0 24px}.toast{left:calc(50% + 80px)}}@media (width<=1000px){.sidebar{width:72px;padding:25px 10px 12px}.sidebar .brand{padding:0 8px 24px}.brand-word,.workspace-label,.nav-item span,.sidebar-help,.account-info,.account-chevron{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:after{display:none}.account-button{justify-content:center;padding:8px 0}.workspace{margin-left:72px}.topbar-right .region-hint{display:none}.build-layout{grid-template-columns:1fr}.build-preview{display:none}.control-layout{grid-template-columns:1fr 285px}.content{padding:25px 24px}.toast{left:calc(50% + 36px)}}@media (width<=750px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:57px;padding:0 18px}.mobile-menu{display:inline-flex}.content{padding:24px 18px}.page-heading{gap:12px;margin-bottom:25px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.toolbar,.search-field{width:100%}.toolbar-filters{gap:6px;width:100%}.filter-select{flex:1;min-width:110px}.stats-row{padding-bottom:19px;overflow:auto}.stat{min-width:100px;padding:0 20px}.stat-value{font-size:21px}.topbar-right{gap:10px;font-size:10px}.two-cols{grid-template-columns:1fr;gap:0}.phone-stage{min-height:500px}.control-layout{grid-template-columns:1fr}.control-tools{min-height:250px}.desktop-hint{display:block}.control-heading .page-heading{flex-direction:column}.control-heading .tabs{margin-top:16px}.table-wrap{border-radius:9px}.auth-brand{top:25px;left:24px}.auth-card h1{font-size:28px}.form-panel{padding:22px}.toast{left:50%}.modal{padding:22px}.sidebar.open{width:224px;display:flex;box-shadow:15px 0 40px #0002}.sidebar.open .brand-word,.sidebar.open .workspace-label,.sidebar.open .nav-item span,.sidebar.open .account-info{display:block}.sidebar.open .nav-item{justify-content:flex-start;padding:0 13px}.sidebar.open .account-button{justify-content:flex-start;gap:10px}.sidebar.open .brand{padding-left:11px}.pagination{font-size:10px}.phone-shell{width:230px}}.enrollment-summary{color:#52645a;background:#f8fbf9;border:1px solid #e5ece8;border-radius:10px;margin-top:16px;padding:14px 16px}.enrollment-summary strong{font-size:12px;font-weight:500}.enrollment-summary .muted{margin:10px 0 0;line-height:1.7}.enrollment-facts{color:#839087;flex-wrap:wrap;gap:8px 24px;margin-top:11px;font-size:11px;display:flex}.enrollment-facts strong{color:#586960;margin-left:5px}.enrollment-summary .inline-action:disabled{opacity:.55;cursor:wait}.dual-control .control-heading>.inline-action{color:#7c8a91;margin-bottom:12px;font-size:11px}.dual-control .control-heading h1{font-size:23px}.device-note{color:#859299;margin-left:14px;font-size:12px;font-weight:400}.dual-toolbar{background:#fafcfb;border:1px solid #e5eae8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px;padding:13px 16px;display:flex}.dual-session-state{color:#829088;flex-wrap:wrap;justify-content:flex-end;gap:7px 16px;font-size:10px;line-height:1.7;display:flex}.dual-control-layout{grid-template-columns:minmax(490px,1fr) 294px;align-items:start;gap:18px;display:grid}.dual-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.observation-pane{background:#f7f9f8;border:1px solid #e3e9e6;border-radius:14px;min-width:0;overflow:hidden}.pane-heading{color:#637a6f;border-bottom:1px solid #e7ece9;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.pane-heading h2{color:#34483d;margin:0;font-size:12px;font-weight:550}.pane-switch{background:#ccd4cf;border-radius:20px;width:31px;height:18px;padding:2px;transition:background .16s;position:relative}.pane-switch>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .16s;display:block;box-shadow:0 1px 3px #0002}.pane-switch.on{background:#537a66}.pane-switch.on>span{transform:translate(13px)}.pane-switch:disabled{opacity:.5}.dual-phone-stage{justify-content:center;align-items:flex-start;min-height:400px;padding:22px 12px 12px;display:flex}.dual-phone-stage .phone-shell{border:4px solid #35413b;border-radius:25px;width:min(265px,100%);margin:0;box-shadow:0 12px 22px #2e483c12}.semantic-canvas{background:#f4f6f5;width:100%;height:100%;position:relative}.dual-control .semantic-node{color:#293d33;background:#fff;border-color:#dbe4df;border-radius:2px;font-size:10px;line-height:1.35}.dual-control .semantic-node.container{background:0 0;border:0}.dual-control .semantic-node.actionable{color:#315f45;background:#edf5f0;border-color:#bed3c6}.semantic-legend{color:#819087;text-align:center;pointer-events:none;background:#fff9;border-radius:4px;font-size:7px;line-height:1.5;position:absolute;bottom:3px;left:4px;right:4px}.pane-status{color:#8a918d;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px 10px;font-size:10px;line-height:1.7;display:flex}.pane-status.ready{color:#426f53}.pane-status .status-dot{background:currentColor}.pane-note{color:#738477;padding:0 12px 12px;font-size:10px;line-height:1.6}.pane-note.error{color:#aa6857}.dual-control .control-tools{min-width:0}.dual-control .tool-body{max-height:650px;padding:18px}.dual-control .tool-tabs{padding-left:4px;padding-right:4px}.dual-control .tool-tabs button{min-width:45px;padding:12px 6px}.dual-control .tool-description{color:#809087}.command-history{background:#fff;border:1px solid #e5eae7;border-radius:12px;margin-top:20px;padding:18px 20px}.command-history h3{margin:0;font-size:12px;font-weight:550}.command-history>p{margin:16px 0 0}.command-row{color:#829089;border-bottom:1px solid #eff2f0;align-items:center;gap:10px;padding:10px 0;font-size:11px;line-height:1.7;display:flex}.command-row:last-child{border-bottom:0}.command-row>strong{color:#4d6656;min-width:63px;font-weight:500}.command-row>small{color:#acb4af;margin-left:auto;font-family:monospace}.command-row[data-command-status=FAILED],.command-row[data-command-status=REJECTED]{color:#a26a59}.legacy-notice{color:#826d45;margin:20px 28px 0;font-size:12px}@media (width>=1700px){.dual-phone-stage .phone-shell{width:295px}}@media (width<=1250px){.dual-control-layout{grid-template-columns:minmax(440px,1fr) 265px}.dual-panes{gap:10px}.dual-control .tool-tabs button{min-width:40px}.dual-control .tool-body{padding:14px}.dual-session-state{max-width:260px}.pane-heading{padding:13px 11px}}@media (width<=1100px){.dual-control-layout{grid-template-columns:1fr}.dual-control .control-tools .tool-tabs button{min-width:70px}.dual-control .tool-body{max-height:390px}.dual-panes{gap:18px}.dual-phone-stage .phone-shell{width:245px}.dual-phone-stage{min-height:0}}@media (width<=750px){.dual-toolbar{flex-direction:column;align-items:flex-start}.dual-session-state{justify-content:flex-start;max-width:none}.dual-panes{gap:9px}.pane-heading{padding:10px 7px}.pane-heading .row{gap:5px}.pane-heading h2{font-size:10px}.pane-heading svg{width:13px}.dual-phone-stage{padding:14px 6px 8px}.dual-phone-stage .phone-shell{border-width:3px;border-radius:19px}.pane-status{font-size:9px}.command-history{padding:14px}.command-history>header{align-items:start;gap:10px}.command-row{font-size:10px}.dual-control .semantic-node{font-size:8px}}