:root{--bg:#f3f5f7;--surface:#fff;--ink:#1d2733;--muted:#788493;--line:#e5e9ee;--nav:#18222d;--nav-soft:#263341;--mint:#18b981;--mint-dark:#0a9067;--amber:#e9a23b;--red:#e05e63;--shadow:0 10px 30px rgba(31,45,61,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.demo-shell{min-height:100vh;display:flex}.sidebar{width:236px;background:var(--nav);color:#c9d2db;display:flex;flex-direction:column;flex-shrink:0;padding:22px 14px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px;color:#fff}.brand-mark{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:#0c4438;font-weight:800;font-size:17px}.brand strong{font-size:17px;letter-spacing:.3px;display:block}.brand small,.sidebar-footer small{display:block;color:#82909d;font-size:11px;margin-top:3px}.environment{margin:0 7px 24px;padding:9px 11px;border:1px solid #334251;border-radius:7px;color:#aab7c2;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:6px;vertical-align:1px}.env-tag{float:right;color:#62d4ab;font-size:10px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aeb9c4;text-align:left;border-radius:7px;padding:11px 12px}.nav-item:hover{background:#22303d;color:#fff}.nav-item.active{background:var(--nav-soft);color:#fff;box-shadow:inset 3px 0 var(--mint)}.nav-icon{width:20px;text-align:center;font-size:18px;color:#8e9dab}.active .nav-icon{color:#74dfb9}.sidebar-footer{margin-top:auto;border-top:1px solid #2c3946;padding:16px 6px 0;display:flex;align-items:center;gap:9px}.sidebar-footer strong{display:block;color:#eef3f6;font-size:13px}.admin-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d8f4eb;color:#168c68;font-weight:700;font-size:12px}.icon-button{border:0;background:transparent;color:#91a0ad;font-size:21px;line-height:1;padding:4px}.sidebar-footer .icon-button{margin-left:auto}.main-content{flex:1;min-width:0;padding:31px clamp(18px,3vw,44px) 50px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.eyebrow{color:var(--mint-dark);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 5px}.topbar h1{font-size:27px;letter-spacing:-.4px;margin:0}.topbar-actions{display:flex;align-items:center;gap:15px}.sync-label{font-size:12px;color:var(--muted)}.ghost-button,.outline-button,.primary-button,.admin-button{border-radius:6px;padding:9px 13px;border:1px solid transparent;background:transparent;color:var(--ink)}.ghost-button:hover,.outline-button:hover{background:#eef4f2}.outline-button{border-color:#cdd8d6;background:#fff}.primary-button{background:var(--mint);color:#073c2d;font-weight:700;box-shadow:0 3px 9px rgba(24,185,129,.18)}.primary-button:hover{background:#13aa76}.admin-button{display:flex;align-items:center;gap:7px;border-color:var(--line);background:#fff}.admin-avatar.small{width:24px;height:24px;font-size:11px}.view{display:none}.view.active{display:block}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 17px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);min-width:0}.metric-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:17px}.metric-icon.green{background:#e2f7ef;color:#0e9f6f}.metric-icon.amber{background:#fff1dc;color:#c77d15}.metric-icon.red{background:#fee5e5;color:#ce4c58}.metric-icon.slate{background:#e8edf2;color:#667687}.metric b{display:block;font-size:21px;line-height:1.05}.metric small{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap}.metric em{margin-left:auto;font-size:11px;color:var(--muted);font-style:normal;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:10px;margin:17px 0 13px;flex-wrap:wrap}.search-field{height:38px;width:235px;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 11px;gap:7px;color:#9ba7b1}.search-field input{border:0;outline:0;width:100%;color:var(--ink);background:transparent}.filter-group{display:flex;background:#e8ecef;border-radius:7px;padding:3px;gap:2px}.filter{background:transparent;border:0;color:#697681;border-radius:5px;padding:7px 9px;font-size:12px}.filter.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px rgba(20,40,60,.1)}.filter b{font-size:10px;color:#98a4ad;margin-left:3px}.toolbar>.outline-button{margin-left:auto}.selection-bar{background:#e9f8f3;border:1px solid #c7ebdf;border-radius:6px;padding:9px 12px;margin:4px 0 13px;color:#176b54}.selection-bar strong{margin-left:3px}.selection-hint{color:#59927f;margin-left:14px;font-size:12px}.text-button{border:0;background:transparent;color:#0c966b;margin-left:10px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:15px}.device-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.device-card:hover{transform:translateY(-2px);border-color:#b7dacf}.device-card.selected{border:2px solid var(--mint)}.device-shot{height:217px;background:#d9e1e1;position:relative;overflow:hidden}.device-shot img{width:100%;height:100%;object-fit:cover}.device-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,27,34,.2),transparent 30%,rgba(13,20,25,.63));pointer-events:none}.device-check{position:absolute;z-index:1;top:10px;left:10px;width:19px;height:19px;border:1px solid rgba(255,255,255,.8);border-radius:5px;background:rgba(25,37,43,.38);accent-color:var(--mint)}.shot-age{position:absolute;z-index:1;right:10px;top:10px;padding:4px 6px;border-radius:4px;color:#fff;font-size:10px;background:rgba(24,33,39,.55)}.device-caption{padding:12px 13px}.device-name-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.device-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-sub{font-size:11px;color:#8a96a0;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state{font-size:11px;padding:3px 6px;border-radius:4px;white-space:nowrap}.state.online{background:#e3f7ef;color:#078e64}.state.busy{background:#fff1df;color:#a46715}.state.waiting{background:#fff0e8;color:#bd6843}.state.offline{background:#edf0f2;color:#7c8790}.device-task{border-top:1px solid #edf0f1;margin-top:10px;padding-top:9px;color:#52616c;font-size:11px;display:flex;gap:5px}.device-task b{font-weight:500;color:#84919b}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:22px;margin:0 0 5px}.section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.task-table,.runs-table{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 140px;align-items:center;gap:15px;padding:15px 18px;border-bottom:1px solid #edf0f1}.table-row:last-child{border-bottom:0}.table-head{background:#f8fafb;color:#89959e;font-size:11px;padding-top:11px;padding-bottom:11px}.table-row strong{display:block}.table-row small{display:block;color:var(--muted);margin-top:4px}.task-state{font-size:11px;color:#0a9067;background:#e4f7ef;border-radius:4px;padding:4px 7px;display:inline-block}.task-state.draft{color:#9b6a20;background:#fff3dd}.row-actions{text-align:right}.row-actions button{font-size:12px;margin-left:4px}.group-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.group-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.group-card h3{margin:0 0 7px}.group-card p{color:var(--muted);margin:0 0 17px;font-size:12px}.member-stack{display:flex;align-items:center}.member-stack span{width:29px;height:29px;border-radius:50%;border:2px solid #fff;background:#dcebe7;color:#0b8060;display:grid;place-items:center;font-size:10px;margin-left:-7px}.member-stack span:first-child{margin-left:0}.group-card button{float:right;margin-top:-33px}.task-drawer{position:fixed;z-index:20;right:0;top:0;width:min(510px,100vw);height:100vh;background:#fff;box-shadow:-12px 0 36px rgba(24,39,53,.18);display:flex;flex-direction:column}.task-drawer[hidden],.drawer-backdrop[hidden]{display:none}.drawer-backdrop{position:fixed;z-index:19;inset:0;background:rgba(17,26,34,.36)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 27px 17px;border-bottom:1px solid var(--line)}.drawer-header h2{margin:0;font-size:22px}.drawer-body{padding:23px 27px;overflow:auto}.field-label{display:block;color:#65737f;font-size:12px;font-weight:700;margin-bottom:16px}.field-label input,.field-label select{display:block;width:100%;margin-top:7px;border:1px solid #d9e1e4;border-radius:6px;padding:10px 11px;color:var(--ink);background:#fff;outline-color:#8bdbc1}.editor-heading{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:flex-start;justify-content:space-between}.editor-heading h3{margin:0;font-size:15px}.editor-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.step-list{display:grid;gap:9px;margin-top:14px}.step-card{border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:#fbfcfc;display:flex;align-items:center;gap:10px}.step-index{width:22px;height:22px;border-radius:6px;background:#e5f5ef;color:#05855e;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.step-card.dragging{opacity:.5}.step-card strong{font-size:12px}.step-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.step-type{font-size:10px;color:#8a969e;margin-left:auto}.step-menu{border:0;background:transparent;color:#9aa6ad;font-size:17px}.validation-note{display:flex;gap:10px;margin-top:18px;padding:12px;border-radius:6px;background:#effaf6;color:#1e735d}.validation-note>span{font-size:17px}.validation-note strong{font-size:12px}.validation-note p{font-size:11px;margin:4px 0 0;color:#629184}.drawer-footer,.dialog-footer{border-top:1px solid var(--line);padding:15px 27px;display:flex;justify-content:flex-end;gap:7px;margin-top:auto}.assign-dialog{border:0;border-radius:10px;width:min(530px,calc(100vw - 30px));padding:0;box-shadow:0 20px 60px rgba(17,31,45,.25);color:var(--ink)}.assign-dialog::backdrop{background:rgba(17,26,34,.45)}.dialog-header{padding:22px 24px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog-header h2{margin:0;font-size:20px}.dialog-content{padding:20px 24px}.target-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px}.target-heading h3{font-size:14px;margin:0}.target-heading span{font-size:12px;color:var(--mint-dark)}.target-list{display:grid;gap:7px;max-height:240px;overflow:auto}.target-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:10px}.target-item input{accent-color:var(--mint)}.target-item small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.target-state{margin-left:auto;font-size:10px;color:#0a9067}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#1c2b36;color:#fff;padding:11px 16px;border-radius:6px;box-shadow:var(--shadow);transition:.22s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.sidebar{width:68px;padding:18px 9px}.brand{padding:0 9px 24px}.brand>div,.environment,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-icon{font-size:19px}.sidebar-footer>div:nth-child(2),.sidebar-footer .icon-button{display:none}.sidebar-footer{justify-content:center}.main-content{padding:24px 18px}.overview-strip{grid-template-columns:repeat(2,1fr)}.topbar-actions .sync-label,.topbar-actions .ghost-button span{display:none}.device-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.group-layout{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.overview-strip{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:11px}.metric em{display:none}.toolbar>.outline-button{margin-left:0}.search-field{width:100%}.filter-group{overflow:auto;max-width:100%}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-shot{height:180px}.device-caption{padding:9px}.device-name{font-size:12px}.state{font-size:9px}.table-row{grid-template-columns:1fr 80px;padding:13px}.table-row> :nth-child(3){display:none}.row-actions{text-align:right}.group-layout{grid-template-columns:1fr}.task-drawer{width:100%}}
/* Interactive demo workspace */
.sidebar{min-height:100vh;position:sticky;top:0;height:100vh}.device-shot{height:auto;aspect-ratio:9/17;background:#19222a}.device-shot img{object-fit:contain}.device-shot:after{background:linear-gradient(180deg,rgba(16,27,34,.2),transparent 22%,rgba(13,20,25,.2))}.device-check{cursor:pointer}.metric em{font-size:10px}.metric b{font-variant-numeric:tabular-nums}.device-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.task-drawer{width:calc(100vw - 180px);max-width:1500px}.drawer-header{padding:20px 25px 15px}.task-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 25px 0;background:#fff;border-bottom:1px solid var(--line)}.task-meta .field-label{margin-bottom:14px}.editor-workspace{display:grid;grid-template-columns:185px minmax(260px,1fr) 280px;min-height:0;flex:1}.action-library{padding:19px 13px;background:#fbfcfc;border-right:1px solid var(--line);overflow:auto}.pane-title{font-size:13px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:17px}.pane-title span{font-size:10px;font-weight:400;color:var(--muted)}.library-group{font-size:10px;letter-spacing:.8px;color:#88959e;padding:13px 5px 7px}.library-action{display:flex;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:6px;background:#fff;width:100%;padding:10px 9px;margin:0 0 6px;color:#42535f;font-size:12px}.library-action:hover{border-color:#78cbb1;background:#edf9f4}.action-glyph{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#e8f5ef;color:#158d66}.library-footnote{color:#88969f;font-size:11px;line-height:1.8;margin:20px 5px}.step-workspace{overflow:auto;padding:20px 23px;background:#f5f7f9}.editor-heading{border:0;padding:0}.editor-heading h3 span{color:var(--muted);font-size:11px;margin-left:5px}.parameter-panel{border-left:1px solid var(--line);padding:19px 17px;overflow:auto}.step-card{position:relative;background:#fff;cursor:pointer;transition:border-color .15s}.step-card:hover{border-color:#9fbdaf}.step-card.active{border:1px solid #18b981;box-shadow:0 0 0 2px #18b98114}.step-actions{display:flex;gap:2px;margin-left:auto}.step-actions button{border:0;background:transparent;color:#94a2ab;padding:3px;font-size:13px}.step-actions button:hover{color:#078f66;background:#e4f6ee}.step-actions button:disabled{opacity:.3}.step-main{min-width:0}.step-main strong,.step-main small{overflow-wrap:anywhere}.step-drop-indicator{border-top:3px solid var(--mint)}.step-children{border-left:2px solid #b7decf;margin:0 0 5px 23px;padding:7px 0 2px 15px;display:grid;gap:8px}.child-add{padding:7px;border:1px dashed #a9cdbf;color:#459c7d;background:transparent;border-radius:5px;text-align:left;font-size:11px}.step-empty{border:1px dashed #bfcfd1;border-radius:8px;text-align:center;padding:38px 15px;color:#82939c;line-height:1.9}.inspector-type{font-size:11px;color:#18a77a;background:#e8f8f1;display:inline-block;padding:4px 7px;border-radius:4px;margin-bottom:13px}.parameter-panel .field-label{margin-top:13px;font-size:11px}.parameter-panel input,.parameter-panel select{font-size:12px;padding:9px}.parameter-panel textarea{width:100%;border:1px solid #d9e1e4;border-radius:5px;padding:8px;margin-top:7px;resize:vertical;font:inherit}.field-help{font-size:11px;line-height:1.7;color:#81919b;margin:7px 0 15px}.inline-toggle{display:flex;gap:8px;align-items:center;font-size:12px;margin:15px 0;color:#53656f}.inline-toggle input{accent-color:var(--mint)}.validation-note.invalid{background:#fff0e9;color:#ad5735}.validation-note p{white-space:pre-line}.inline-error{font-size:12px;color:#c85c5c;min-height:16px}.empty-table{padding:35px;text-align:center;color:var(--muted)}button:disabled{cursor:not-allowed}.target-item:has(input:disabled){background:#f7f9fa;color:#909ca5}.target-state.unavailable{color:#a47a5f}.assignment-hint{padding:12px;background:#f4f8f6;font-size:12px;color:#687e73;line-height:1.7;border-radius:6px}.assign-group-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.assign-group-row button{font-size:11px;padding:6px 8px}.device-dialog{padding:0;border:0;border-radius:11px;width:min(950px,94vw);box-shadow:var(--shadow)}.device-dialog::backdrop,.login-dialog::backdrop{background:#14233070}.detail-content{padding:22px;display:grid;grid-template-columns:220px 1fr;gap:22px}.detail-current{width:100%;border-radius:7px;background:#18232b}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 20px}.detail-meta div{border-bottom:1px solid var(--line);padding-bottom:10px}.detail-meta small{display:block;color:var(--muted);margin-bottom:6px}.detail-meta strong{font-size:12px}.history-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.history-item{padding:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.history-item img{width:100%;display:block;aspect-ratio:9/17;object-fit:contain;background:#17222b}.history-item span{font-size:9px;color:#7e8b95;display:block;padding:5px 1px}.device-detail-note{font-size:11px;color:#87969e;line-height:1.8}.device-control-row{display:flex;gap:7px;margin:18px 0}.login-dialog{width:380px;max-width:92vw;border:0;border-radius:12px;padding:32px;color:var(--ink)}.login-brand{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:26px}.login-dialog h2{font-size:21px}.login-dialog>p,.login-dialog>small{color:var(--muted);font-size:12px;line-height:1.8}.login-dialog form{margin:24px 0}.login-dialog form button{width:100%}.step-name-input{font-weight:600}.runs-table .table-row{grid-template-columns:2fr 1.2fr .8fr 145px}.task-version-note{font-size:10px;color:#87979f}.group-card select{width:100%;border:1px solid var(--line);border-radius:5px;padding:8px;font:inherit;margin-top:15px}.group-editor{margin-top:15px;padding-top:10px;border-top:1px solid var(--line)}.group-member-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px}.group-member-row select{width:100px;margin:0;font-size:11px;padding:4px}.demo-disclaimer{font-size:11px;color:#83929e;margin-top:16px}.drawer-header .eyebrow{letter-spacing:.5px}.history-item.active{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}
@media(max-width:1100px){.task-drawer{width:calc(100vw - 75px)}.editor-workspace{grid-template-columns:145px minmax(220px,1fr) 235px}.step-workspace{padding:18px 14px}.library-action{font-size:11px}.topbar-actions{gap:7px}}
@media(max-width:760px){.task-drawer{width:100vw}.editor-workspace{grid-template-columns:120px minmax(0,1fr)}.parameter-panel{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;max-height:230px}.action-library,.step-workspace{max-height:48vh}.task-meta{gap:9px;padding:12px 15px 0}.detail-content{grid-template-columns:140px 1fr}.history-grid{grid-template-columns:repeat(3,1fr)}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-shot{aspect-ratio:9/17;height:auto}.drawer-footer{padding:12px}.sync-label{display:none}.runs-table .table-row{grid-template-columns:1.8fr 1fr 100px}.runs-table .table-row>:nth-child(3){display:none}.detail-meta{grid-template-columns:1fr}.selection-hint{display:none}}
/* Real panel additions; the reviewed visual baseline above is a standalone copy. */
[hidden]{display:none!important}button:disabled{opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}select{border:1px solid var(--line);border-radius:6px;padding:9px;color:var(--ink);background:#fff;max-width:100%}.inline-error{overflow-wrap:anywhere}.mono{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.danger{color:#bd4d58!important}.real-dialog{max-height:94vh;overflow:auto}.real-dialog .dialog-content{min-width:0}.device-name.text-button{margin:0;padding:0;text-align:left;color:var(--ink)}.device-shot .shot-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#9eafb9;text-align:center;font-size:12px;line-height:1.8}.device-shot img{position:relative;z-index:1;display:block}.device-check,.shot-age{z-index:3}.shot-open{position:absolute;inset:0;background:transparent;border:0;z-index:2}.device-shot:after{z-index:1}.pending{display:block;color:#ad751f;line-height:1.6;margin-top:7px;font-size:11px;overflow-wrap:anywhere}.command-buttons{display:flex;gap:5px;flex-wrap:wrap}.command-buttons button{font-size:11px;padding:6px 9px}.inline-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.group-card button{float:none;margin:0}.membership-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border-bottom:1px solid var(--line)}.membership-row small{display:block;color:var(--muted);margin-top:5px}.membership-row select{min-width:180px}.result-item{border-top:1px solid var(--line);padding:13px 0;display:grid;gap:6px}.device-profile{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:28px}.detail-meta{overflow-wrap:anywhere}.detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 9px}.history-preview{text-align:center;background:#f5f7f8;padding:12px;border-radius:8px}.history-preview img{height:390px;max-width:100%;object-fit:contain;background:#17222b}.history-preview p{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.real-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin-top:14px}.history-loading{aspect-ratio:9/17;display:grid;place-items:center;color:var(--muted);padding:8px;overflow-wrap:anywhere}.history-item{cursor:pointer}.history-item span{line-height:1.6}.telemetry-entry{border:1px solid var(--line);border-radius:5px;padding:12px;margin-top:8px}.telemetry-entry summary{cursor:pointer}.telemetry-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font-size:12px}.real-statistics-filters{background:#fff;border:1px solid var(--line);padding:20px;border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px 15px}.real-statistics-filters .field-label{margin:0}.real-statistics-filters .inline-actions{align-self:end;padding-bottom:3px}.real-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.real-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.real-table th{background:#f8fafb;color:var(--muted);font-weight:500}.real-table th,.real-table td{padding:14px 16px;border-bottom:1px solid var(--line)}.real-table td small{display:block;color:var(--muted);margin-top:5px}.real-table td.mono{white-space:normal;min-width:130px;max-width:240px}.pagination{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:20px}.editor-dialog{width:min(1500px,calc(100vw - 60px));max-width:calc(100vw - 20px);height:94vh;max-height:94vh;display:flex;flex-direction:column}.editor-dialog>.dialog-header{flex-shrink:0}.editor-dialog>.dialog-content{display:flex;flex-direction:column;padding:0;flex:1;min-height:0;overflow:hidden}.editor-dialog .task-meta{flex-shrink:0}.editor-dialog .task-meta .field-label{margin-bottom:8px}.editor-dialog .task-meta>div>.text-button{margin:0 0 10px;padding:0}.editor-dialog .editor-workspace{grid-template-columns:180px minmax(260px,1fr) 300px;overflow:hidden;min-height:0}.editor-dialog .editor-footer{display:flex;align-items:center;gap:10px;flex-shrink:0;border-top:1px solid var(--line);padding:12px 22px}.editor-footer>div{flex:1;min-width:0}.editor-footer p{margin:5px 0 0;max-height:60px;overflow:auto}.editor-footer>div>span{font-size:11px;color:var(--muted)}.editor-footer>button{white-space:nowrap}.node-block{min-width:0}.branch-label{font-size:10px;color:#719184}.step-main{flex:1}.step-actions{flex-shrink:0}.step-actions button{font-size:16px;padding:5px}.node-id{font-size:9px;color:#9aa7af}.ocr-target{border:1px solid var(--line);background:#fafcfc;border-radius:7px;padding:0 10px 11px;margin-bottom:10px}.parameter-panel h4{margin:14px 0 7px;font-size:12px}.json-document{margin-top:24px;color:#7c8d97;font-size:11px}.json-document summary{cursor:pointer}.json-document textarea{display:block;width:100%;font:11px/1.6 Consolas,monospace;border:1px solid var(--line);padding:10px;margin:10px 0;resize:vertical}.validation-note{white-space:pre-line;font-size:11px;line-height:1.7}.sidebar .nav-item span:last-child{font-size:14px}
@media(max-width:1100px){.editor-dialog .editor-workspace{grid-template-columns:145px minmax(220px,1fr) 250px}.real-statistics-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:900px){.sidebar .nav-item span:last-child{display:none}.sidebar .nav-item{padding:12px 0}.sidebar-footer .icon-button{display:block}.sidebar-footer{flex-wrap:wrap}.editor-dialog{width:calc(100vw - 20px)}}
@media(max-width:760px){.editor-dialog .editor-workspace{display:flex;flex-direction:column;overflow:auto}.editor-dialog .action-library{max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:10px}.editor-dialog .action-library .pane-title,.editor-dialog .library-footnote{display:none}.editor-dialog #actionLibrary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.editor-dialog .library-action{padding:6px;margin:0;font-size:10px}.editor-dialog .action-library .field-label{margin:0 0 8px}.editor-dialog .step-workspace,.editor-dialog .parameter-panel{max-height:none;overflow:visible;flex-shrink:0}.editor-dialog .step-workspace{min-height:180px}.editor-dialog .editor-footer{padding:10px;flex-wrap:wrap}.editor-footer>div{flex-basis:100%}.editor-dialog .task-meta{padding:12px}.device-profile{grid-template-columns:1fr}.real-statistics-filters{grid-template-columns:1fr}.main-content{padding:22px 12px}.topbar h1{font-size:22px}.membership-row{gap:8px}.membership-row select{min-width:120px}.real-dialog .dialog-content{padding:16px}.editor-dialog .dialog-content{padding:0}.history-preview img{height:320px}.sidebar{width:55px;padding:16px 5px}.brand{padding:0 5px 20px}}
.app-picker{border:1px solid #d9e1e4;border-radius:6px;background:#fff;margin:7px 0 12px;position:relative}.app-picker>summary{list-style:none;cursor:pointer;padding:10px 11px;font-size:12px;font-weight:500;color:var(--ink);display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.app-picker>summary::-webkit-details-marker{display:none}.app-picker-content{padding:10px;border-top:1px solid var(--line)}.app-search{width:100%;padding:9px;border:1px solid var(--line);border-radius:5px;font:inherit;font-size:12px}.app-options{max-height:180px;overflow:auto;margin-top:8px}.app-option{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:5px}.app-option>button:first-child{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:9px 3px;color:var(--ink)}.app-option strong{font-size:12px;font-weight:500}.app-option small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.app-option:hover{background:#f0faf6}.app-remove{border:0;background:transparent;color:#9aa5af;font-size:18px;padding:6px}.app-remove:hover{color:#c34c58}.app-inline-add>summary{cursor:pointer;color:var(--mint-dark);font-weight:500;font-size:12px;padding:12px 0 2px}.app-inline-add .field-label{margin-top:8px;margin-bottom:8px}.task-meta .app-picker-content{max-height:350px;overflow:auto}.task-meta:has(.app-picker[open]){max-height:50vh;overflow:auto}.launch-app-picker .app-picker-content{padding:8px}.launch-app-picker .app-search{font-size:11px}