@charset "UTF-8";
:root{--bg:#f4f6f4;--panel:#fff;--ink:#202e2c;--muted:#7b8581;--line:#e4e9e5;--green:#216d52;--green-hover:#19563f;--green-soft:#e9f3ed;--amber:#9d7123;--red:#b5483e;--radius:15px;--shadow:0 4px 18px #203a2c05;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h2{font-size:14px;font-weight:650}input,select,textarea{width:100%;min-width:0;border:1px solid #dce3dd;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#9aa29e}input:focus,select:focus,textarea:focus{border-color:#4a8c70;box-shadow:0 0 0 3px #216d5210}textarea{resize:vertical;min-height:72px;max-height:250px}input:disabled,textarea:disabled,select:disabled{background:#f5f7f5;color:#939b96}button:focus-visible,a:focus-visible{outline:3px solid #87b49d;outline-offset:3px}label{display:block;font-weight:550;font-size:12px;margin-bottom:7px}fieldset{border:0;padding:0;margin:0;min-width:0}small{font-size:11px}strong{font-weight:650}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-size:11px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;color:var(--green)}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;border:1px solid transparent;border-radius:8px;min-height:41px;padding:10px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:var(--green-hover);border-color:var(--green-hover)}.secondary{background:#fff;border-color:#dce4de;color:#375246}.secondary:hover:not(:disabled){background:#f1f6f2;border-color:#b9cbbc}.quiet{background:transparent;border-color:var(--line);color:#6d7871}.quiet:hover:not(:disabled){background:#edf1ed}.small-button{min-height:36px;padding:8px 12px}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#808b85;width:32px;height:32px;flex-shrink:0;border-radius:7px}.icon-button:hover:not(:disabled){background:#e8eee9;color:var(--green)}.text-button{background:none;border:0;color:var(--muted);padding:4px;font-size:12px}.text-button:hover{color:var(--green)}.form-error{color:var(--red);font-size:12px;margin-top:10px;overflow-wrap:anywhere}.empty-note{color:#8a948d;font-size:12px;line-height:1.75;padding:10px 0}.notice{border:1px solid #dce6df;background:#edf4ef;color:#577462;padding:12px 15px;font-size:12px;border-radius:9px;margin-bottom:16px;overflow-wrap:anywhere}.error-notice{background:#fff1ed;border-color:#f0d9d2;color:#9c4d42}
.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:11vw;padding:50px;background:radial-gradient(ellipse at 75% 40%,#e4eee4 0%,#f4f6f1 60%)}.brand-mark{display:inline-flex;justify-content:center;align-items:center;background:#234d3b;color:#fff;width:51px;height:51px;border-radius:13px;font-weight:700;font-size:31px;line-height:1;font-family:Georgia,serif}.brand-mark span{color:#a6c196}.brand-mark.small{width:36px;height:36px;font-size:25px;border-radius:9px}.boot-card{text-align:center}.boot-card p{margin:20px;color:var(--muted)}.login-card{width:370px;position:relative;z-index:1}.login-card>.eyebrow{margin:30px 0 18px}.login-card h1{font-size:40px;line-height:1.4;font-weight:550;letter-spacing:-1.5px}.login-description{margin:19px 0 32px;color:#819084;font-size:13px;line-height:1.9;max-width:340px}.login-submit{width:100%;justify-content:space-between;margin-top:15px;min-height:45px}.login-footnote{display:flex;align-items:center;gap:7px;color:#8c978d;font-size:10px;margin-top:23px}.login-footnote .icon{width:13px;height:13px}.login-art{width:390px;height:390px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #cfddcf;border-radius:50%;width:390px;height:390px}.ring-two{width:490px;height:490px;border-style:dashed;opacity:.6}.art-browser{width:325px;height:238px;background:#fafcf8;border:1px solid #ccd9c9;border-radius:12px;box-shadow:16px 25px 50px #41624912;transform:rotate(-5deg)}.art-toolbar{height:34px;display:flex;gap:5px;align-items:center;padding:0 13px;border-bottom:1px solid #e1e9dd}.art-toolbar i{width:5px;height:5px;border-radius:50%;background:#c6d2bf}.art-toolbar span{margin-left:20px;width:170px;height:12px;border:1px solid #e1e8dc;border-radius:4px}.art-page{height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.art-monogram{font:bold 55px Georgia,serif;color:#315d44}.art-monogram span{color:#94ab79}.art-line{margin-top:12px;width:105px;height:5px;background:#e1e8d9;border-radius:3px}.art-line.short{margin-top:8px;width:71px}.art-pointer{position:absolute;right:43px;bottom:11px;font-size:57px;color:#87a47c;transform:rotate(4deg)}.art-caption{position:absolute;bottom:-37px;font-size:9px;letter-spacing:3px;color:#90a087}
.app-header{height:79px;padding:0 31px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand>span:last-child{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:14px;font-weight:650;letter-spacing:-.1px}.brand small{font-size:10px;color:#939c94;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:23px}.connection-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#6c7e6f}.status-dot,.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4d9870;flex-shrink:0}.status-dot.warn{background:#bb943f}.neutral-dot{background:#b0b8b2}.header-divider{height:20px;width:1px;background:var(--line)}.app-grid{display:grid;grid-template-columns:252px minmax(380px,1fr) 276px;min-height:calc(100vh - 79px);max-width:1920px;margin:auto}.sidebar{background:#fbfcfa;border-right:1px solid var(--line);padding:27px 20px 20px;display:flex;flex-direction:column;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-heading h2{display:flex;align-items:center;gap:8px}.section-heading h2 .icon{width:15px;height:15px;color:#6a8070}.count-pill{padding:2px 7px;background:#eaf1e9;color:#65846a;border-radius:5px;font-size:10px;font-variant-numeric:tabular-nums}.node-list{display:flex;flex-direction:column;gap:9px}.node-card{padding:11px 12px;background:white;border:1px solid var(--line);border-radius:9px}.node-top{display:flex;align-items:center;gap:8px}.node-name{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.node-architecture{font-size:9px;font-weight:600;padding:1px 5px;background:#f2f4ef;color:#8b9589;border-radius:3px}.node-detail{margin:5px 0 0 14px;color:#949c95;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-section{margin-top:31px;flex:1}.tasks-section>.section-heading{margin-bottom:12px}.new-task-button{width:100%;padding:10px 11px}.search-field{position:relative;margin:15px 0 12px}.search-field .icon{position:absolute;top:10px;left:10px;width:14px;height:14px;color:#9ba69c}.search-field input{padding:8px 9px 8px 31px;background:#f3f6f1;border:1px solid transparent;font-size:11px}.task-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 395px);min-height:90px;overflow:auto;margin:0 -6px;padding:0 6px 10px;scrollbar-width:thin;scrollbar-color:#d5ded2 transparent}.task-item{width:100%;border:1px solid transparent;background:transparent;display:block;text-align:left;padding:11px 12px;border-radius:9px;color:var(--ink);transition:background .15s,border-color .15s}.task-item:hover{background:#edf3ec}.task-item.selected{background:#e8f0e7;border-color:#d8e5d4}.task-item-header{display:flex;align-items:center;gap:7px}.task-item-title{font-size:12px;font-weight:550;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.task-item-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:8px 0 0 13px;font-size:10px;color:#8a958a}.task-item-footer time{white-space:nowrap}.task-status-dot{height:6px;width:6px;border-radius:50%;background:#a8b1a6;flex-shrink:0}.task-status-dot.running,.task-status-dot.waiting_operator{background:#589477}.task-status-dot.completed{background:#86a383}.task-status-dot.failed{background:#c8796b}.task-status-dot.queued{background:#c4a266}.sidebar-note{display:flex;gap:8px;align-items:center;color:#a1aba0;font-size:10px;padding-top:25px}.sidebar-note .small-dot{width:4px;height:4px;background:#a7b3a1}
.workspace{padding:31px 28px 35px;min-width:0}.workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px;min-height:65px}.heading-copy{min-width:0}.workspace-heading .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:7px}.title-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.title-row h1{font-size:23px;font-weight:620;line-height:1.4;letter-spacing:-.5px;overflow-wrap:anywhere}.task-subtitle{margin-top:6px;font-size:11px;color:#939c95;overflow-wrap:anywhere}.task-actions{display:flex;gap:8px;padding-top:10px;flex-shrink:0}.status-badge{font-size:10px;font-weight:500;border-radius:5px;padding:3px 7px;white-space:nowrap;color:#628468;background:#e9f1e6}.status-badge.neutral{color:#899285;background:#edf0e9}.status-badge.queued{color:#aa8543;background:#f6efe0}.status-badge.failed{color:#ae6456;background:#f8eae5}.browser-card{border:1px solid #dfe6dd;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.browser-topbar{height:44px;display:flex;align-items:center;gap:15px;padding:0 12px;background:#f9fbf7;border-bottom:1px solid var(--line)}.browser-dots{display:flex;gap:4px;align-items:center;flex-shrink:0;padding:0 1px}.browser-dots i{width:6px;height:6px;background:#d5ddd0;border-radius:50%}.page-url{flex:1;min-width:0;background:#eff3eb;color:#899781;font-size:10px;padding:5px 10px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-topbar .icon-button{width:26px;height:26px}.browser-topbar .icon{width:14px;height:14px}.browser-viewport{min-height:250px;background:#f6f8f3;position:relative;overflow:auto;max-height:65vh;scrollbar-width:thin;scrollbar-color:#cbd8c8 transparent}.frame-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:35px 25px;text-align:center}.frame-placeholder>.icon{width:38px;height:38px;color:#a8b6a0;stroke-width:1.1;margin-bottom:19px}.frame-placeholder strong{font-size:14px;font-weight:500;color:#6e8065}.frame-placeholder p{font-size:11px;color:#a0ab99;margin-top:8px;line-height:1.8;max-width:340px}.frame-surface{display:block;position:relative;width:100%;padding:0;margin:0;border:0;background:#fff;line-height:0;cursor:crosshair;outline-offset:-3px!important}.frame-surface:disabled{opacity:1;cursor:default}.frame-surface img{display:block;width:100%;height:auto;user-select:none}.browser-statusbar{height:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#9da596;font-size:9px}.browser-statusbar>span:first-child{display:flex;align-items:center;gap:6px}.browser-statusbar .status-dot{width:5px;height:5px}.click-marker{position:absolute;pointer-events:none;width:24px;height:24px;border:2px solid #28734f;border-radius:50%;background:#b3eeb255;transform:translate(-50%,-50%);z-index:2}.controls-card{margin-top:18px;border:1px solid var(--line);background:white;border-radius:12px;padding:19px 19px 0;box-shadow:var(--shadow)}.controls-card .section-heading{margin-bottom:14px}.controls-card h2{font-size:13px}.control-hint{font-size:10px;color:#9aa494}.navigation-form{display:flex;gap:8px;margin-bottom:15px}.navigation-form input{font-size:11px;padding:10px 11px;background:#fbfcf9}.navigation-form .button{min-height:37px;padding:8px 12px}.navigation-form .icon{width:14px;height:14px}.type-form label{font-size:11px;color:#84917c}.type-row{display:flex;gap:8px;align-items:stretch}.type-row textarea{font-size:12px;background:#fcfdfb}.type-row .button{padding:10px 13px;align-self:stretch}.keyboard-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px;margin-bottom:17px}.key-group{display:flex;gap:5px}.key-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;background:#f7f9f4;color:#86937e;border:1px solid #e1e7da;border-bottom-color:#d5ddcd;border-radius:5px;padding:5px 9px;font-size:10px;line-height:1.2}.key-button:hover:not(:disabled){background:#ebf2e5;color:#4c7051}.key-button span{font-size:11px;color:#a9b3a1}.arrow-key{width:29px;padding:5px}.scroll-group{margin-left:auto}.controls-footer{border-top:1px solid #edf0e9;font-size:10px;color:#a1aa99;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.6;padding:10px 0}.controls-footer .muted{white-space:nowrap;font-size:9px}.controls-footer .error-text{color:var(--red)}.workspace-empty{max-width:550px;min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto;padding:35px 0 90px}.empty-illustration{background:#e9f0e2;border:1px solid #dce8d4;position:relative;border-radius:25px;padding:30px;margin-bottom:31px;transform:rotate(-5deg)}.empty-illustration>.icon{width:53px;height:53px;color:#789267;stroke-width:1.15}.empty-illustration>span{position:absolute;right:-9px;bottom:5px;display:grid;place-items:center;width:29px;height:29px;background:#315f45;border:4px solid var(--bg);border-radius:50%;color:#fff}.empty-illustration>span .icon{width:15px;height:15px}.workspace-empty .eyebrow{font-size:9px;color:#899f7b;letter-spacing:2.2px}.workspace-empty h1{font-weight:500;font-size:26px;letter-spacing:-.8px;margin:12px 0 14px}.workspace-empty>p:not(.eyebrow){color:#96a08d;font-size:12px;line-height:1.9}.workspace-empty>.button{margin-top:27px}.empty-steps{display:flex;align-items:center;gap:20px;margin-top:55px;font-size:10px;color:#a9b1a1}.empty-steps span{display:flex;align-items:center;gap:6px}.empty-steps b{font-size:9px;font-weight:400;color:#809c72;border:1px solid #dfe7d7;border-radius:50%;padding:3px 5px}
.inspector{padding:30px 22px 20px 0;min-width:0}.inspector-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 17px;margin-bottom:15px;box-shadow:var(--shadow)}.inspector-card .eyebrow{font-size:8px;letter-spacing:1.7px;color:#9aaa8f;margin-bottom:7px}.inspector-card h2{font-size:13px}.session-facts{margin:18px 0 0}.session-facts>div{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:10px}.session-facts dt{color:#a0aa96;white-space:nowrap;flex-shrink:0}.session-facts dd{margin:0;color:#677c5b;text-align:right;overflow-wrap:anywhere;min-width:0}.tiny-badge{border-radius:4px;padding:2px 5px;font-size:9px;background:#f0f3eb;color:#9ca691;white-space:nowrap}.tiny-badge.ready{background:#eaf2e5;color:#75966a}.mailbox-card .section-heading{margin-bottom:12px;gap:4px}.mailbox-card .section-heading h2{gap:6px;font-size:12px}.mailbox-card .icon{width:14px;height:14px}.card-description{font-size:10px;color:#9eaa95;line-height:1.8;margin-bottom:14px}.mailbox-card input{font-size:11px;padding:9px 10px;background:#fafbf8}.mailbox-card form .button{width:100%;font-size:11px;margin-top:8px;min-height:34px;padding:8px}.mail-result{border:1px solid #dae7d2;background:#f3f8ee;padding:10px;border-radius:8px;margin-top:13px}.mail-result-heading{display:flex;justify-content:space-between;align-items:center;color:#849775;font-size:9px}.mail-result-heading .text-button{font-size:10px;padding:0}.mail-code{display:block;text-align:center;font-size:24px;letter-spacing:3px;color:#486f37;font-family:ui-monospace,Consolas,monospace;padding:10px 0;overflow-wrap:anywhere;user-select:all}.mail-result .muted{font-size:9px;color:#a0ac94;line-height:1.5}.mail-result small{display:block;font-size:9px;color:#91a180;margin-top:6px}.result-box{margin-top:18px;padding:14px 10px;text-align:center;background:#f1f7ee;border:1px solid #e2ecd9;border-radius:9px}.result-icon{display:grid;place-items:center;background:#e3eedb;border-radius:50%;width:26px;height:26px;color:#799e67;margin:0 auto 8px}.result-icon .icon{width:15px;height:15px}.result-box strong{display:block;font-size:11px;color:#7e996b;font-weight:550}.result-box p{font-size:9px;color:#a1b090;margin:6px 0 12px}.result-box .button{font-size:10px;min-height:32px;padding:8px 11px}.result-box .icon{width:13px;height:13px}.activity-card .section-heading{margin-bottom:8px}.event-list{list-style:none;padding:0;margin:0;max-height:340px;overflow:auto;scrollbar-width:thin}.event-item{position:relative;padding:13px 0 0 17px;font-size:10px;color:#849676;overflow-wrap:anywhere}.event-item:before{content:"";position:absolute;left:2px;top:18px;width:5px;height:5px;background:#c1d1b4;border-radius:50%}.event-item:after{content:"";position:absolute;left:4px;top:29px;bottom:-5px;width:1px;background:#e6ecdF}.event-item:last-child:after{display:none}.event-item time{display:block;font-size:9px;color:#acb5a2;margin-top:4px}.event-list .empty-note{font-size:10px}.inspector-footnote{font-size:9px;text-align:center;color:#afb9a5;margin:23px 0}
.modal{border:1px solid #e0e8da;border-radius:17px;padding:27px;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;color:var(--ink);box-shadow:0 25px 80px #1d38272b}.modal::backdrop{background:#22372d50;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-heading h2{font-size:21px;font-weight:550;letter-spacing:-.5px}.modal-heading .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.7px}.modal-description{font-size:12px;color:#939f88;margin:14px 0 24px;line-height:1.8}.form-field{margin-bottom:17px}.form-field label{font-size:11px;color:#6f7d64}.form-field input,.form-field select{font-size:12px}.form-field small{display:block;font-size:10px;color:#a4ad9b;margin-top:6px;line-height:1.7}.modal-note{font-size:10px;line-height:1.8;color:#8b9e7b;background:#f2f6ed;border:1px solid #e4ecdc;border-radius:7px;padding:10px 12px;margin:21px 0 0}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf1e8;padding-top:19px;margin-top:23px}.confirm-modal{width:min(400px,calc(100vw - 32px))}.confirm-modal .modal-heading h2{font-size:18px}.danger-button{background:#b25c4a!important;border-color:#b25c4a!important;color:#fff!important}.toast-region{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;z-index:30;max-width:calc(100vw - 32px);pointer-events:none}.toast{color:#f3f7ef;background:#344c37;box-shadow:0 5px 25px #172b2920;padding:12px 20px;font-size:12px;border-radius:9px;max-width:100%;overflow-wrap:anywhere}.toast.error{background:#955143}
@media(min-width:1650px){.app-grid{grid-template-columns:270px minmax(500px,1fr) 300px}.workspace{padding:36px}.inspector{padding-top:36px}.browser-viewport{max-height:70vh}.task-list{max-height:calc(100vh - 400px)}}
@media(max-width:1250px){.app-grid{grid-template-columns:225px minmax(350px,1fr) 245px}.sidebar{padding:25px 15px}.workspace{padding:27px 19px}.inspector{padding:27px 16px 20px 0}.inspector-card{padding:17px 13px}.workspace-heading{flex-direction:column;gap:8px}.task-actions{padding-top:0}.workspace-heading{margin-bottom:17px}.title-row h1{font-size:21px}.control-hint{font-size:9px}.controls-card{padding:16px 14px 0}.scroll-group{margin-left:0}.app-header{padding:0 24px}}
@media(max-width:1050px){.app-grid{grid-template-columns:222px minmax(0,1fr)}.sidebar{grid-row:1/3}.inspector{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 19px 25px}.inspector-card{margin:0}.activity-card{grid-column:1/-1}.event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.event-item:after{display:none}.inspector-footnote{grid-column:1/-1;margin:3px 0}.workspace{padding-bottom:20px}.workspace-heading{flex-direction:row;align-items:flex-start}.task-actions{padding-top:8px}.task-actions .button{font-size:10px;padding:8px}.task-actions .icon{width:14px;height:14px}.workspace-empty{min-height:520px;padding-bottom:55px}.task-list{max-height:calc(100vh - 395px)}.sidebar{position:sticky;top:0;max-height:calc(100vh - 0px);align-self:start;min-height:calc(100vh - 79px)}.login-art{transform:scale(.8);width:300px}.auth-screen{gap:5vw}}
@media(max-width:760px){.app-header{height:68px;padding:0 18px}.app-grid{grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{padding:23px 12px}.workspace{padding:23px 15px 20px}.inspector{padding:0 15px 20px;grid-template-columns:1fr}.inspector-card,.activity-card{grid-column:1}.event-list{display:block}.workspace-heading{flex-direction:column}.task-actions{padding-top:3px}.title-row h1{font-size:20px}.controls-card .section-heading{align-items:flex-start;flex-direction:column;gap:5px}.type-row{flex-direction:column}.type-row .button{align-self:flex-end;min-height:32px;padding:8px 12px}.browser-dots{display:none}.browser-topbar{gap:7px;padding:0 8px}.frame-placeholder{min-height:280px}.workspace-empty h1{font-size:21px}.empty-steps{gap:12px;flex-wrap:wrap;justify-content:center}.workspace-empty{min-height:540px;padding-top:40px}.brand strong{font-size:12px}.brand small{font-size:9px}.header-actions{gap:13px}.connection-status{font-size:10px}.header-divider{display:none}.new-task-button{font-size:11px;padding:9px 7px}.new-task-button .icon{width:14px;height:14px}.task-list{max-height:calc(100vh - 365px)}.login-art{display:none}.auth-screen{padding:35px}.login-card{width:370px}}
@media(max-width:560px){.app-grid{display:flex;flex-direction:column}.app-header{height:64px}.brand .small{width:31px;height:31px;font-size:23px}.brand{gap:8px}.brand strong{font-size:11px}.brand small{font-size:8px}.header-actions{gap:10px}.connection-status{font-size:9px;gap:5px}.header-actions .text-button{font-size:10px}.sidebar{position:static;min-height:0;max-height:none;display:block;padding:18px 17px 15px;border-right:0;border-bottom:1px solid var(--line)}.nodes-section .section-heading{margin-bottom:9px}.nodes-section h2{font-size:11px}.node-list{flex-direction:row;overflow:auto;gap:8px}.node-card{min-width:160px;flex:1;padding:8px 10px}.node-name{font-size:11px}.node-detail{font-size:9px;margin-top:3px}.tasks-section{margin-top:19px;display:grid;grid-template-columns:1fr auto;gap:11px 12px}.tasks-section>.section-heading{margin:0}.tasks-section h2{font-size:12px}.new-task-button{width:auto;min-height:33px;padding:8px 11px}.search-field{display:none}.task-list{grid-column:1/-1;max-height:135px;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;overflow:auto}.task-item{padding:10px}.task-item-title{font-size:11px}.task-item-footer{font-size:9px;margin-left:12px;margin-top:5px}.task-list>.empty-note{grid-column:1/-1;padding:7px 0 2px;font-size:11px}.sidebar-note{display:none}.workspace{padding:23px 17px 19px}.workspace-heading{flex-direction:row;gap:10px;align-items:flex-start}.title-row{gap:7px}.title-row h1{font-size:18px}.status-badge{font-size:9px;padding:2px 5px}.task-actions{gap:5px;padding-top:15px;flex-wrap:wrap;max-width:105px;justify-content:flex-end}.task-actions .button{font-size:9px;padding:6px 8px;min-height:29px}.task-actions .icon{width:12px;height:12px}.task-subtitle{font-size:9px}.workspace-heading .eyebrow{font-size:8px}.browser-viewport{min-height:200px;max-height:60vh}.frame-placeholder{min-height:250px}.browser-topbar{height:37px}.browser-statusbar{font-size:8px;height:29px}.controls-card{padding:16px 13px 0}.controls-card .section-heading{flex-direction:row;align-items:center}.controls-card h2{font-size:12px}.type-row{flex-direction:row}.type-row .button{align-self:stretch;font-size:10px}.keyboard-row{gap:7px}.key-button{min-height:34px;font-size:10px}.controls-footer{font-size:9px}.controls-footer .muted{font-size:8px}.inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 17px 20px;gap:12px}.inspector-card{padding:15px 12px}.session-card{grid-column:1}.mailbox-card{grid-column:2}.activity-card{grid-column:1/-1}.session-facts>div{display:block;margin-top:11px}.session-facts dd{text-align:left;margin-top:2px;font-size:10px}.session-facts dt{font-size:9px}.mailbox-card .section-heading{flex-wrap:wrap;gap:6px}.mailbox-card .section-heading h2{font-size:11px}.mailbox-card .card-description{font-size:9px}.mailbox-card input{font-size:10px;padding:9px 7px}.mail-code{font-size:19px;letter-spacing:1px}.mail-result{padding:8px}.result-box{padding:12px 5px}.result-box .button{font-size:9px;padding:7px}.result-box strong{font-size:10px}.result-box p{font-size:8px}.workspace-empty{min-height:390px;padding:35px 0 45px}.empty-illustration{padding:21px;border-radius:19px;margin-bottom:24px}.empty-illustration>.icon{width:41px;height:41px}.workspace-empty h1{font-size:21px;margin:10px 0}.workspace-empty>p:not(.eyebrow){font-size:11px}.workspace-empty>.button{margin-top:20px}.empty-steps{margin-top:30px;gap:18px;font-size:9px}.modal{padding:22px}.modal-heading h2{font-size:20px}.login-card h1{font-size:36px}.auth-screen{min-height:100dvh;padding:32px}.login-card>.eyebrow{margin-top:26px}.login-description{font-size:12px}.login-footnote{font-size:9px}.toast-region{bottom:15px}}
.mail-settings-row{display:flex;justify-content:flex-end;margin-top:7px}.mail-settings-row .text-button{font-size:10px;color:#789167;padding:3px 0}.mail-settings-row .text-button:hover:not(:disabled){color:var(--green)}
.test-workflow{border:1px solid #dfe8d8;border-radius:9px;background:#f8faf5;padding:13px 14px;margin:20px 0 0}.test-workflow legend{padding:0 5px;font-size:11px;font-weight:550;color:#6b845b}.test-switch{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:#677d59;cursor:pointer}.test-switch input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:var(--green)}.test-input-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 12px;margin-top:15px}.test-input-grid .form-field{margin-bottom:12px}.test-input-wide{grid-column:1/-1}.test-workflow-hint{margin-top:8px;font-size:10px;line-height:1.7;color:#9aa88d}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}