@font-face{font-family:SAMI UI;src:url(/assets/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--sami-black: #0d0d10;--sami-deep: #111114;--sami-surface: #17171b;--sami-elevated: #1d1d22;--sami-white: #f7f7f5;--pure-white: #fff;--text-muted: #a6a6ac;--dark-border: rgba(255,255,255,.11);--light-border: rgba(13,13,16,.11);--status-success: #51df93;--status-warning: #e9aa32;--status-critical: #e96565;--radius-control: 10px;--radius-card: 15px;--ease-sami: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;min-height:100vh;overflow:hidden;background:var(--sami-black);color:var(--sami-white);font-family:SAMI UI,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--pure-white);outline-offset:3px}.app-shell{position:relative;width:100vw;height:100vh;min-height:560px;overflow:hidden;background:var(--sami-black)}.backend{width:67%;height:100%;min-width:0;display:grid;grid-template-rows:62px 49px 47px 70px minmax(175px,1fr) 111px 31px;background:var(--sami-black)}.backend-header,.backend-nav,.brand-lockup,.trace-state,.backend-nav>div,.playback-controls,.process-source,.handoff,.process-result,.backend-footer,.chat-header,.chat-context,.message-row,.bubble time,.composer,.chat-bottom button,.mobile-switch{display:flex;align-items:center}.backend-header{justify-content:space-between;gap:22px;padding:0 30px 0 34px;border-bottom:1px solid rgba(255,255,255,.05)}.brand-lockup{gap:13px;min-width:0}.sami-logo{width:140px;display:inline-flex;flex:0 0 auto}.sami-logo img{width:100%;height:auto;display:block}.sami-logo.is-compact{width:104px;opacity:.7}.brand-lockup>.brand-divider{width:1px;height:26px;background:#ffffff4d}.brand-lockup b{font-size:16px;letter-spacing:.19em}.brand-lockup small{color:#c8c8cd;font-size:10px}.trace-state{gap:7px;color:#85858d;font-size:7px;font-weight:760;letter-spacing:.08em}.trace-state>span{width:7px;height:7px;border-radius:50%;background:#696970}.trace-state>span.is-live{background:var(--status-success);animation:status-pulse 1.2s infinite}.backend-nav{justify-content:space-between;gap:15px;padding:0 27px 0 33px;border-bottom:1px solid var(--dark-border)}.backend-nav>div:first-child{gap:9px}.backend-nav>div:first-child>span{font-size:10px;font-weight:800;letter-spacing:.08em}.backend-nav>div:first-child>small{margin-left:4px;color:#74747c;font-size:8px}.playback-controls{gap:7px}.playback-controls button{height:31px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--dark-border);border-radius:8px;background:transparent;color:#bcbcc2;font-size:7px;font-weight:700;cursor:pointer;transition:background .17s var(--ease-sami),transform .17s var(--ease-sami)}.playback-controls button:hover{background:#ffffff12}.playback-controls button:active{transform:scale(.97)}.playback-controls .replay-button{padding-inline:11px;background:var(--sami-white);color:var(--sami-black)}.scenario-tabs{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:6px 27px 6px 33px;border-bottom:1px solid rgba(255,255,255,.06)}.scenario-tabs button{min-width:0;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;border:1px solid transparent;border-radius:8px;background:#151519;color:#85858d;font-size:7px;font-weight:700;cursor:pointer;transition:background .17s var(--ease-sami),color .17s var(--ease-sami),transform .17s var(--ease-sami)}.scenario-tabs button:hover{color:#d7d7dc;transform:translateY(-1px)}.scenario-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-tabs button.is-active{border-color:#ffffff38;background:var(--sami-white);color:var(--sami-black)}.process-source{min-width:0;gap:11px;margin:9px 27px 8px 32px;padding:9px 12px;border:1px solid var(--dark-border);border-radius:12px;background:#131317}.source-mark{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:8px;background:#0a0a0c}.source-mark>img{width:100%;height:100%;display:block;object-fit:cover}.partner-sami{width:100%;height:100%;display:grid;place-items:center;padding:8px 5px}.partner-sami .sami-logo{width:100%;opacity:1}.process-source>div{min-width:0;flex:1;display:grid;gap:2px}.process-source small{color:#717179;font-size:6px;font-weight:780;letter-spacing:.08em}.process-source strong{overflow:hidden;color:#dedee2;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.source-signal{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--sami-white);color:var(--sami-black)}.process-area{position:relative;min-width:0;min-height:0;margin:0 62px 0 32px;overflow:hidden}.route-line{position:absolute;z-index:0;overflow:hidden;background:#ffffff24}.route-horizontal{top:35%;left:6.5%;right:6.5%;height:1px}.route-horizontal>span{display:block;height:100%;background:var(--sami-white)}.route-vertical,.moving-vertical{display:none}.moving-signal{position:absolute;z-index:4;width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--sami-black);border-radius:50%;background:var(--sami-white);color:var(--sami-black);box-shadow:0 0 0 1px #ffffff3d}.moving-horizontal{top:calc(35% - 12px);transform:translate(-50%)}.process-nodes{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.process-node{min-width:0;height:100%;display:grid;grid-template-rows:50% auto 1fr;justify-items:center;align-items:end;gap:4px;padding:0 2px 7px;border:0;background:transparent;color:#686870;text-align:center;cursor:pointer}.process-node-icon{align-self:end;width:43px;height:43px;display:grid;place-items:center;margin-bottom:-1px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#18181d;color:#74747c;transition:transform .22s var(--ease-sami),background .22s var(--ease-sami),color .22s var(--ease-sami),border-color .22s var(--ease-sami)}.process-node:hover .process-node-icon,.process-node.is-inspected .process-node-icon{border-color:#ffffff57;transform:scale(1.04)}.process-node.is-active .process-node-icon{border-color:var(--sami-white);background:var(--sami-white);color:var(--sami-black);transform:scale(1.09)}.process-node.is-done .process-node-icon{border-color:#51df9340;background:#51df931f;color:var(--status-success)}.process-node small{align-self:start;overflow:hidden;max-width:100%;color:#65656d;font-size:6px;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.process-node strong{align-self:start;overflow:hidden;max-width:100%;color:#9999a1;font-size:7px;font-weight:700;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.process-node.is-active small,.process-node.is-active strong{color:var(--sami-white)}.process-node.is-done strong{color:#d7d7dc}.process-explainer{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:9px;margin:2px 62px 9px 32px}.handoff{min-width:0;display:grid;grid-template-columns:34px 64px 22px 70px minmax(0,1fr);gap:8px;padding:10px 12px;border:1px solid var(--dark-border);border-radius:13px;background:#151519}.handoff-index{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--sami-white);color:var(--sami-black);font-size:8px;font-weight:800}.handoff-from,.handoff-to{min-width:0;display:grid;gap:2px}.handoff small,.process-result small{color:#6f6f77;font-size:6px;font-weight:800;letter-spacing:.07em}.handoff-from strong,.handoff-to strong{overflow:hidden;color:#d4d4d9;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.handoff>svg{color:#72727a}.handoff-copy{min-width:0;display:grid;align-content:center;gap:2px;padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}.handoff-copy small{color:var(--status-success)}.handoff-copy strong{overflow:hidden;color:var(--sami-white);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.handoff-copy p{overflow:hidden;margin:0;color:#96969e;font-size:7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.process-result{min-width:0;gap:9px;padding:11px;border:1px solid rgba(81,223,147,.23);border-radius:13px;background:#51df931a;color:var(--status-success);opacity:.28;transform:translateY(3px);transition:opacity .22s var(--ease-sami),transform .22s var(--ease-sami)}.process-result.is-visible{opacity:1;transform:none}.process-result>div{min-width:0;display:grid;gap:2px}.process-result strong{color:#d5f9e4;font-size:8px;line-height:1.35}.backend-footer{justify-content:space-between;gap:15px;padding:0 31px;border-top:1px solid rgba(255,255,255,.04);color:#5f5f67;font-size:7px}.backend-footer b{font-size:7px;font-weight:700}.chat-panel{position:absolute;z-index:10;top:70px;right:0;bottom:0;width:34.5%;min-width:410px;display:grid;grid-template-rows:96px 42px auto minmax(0,1fr) auto 65px 68px;overflow:hidden;border-radius:70px 0 0;background:var(--pure-white);color:var(--sami-black);box-shadow:-24px 0 60px #00000040}.chat-header{gap:10px;padding:27px 22px 14px 31px;border-bottom:1px solid var(--light-border)}.avatar{width:49px;height:49px;display:block;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#e2e2df}.avatar-small{width:29px;height:29px}.chat-header>div{min-width:0;flex:1;display:grid;gap:1px}.chat-header strong{font-size:17px;line-height:1.1}.chat-header span{color:#6e6e73;font-size:10px}.chat-header small{display:flex;align-items:center;gap:5px;color:#79797f;font-size:9px}.chat-header small i{width:7px;height:7px;border-radius:50%;background:#25b86d}.chat-header>button{height:34px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--light-border);border-radius:9px;background:#f4f4f2;color:var(--sami-black);font-size:8px;font-weight:700;cursor:pointer}.chat-context{justify-content:space-between;gap:10px;padding:5px 20px;color:#a0a0a6;font-size:8px}.chat-context>button{max-width:76%;height:28px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--light-border);border-radius:8px;background:#f4f4f2;color:var(--sami-black);cursor:pointer}.chat-context b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.scenario-picker{position:absolute;z-index:20;top:132px;left:18px;right:18px;padding:13px;border:1px solid var(--light-border);border-radius:13px;background:var(--pure-white);box-shadow:0 18px 44px #0d0d1029}.scenario-picker>small{display:block;margin:0 0 8px 4px;color:#89898f;font-size:7px;font-weight:800;letter-spacing:.09em}.scenario-picker .scenario-tabs{grid-template-columns:1fr 1fr;padding:0;border:0}.scenario-picker .scenario-tabs button{justify-content:flex-start;background:#f4f4f2;color:#45454b}.scenario-picker .scenario-tabs button.is-active{background:var(--sami-black);color:var(--pure-white)}.chat-stream{min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto;padding:13px 20px 16px;scrollbar-width:none}.chat-stream::-webkit-scrollbar,.quick-replies::-webkit-scrollbar{display:none}.message-row{align-items:flex-end;gap:8px;margin:7px 0}.message-row.is-courier{justify-content:flex-end}.bubble{position:relative;max-width:80%;min-width:100px;padding:11px 40px 14px 14px;border-radius:14px;font-size:11px;line-height:1.5}.bubble-marta{border-bottom-left-radius:5px;background:#f0f0f1}.bubble-courier{border-bottom-right-radius:5px;background:var(--sami-black);color:var(--pure-white)}.bubble time{position:absolute;right:9px;bottom:6px;gap:2px;color:#7b7b81;font-size:7px}.bubble-courier time{color:#aaaab0}.typing{display:flex;gap:4px;padding:12px 13px;border-radius:14px 14px 14px 5px;background:#f0f0f1}.typing i{width:5px;height:5px;border-radius:50%;background:#7e7e84;animation:typing .8s infinite alternate}.typing i:nth-child(2){animation-delay:.13s}.typing i:nth-child(3){animation-delay:.26s}.quick-replies{min-width:0;display:flex;gap:6px;overflow-x:auto;padding:5px 19px 8px;scrollbar-width:none}.quick-replies button{height:29px;flex:0 0 auto;padding:0 9px;border:1px solid var(--light-border);border-radius:8px;background:#f2f2f0;color:var(--sami-black);font-size:8px;font-weight:650;cursor:pointer;transition:background .16s var(--ease-sami),color .16s var(--ease-sami),transform .16s var(--ease-sami)}.quick-replies button:hover{background:var(--sami-black);color:var(--pure-white)}.quick-replies button:active{transform:scale(.97)}.quick-replies button:disabled{opacity:.45;cursor:wait}.composer{height:50px;gap:5px;margin:4px 18px 11px;padding:5px 6px 5px 8px;border:1px solid var(--light-border);border-radius:16px}.composer>button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:transparent;cursor:pointer}.composer input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--sami-black);font-size:10px}.composer input::placeholder{color:#9d9da3}.composer .send-button{background:var(--sami-black);color:var(--pure-white)}.composer .send-button:disabled{opacity:.45;cursor:wait}.chat-bottom{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--light-border)}.chat-bottom button{position:relative;justify-content:center;flex-direction:column;gap:4px;border:0;background:transparent;color:#74747a;font-size:7px;cursor:pointer}.chat-bottom button.is-active{color:var(--sami-black);font-weight:700}.chat-bottom button.is-active:after{content:"";position:absolute;left:32%;right:32%;bottom:6px;height:2px;background:var(--sami-black)}.mobile-switch{display:none}@keyframes status-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes typing{to{opacity:.28;transform:translateY(-2px)}}@media(max-width:1220px){.backend{width:65%}.chat-panel{width:38%;min-width:390px}.brand-lockup small,.backend-nav>div:first-child>small{display:none}.sami-logo{width:116px}.scenario-tabs{padding-inline:25px}.process-source{margin-inline:25px}.process-area,.process-explainer{margin-left:25px;margin-right:56px}.handoff{grid-template-columns:30px 52px 18px 57px minmax(0,1fr);gap:6px;padding-inline:9px}.process-explainer{grid-template-columns:minmax(0,1fr) 140px}}@media(max-width:900px){body{overflow:auto}.app-shell{height:100dvh;min-height:620px}.mobile-switch{position:fixed;z-index:100;top:max(9px,env(safe-area-inset-top));left:50%;display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#0d0d10f0;color:var(--pure-white);transform:translate(-50%)}.mobile-switch button{height:28px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#97979e;font-size:9px;font-weight:700}.mobile-switch button.is-active{background:var(--pure-white);color:var(--sami-black)}.backend,.chat-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;height:100%;border-radius:0}.backend{z-index:20;grid-template-rows:65px 58px auto 93px auto auto 34px;overflow-y:auto}.chat-panel{z-index:30;top:0;grid-template-rows:92px 42px auto minmax(0,1fr) auto 62px 68px;box-shadow:none}.mobile-chat .backend,.mobile-backend .chat-panel{display:none}.backend-header{padding:35px 15px 0}.backend-header .sami-logo{width:104px}.brand-lockup>.brand-divider,.brand-lockup b{display:none}.trace-state{font-size:6px}.backend-nav{padding:8px 13px 0}.backend-nav>div:first-child>span{max-width:110px;line-height:1.25}.playback-controls button{padding-inline:8px}.scenario-tabs{height:50px;min-height:50px;display:flex;gap:7px;overflow-x:auto;padding:8px 13px;scrollbar-width:none}.scenario-tabs button{min-width:112px;justify-content:flex-start}.process-source{margin:8px 13px}.process-source strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.process-area{height:570px;min-height:570px;margin:3px 13px 8px;overflow:visible}.route-horizontal,.moving-horizontal{display:none}.route-vertical{top:5%;bottom:5%;left:27px;width:1px;display:block}.route-vertical>span{display:block;width:100%;background:var(--sami-white)}.moving-vertical{left:15px;display:grid;transform:translateY(-50%) rotate(90deg)}.process-nodes{height:100%;grid-template-columns:1fr;grid-template-rows:repeat(7,minmax(0,1fr));gap:7px}.process-node{height:auto;grid-template-columns:56px 82px 1fr;grid-template-rows:1fr;justify-items:start;align-items:center;gap:5px;padding:0 10px 0 0;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#151519;text-align:left}.process-node-icon{align-self:center;width:42px;height:42px;margin:0 0 0 5px}.process-node small,.process-node strong{align-self:center;white-space:normal}.process-node small{font-size:7px}.process-node strong{font-size:9px}.process-node.is-active{border-color:var(--sami-white);background:var(--sami-white)}.process-node.is-active small,.process-node.is-active strong{color:var(--sami-black)}.process-explainer{grid-template-columns:1fr;margin:0 13px 10px}.handoff{grid-template-columns:34px 1fr 20px 1fr;min-height:95px}.handoff-copy{grid-column:1 / -1;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.08);border-left:0}.handoff-copy p{white-space:normal}.process-result{min-height:68px}.backend-footer{padding-inline:15px}.backend-footer>span{display:none}.chat-header{padding:max(45px,env(safe-area-inset-top)) 13px 10px}.chat-header>button span{display:none}.chat-context{padding-inline:13px}.scenario-picker .scenario-tabs{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;overflow:visible}.scenario-picker .scenario-tabs button{min-width:0}.chat-stream{padding-inline:13px}.bubble{max-width:84%;font-size:12px}.quick-replies{padding-inline:12px}.quick-replies button{height:33px;font-size:9px}.composer{margin-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}