/* Outcome compositions. Complete original artwork, never screenshot-strip assembly. */
.workflow-example-label{display:flex;gap:10px;align-items:baseline;width:min(1370px,calc(100% - 96px));margin:34px auto 0;padding:0;color:#748b9d;font-size:11px;text-align:left}
.workflow-example-label>span{display:inline;color:#a9becc;font-size:11px;font-weight:400;letter-spacing:0;padding:0;border:0;border-radius:0;background:none}
.recovery-wrap{width:min(1420px,calc(100% - 96px));margin:auto}.recovery-section{padding:85px 0;position:relative}.recovery-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:46px}.recovery-heading h2,.tutorial-copy h2{font-size:clamp(32px,3.4vw,49px);line-height:1.09;letter-spacing:-.045em;margin:0;text-wrap:balance}.recovery-heading>div,.recovery-heading>p{max-width:410px}.recovery-heading p,.tutorial-copy p{font-size:16px;color:#adc0d1;line-height:1.65;margin:0 0 18px}.recovery-heading a,.tutorial-copy>a{font-size:14px;color:#bfe5ea;text-decoration:none;border-bottom:1px solid #58838c;padding-bottom:5px}.recovery-caption{font-size:11px;color:#8da5b8;margin:25px 0 0;text-align:right}.quiet-label{font-size:12px;color:#88becc;display:block;margin-bottom:15px}
.ui-branch-flow{display:grid;grid-template-columns:1.03fr .73fr 1.47fr;gap:clamp(30px,5vw,80px);align-items:center;position:relative;padding:12px 0 8px;isolation:isolate}.ui-branch-node{margin:0;min-width:0;position:relative;z-index:2}.ui-node-label{font-size:13px;display:flex;gap:12px;align-items:center;color:#d4e2ed;margin:0 0 24px}.ui-node-label>span{font-size:19px;color:#78cfdf;font-weight:400}.ui-perspective{perspective:1500px}.ui-tilt-surface{position:relative;transform-style:preserve-3d;will-change:transform}.ui-branch a{display:block;text-decoration:none}.ui-branch a:focus-visible{outline:2px solid #8de6f4;outline-offset:8px}.recovery-photo{position:relative;background:#e8e3d9;padding:7px 7px 25px;box-shadow:2px 3px 0 #a7a9a7,5px 7px 0 #434c51,18px 34px 34px #0009;transform:rotate(-3deg)}.recovery-photo::before{content:'';position:absolute;inset:10px -6px -7px 6px;background:#b3b1ab;z-index:-1;transform:rotate(2deg)}.recovery-photo img{display:block;width:100%;height:auto}.recovery-photo>span{font-size:9px;letter-spacing:.035em;color:#77766e;position:absolute;bottom:6px;left:9px}.recovery-components img{display:block;width:100%;height:auto;mix-blend-mode:lighten}.ui-editor-surface{filter:drop-shadow(12px 22px 23px #0007)}.ui-editor-surface img{display:block;width:100%;height:auto;border-radius:5px}.ui-engine-branch{position:relative;z-index:2}.ui-engine-branch>figure+figure{margin-top:28px}.ui-engine-label{display:flex;justify-content:space-between;align-items:center;color:#819aaa;font-size:10px;margin:0 0 11px}.ui-engine-label strong{color:#d1e0e8;font-size:12px;font-weight:500}.ui-branch-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.ui-branch-wires path{fill:none;stroke-linejoin:round;stroke-linecap:round}.ui-wire{stroke:#57bcd5;stroke-width:1.6}.ui-wire-under{stroke:#07121e;stroke-width:6}.ui-port{position:absolute;width:10px;height:10px;border:1.5px solid #80dce9;border-radius:50%;background:#07121e;transform:translate(-50%,-50%);z-index:5;box-shadow:0 0 0 3px #07121e}.ui-port[data-ui-port=mockup-out]{left:100%;top:55%}.ui-port[data-ui-port=parts-in]{left:0;top:43%}.ui-port[data-ui-port=parts-roblox-out]{left:100%;top:24%}.ui-port[data-ui-port=parts-unreal-out]{left:100%;top:76%}.ui-port[data-ui-port=roblox-in],.ui-port[data-ui-port=unreal-in]{left:0;top:60%}
.workbench-section{background:#0b1825}.workbench{display:grid;grid-template-columns:.65fr 1.7fr;gap:55px;align-items:start}.workbench-tabs{display:flex;flex-direction:column;padding:10px 0}.workbench-tabs button{display:grid;grid-template-columns:1fr 18px;gap:6px 10px;border:0;border-left:2px solid #263947;border-radius:0;background:none;color:#869daa;text-align:left;padding:19px 21px;min-height:84px;transition:background .18s,color .18s,border-color .18s}.workbench-tabs button>span{font-size:23px;font-weight:500;letter-spacing:-.025em}.workbench-tabs small{font-size:12px;grid-column:1;line-height:1.5}.workbench-tabs b{grid-column:2;grid-row:1/3;font-weight:400;align-self:center;opacity:0}.workbench-tabs [aria-selected=true]{color:#f1f8fc;border-color:#77d5e5;background:linear-gradient(90deg,#76cfec10,transparent)}.workbench-tabs [aria-selected=true] b{opacity:1;color:#78dbe7}.workbench-tabs button:hover{color:#e8f5fa}.workbench-output{min-width:0;perspective:1600px}.workbench-output [hidden]{display:none!important}.workbench-art{border-radius:8px;overflow:hidden;box-shadow:0 22px 46px #0005;position:relative;background:#192631}.workbench-art img{display:block;width:100%;height:auto}.workbench-result{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.workbench-result h3{font-size:20px;font-weight:500;margin:0 0 4px;letter-spacing:-.02em}.workbench-result p{font-size:11px;color:#86a0b3;margin:0}.workbench-result>a{font-size:13px;color:#b4e4eb;text-underline-offset:5px;white-space:nowrap}.qa-finding{position:absolute;left:24px;bottom:24px;background:#f4f5f2;color:#15242d;padding:15px 18px;box-shadow:0 10px 30px #0006;border-radius:7px;max-width:300px}.qa-finding>span{font-size:10px;color:#996135;display:block;margin-bottom:4px}.qa-finding strong{display:block;font-size:16px}.qa-finding p{font-size:11px;margin:4px 0 0;color:#55626a}.qa-marker{position:absolute;right:2%;bottom:20%;width:22%;height:16%;border:2px solid #ffb579;border-radius:40px;box-shadow:0 0 0 5px #ffb57922}.production-board{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:42px;background:radial-gradient(ellipse at center,#25394c,#101d2b);min-height:400px;border-radius:10px}.production-brief{background:#f2f0e9;color:#1b2a32;padding:28px 24px;box-shadow:0 15px 35px #0005;transform:rotate(-3deg)}.production-brief>span{font-size:11px;color:#6c797d}.production-brief h3{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:24px 0 12px}.production-brief p{font-size:13px;color:#5b686d}.document-rule{height:1px;background:#bcc5c5;margin:24px 0}.production-brief small{font-size:10px}.production-tasks>div{background:#23394a;padding:20px;border:1px solid #4d6977;border-radius:7px;box-shadow:0 12px 20px #0002}.production-tasks strong,.production-tasks small,.production-tasks span{display:block}.production-tasks span{color:#8ed6df;font-size:10px;margin-bottom:7px}.production-tasks strong{font-size:16px;line-height:1.3}.production-tasks small{font-size:10px;color:#a6bdc8;margin-top:7px}.production-tasks>i{display:block;text-align:center;font-style:normal;color:#6cbccf;font-size:24px;padding:7px}
.tutorial-layout{display:grid;grid-template-columns:.76fr 1.4fr;gap:65px;align-items:center}.tutorial-copy p{margin:22px 0;max-width:28em}.tutorial-layout figure{margin:0;perspective:1600px}.tutorial-cover{display:block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 25px 45px #0006;transform:rotateY(-5deg) rotateZ(-1deg)}.tutorial-cover img{width:100%;height:auto;display:block}.tutorial-play{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:10px;background:#edf7f6ee;color:#0e242c;padding:12px 19px;border-radius:40px;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}.tutorial-play svg{width:20px;height:20px}.tutorial-layout figcaption{display:flex;gap:16px;align-items:center;justify-content:center;color:#c2d0da;font-size:12px;margin:25px 0 0}.tutorial-layout figcaption i{font-style:normal;color:#5f94a9}.tutorial-layout .recovery-caption{text-align:center;font-size:10px;margin-top:10px}.mechanism-section{background:radial-gradient(ellipse at 75% 80%,#192f4655,transparent 65%)}.mechanism{display:grid;grid-template-columns:.72fr 80px 1.4fr;align-items:center;gap:22px;padding:25px 0 0;perspective:1800px}.request-card{background:#1c2a37;border:1px solid #3b5060;border-radius:13px;padding:25px;box-shadow:0 18px 35px #0005;transform:rotate(-2deg)}.request-card>span{font-size:11px;color:#8da4b3}.request-card p{font-size:23px;line-height:1.4;letter-spacing:-.035em;margin:24px 0 36px}.request-tools{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a3b7c7}.request-tools>span:last-child{border-radius:50%;background:#d2e4e7;color:#112734;width:30px;height:30px;display:grid;place-items:center;font-size:19px}.kit-connection{position:relative;margin:22px 15px 0;padding:13px 14px;background:#102530;border:1px solid #2c5364;border-radius:6px;display:grid;grid-template-columns:10px 1fr;gap:3px 10px;align-items:center}.kit-connection strong{font-size:13px;font-weight:500}.kit-connection>span:last-child{grid-column:2;font-size:10px;color:#8cb4c2}.connection-dot{height:6px;width:6px;background:#82d5d0;border-radius:50%}.mechanism-note{font-size:11px;color:#8da5b7;margin:13px 15px}.mechanism-connection{display:flex;align-items:center;font-size:20px;color:#6cc5d9}.mechanism-connection i{height:1px;background:#4d9bb0;flex:1}.mechanism figure{margin:0;transform:rotateY(-5deg) rotateZ(-1deg);filter:drop-shadow(14px 25px 25px #0005)}.mechanism img{display:block;width:100%;height:auto;border-radius:5px}.mechanism figcaption{display:flex;justify-content:space-between;font-size:11px;color:#b3c9d4;margin-top:18px;gap:10px}.mechanism figcaption span{color:#8199a9;font-size:10px;white-space:nowrap}[data-recovery-tilt]{transition:transform .22s ease-out;transform-origin:center;will-change:transform}.is-motion-off [data-recovery-tilt]{transform:none!important;will-change:auto}
@media(min-width:1900px){.recovery-wrap{width:min(1680px,calc(100% - 140px))}.recovery-heading h2,.tutorial-copy h2{font-size:54px}.recovery-section{padding:95px 0}.ui-branch-flow{gap:85px}.recovery-heading p{font-size:18px}.workbench{grid-template-columns:.6fr 1.7fr}}
@media(max-width:1000px){.recovery-wrap{width:calc(100% - 64px)}.recovery-section{padding:65px 0}.recovery-heading{gap:30px}.recovery-heading>div,.recovery-heading>p{max-width:320px}.ui-branch-flow{gap:32px;grid-template-columns:1fr .78fr 1.35fr}.ui-node-label{font-size:11px;gap:7px}.ui-engine-label{font-size:8px}.ui-engine-label strong{font-size:10px}.workbench{gap:28px;grid-template-columns:.72fr 1.3fr}.workbench-tabs button{padding:15px;min-height:75px}.workbench-tabs button>span{font-size:20px}.workbench-tabs small{font-size:10px}.workbench-result{align-items:start;flex-direction:column;gap:12px}.tutorial-layout{gap:35px;grid-template-columns:.85fr 1.2fr}.mechanism{grid-template-columns:.9fr 30px 1.3fr;gap:16px}.request-card{padding:20px}.request-card p{font-size:19px}.production-board{padding:24px;gap:18px}.production-brief{padding:20px}.production-brief h3{font-size:23px}}
@media(max-width:900px){.ui-branch-flow{grid-template-columns:1fr 1fr;gap:34px 65px;align-items:center;padding:12px 24px}.ui-engine-branch{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.ui-engine-branch>.ui-node-label{grid-column:1/3;margin-bottom:0}.ui-engine-branch>figure+figure{margin:0}.ui-photo-surface,.ui-editor-surface{transform:none!important}.ui-node-label{font-size:13px}.ui-engine-label{font-size:10px}.ui-engine-label strong{font-size:12px}.ui-parts-node{width:75%;justify-self:center}.ui-branch-wires{display:none}.ui-port{display:none}.recovery-caption{text-align:left}.mechanism figcaption{display:block}.mechanism figcaption span{display:block;margin-top:5px}.qa-finding{left:12px;bottom:12px;padding:10px;max-width:240px}.qa-finding p{font-size:10px}.qa-finding strong{font-size:13px}}
@media(max-width:650px){.recovery-wrap{width:calc(100% - 40px)}.recovery-section{padding:54px 0}.recovery-heading{display:block;margin-bottom:30px}.recovery-heading h2,.tutorial-copy h2{font-size:34px}.recovery-heading>div,.recovery-heading>p{max-width:none;margin-top:20px}.recovery-heading p,.tutorial-copy p{font-size:15px}.workflow-example-label{width:calc(100% - 64px);font-size:10px;display:block;margin-top:28px}.workflow-example-label>span{font-size:11px;margin-left:6px}.ui-branch-flow{grid-template-columns:1fr;gap:42px;padding:10px 14px}.ui-mockup-node{width:94%}.ui-parts-node{width:64%;justify-self:center}.ui-engine-branch{display:block;grid-column:auto}.ui-engine-branch>.ui-node-label{margin-bottom:24px}.ui-engine-branch>figure+figure{margin-top:27px}.ui-node-label{font-size:14px}.ui-engine-label strong{font-size:13px}.ui-engine-label{font-size:10px}.ui-node-label>span{font-size:19px}.recovery-photo{padding:5px 5px 23px;box-shadow:2px 3px 0 #91948f,7px 19px 20px #0008;transform:rotate(-3deg)}.recovery-caption{font-size:10px;line-height:1.6;margin-top:26px}.workbench{display:flex;flex-direction:column;gap:23px}.workbench-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:5px}.workbench-tabs button{border:1px solid #2b4253;border-radius:5px;min-height:60px;padding:10px 12px}.workbench-tabs button>span{font-size:15px}.workbench-tabs small{font-size:9px}.workbench-tabs b{display:none}.workbench-tabs [aria-selected=true]{border-color:#6fbbcf;background:#183142}.workbench-output{width:100%}.workbench-result h3{font-size:20px}.workbench-result{gap:13px;margin-top:16px}.qa-finding{position:relative;left:auto;bottom:auto;max-width:none;border-radius:0;padding:15px}.qa-finding strong{font-size:16px}.qa-finding p{font-size:12px}.qa-marker{bottom:44%;height:11%}.production-board{padding:20px;gap:16px;min-height:0;grid-template-columns:1fr}.production-brief{transform:rotate(-2deg);padding:22px}.production-brief h3{font-size:26px;margin-top:18px}.production-brief h3 br{display:none}.production-tasks{display:grid;grid-template-columns:1fr;gap:0}.production-tasks>div{padding:15px}.production-tasks>i{padding:2px}.tutorial-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}.tutorial-cover{transform:none}.tutorial-play{left:13px;bottom:13px;font-size:11px;padding:9px 13px}.tutorial-layout figcaption{gap:10px;font-size:10px;margin-top:20px}.mechanism{display:flex;flex-direction:column;gap:20px;padding-top:6px}.request-stack{width:86%;align-self:flex-start}.request-card p{font-size:22px;margin-bottom:22px}.mechanism-connection{transform:rotate(90deg);width:44px;align-self:center;margin:8px}.mechanism figure{transform:none}.mechanism figcaption{font-size:12px}.mechanism figcaption span{font-size:10px}.recovery-section a:focus-visible,.recovery-section button:focus-visible{outline:2px solid #8de6f4;outline-offset:4px}}
@media(prefers-reduced-motion:reduce){[data-recovery-tilt],.ui-tilt-surface,.recovery-photo{transform:none!important;transition:none!important;will-change:auto}.workbench-tabs button{transition:none}}

/* Review correction: one reading baseline, compact output stack and quiet metadata. */
.workflow-example-label,.workflow-example-label>span{font-size:12px}.recovery-caption{font-size:12px}.ui-branch-flow{align-items:start;grid-template-columns:1fr .72fr 1.3fr}.ui-mockup-node>.ui-perspective{margin-top:55px}.ui-parts-node>.ui-perspective{margin-top:30px}.ui-engine-branch{max-width:470px;justify-self:end;width:100%}.ui-node-label{min-height:29px}.ui-engine-branch>figure+figure{margin-top:24px}.recovery-photo{padding:4px;box-shadow:2px 3px 0 #a7a9a7,4px 6px 0 #434c51,18px 24px 30px #0008}.ui-engine-label{font-size:11px}.ui-engine-label strong{font-size:13px}.ui-parts-node .ui-node-label{white-space:nowrap}
@media(min-width:1900px){.ui-engine-branch{max-width:540px}.ui-mockup-node>.ui-perspective{margin-top:70px}.ui-parts-node>.ui-perspective{margin-top:45px}}
@media(max-width:900px){.ui-branch-flow{grid-template-columns:1fr 1fr}.ui-mockup-node>.ui-perspective,.ui-parts-node>.ui-perspective{margin-top:0}.ui-engine-branch{max-width:none}.ui-node-label{min-height:0}}
@media(max-width:650px){.ui-branch-flow{grid-template-columns:1fr}.recovery-photo{padding:3px}.ui-engine-label{font-size:10px}.recovery-caption{font-size:11px}}

html:has(.outcome-home){scroll-padding-top:20px}.outcome-home [id]{scroll-margin-top:0}.ui-branch-flow .recovery-photo{transform:rotate(-4deg)}