/* All demos reflow against the device frame, not merely the browser viewport. */
.d-app{--dink:#e6eddf;--dmuted:#adbaa0;--ddim:#839475;--dborder:#3a4a30;--dpanel:#1d2918;--dsoft:#26371e;--dgreen:#caf58a;--dgreen-ink:#213312;color:var(--dink);background:#151e12;min-height:360px;font-size:13px;line-height:1.6}.d-app *{box-sizing:border-box}.d-app h3{font-size:30px;line-height:1.12;letter-spacing:-.045em;color:var(--dink);margin:10px 0 18px}.d-app p{color:var(--dmuted)}.d-app code{font-family:var(--mono);overflow-wrap:anywhere}.d-app .small-link{color:var(--dmuted);font-size:10px}.d-app-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:45px;padding:13px 24px;border-bottom:1px solid var(--dborder);background:#ffffff02;font:9px var(--mono);letter-spacing:.03em;color:var(--ddim)}.d-logo{font-size:11px;color:var(--dgreen)}.d-body{padding:25px 28px 27px;overflow:hidden}.d-subtitle{font-size:11px;line-height:1.75;margin-bottom:23px;padding-bottom:16px;border-bottom:1px solid var(--dborder)}.d-overline{display:block;font:9px/1.8 var(--mono);letter-spacing:.11em;color:var(--ddim);text-transform:uppercase}.d-text{font-size:12px;line-height:1.8;max-width:530px;margin:10px 0 22px}.d-tiny{display:block;font:9px/1.8 var(--mono);color:var(--ddim);margin-top:13px}.d-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dborder);padding:10px 13px;font-size:11px;min-height:38px;border-radius:3px;background:transparent;color:var(--dink);transition:background .2s,border-color .2s;line-height:1.4}.d-button:hover{border-color:var(--dgreen);background:var(--dsoft)}.d-button.d-primary{background:var(--dgreen);border-color:var(--dgreen);color:var(--dgreen-ink);font-weight:600}.d-button.d-primary:hover{filter:brightness(1.07)}.d-chip{display:inline-block;border:1px solid #516939;background:#2c4020;padding:5px 8px;color:#d2f7a5;border-radius:2px;font:8px/1.3 var(--mono);letter-spacing:.05em;white-space:nowrap}.d-chip.warning{background:#41321d;color:#f4d5a5;border-color:#6b5734}.d-chip.neutral{background:var(--dpanel);color:var(--dmuted);border-color:var(--dborder)}.d-chip.concept{background:#352744;color:#dac3f6;border-color:#685382}.d-note{margin-top:23px;background:var(--dpanel);border:1px solid var(--dborder);border-left:2px solid #677f51;padding:12px 15px;color:var(--dmuted);font-size:10px;line-height:1.75;overflow-wrap:anywhere}.d-note.warning{border-color:#5b4f34;border-left-color:#d4b378;background:#29261a;color:#d5c69b}.d-note.error{border-color:#754138;border-left-color:#e6a493;background:#341e19;color:#f1b6a8}.d-note.concept{border-left-color:#bb9cde}.d-field{display:block;font-size:11px;color:var(--dmuted);margin:16px 0}.d-field input,.d-field select{width:100%;margin-top:7px;padding:10px 12px;min-height:39px;border:1px solid var(--dborder);border-radius:3px;background:var(--dpanel);color:var(--dink);font:12px var(--mono);line-height:1.4}.d-field select{font:11px var(--sans)}.d-field input:focus,.d-field select:focus{border-color:var(--dgreen)}.d-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.d-metrics{display:grid;gap:12px;margin:22px 0}.d-metrics.two{grid-template-columns:1fr 1fr}.d-metrics.three{grid-template-columns:repeat(3,1fr)}.d-metric{padding:20px 17px;border:1px solid var(--dborder);background:var(--dpanel);min-width:0}.d-metric>span{font:9px var(--mono);color:var(--dmuted);line-height:1.8;display:block}.d-metric strong{font:30px/1.3 var(--mono);letter-spacing:-1px;color:var(--dink);display:block;margin:7px 0;overflow-wrap:anywhere}.d-metric small{font-size:9px;color:var(--ddim);line-height:1.6;display:block}.d-tabs{display:flex;gap:5px;margin:-2px 0 28px;padding-bottom:12px;border-bottom:1px solid var(--dborder);flex-wrap:wrap}.d-tabs>button{padding:8px 11px;border:1px solid transparent;border-radius:3px;color:var(--dmuted);font-size:11px}.d-tabs>button.active{color:var(--dgreen);background:var(--dsoft);border-color:var(--dborder)}.d-flex-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.d-flex-head h3{margin:4px 0 17px}.d-toggle{display:flex;gap:6px;flex-wrap:wrap}.d-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.d-actions .d-tiny{margin:0 0 0 auto;max-width:200px}.d-result{display:flex;align-items:flex-start;gap:14px;padding:17px 18px;border:1px solid #5d773e;background:#26381b;margin-top:22px;color:#e2f7c5;overflow-wrap:anywhere}.d-result b{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.d-result p{font-size:10px;line-height:1.8;color:#b7c8a8;margin-top:7px}.d-result code{font-size:9px;line-height:1.8;color:#c6dcaf;display:block}.result-icon{border:1px solid #789455;color:#d4f3ac;width:25px;height:25px;display:grid;place-items:center;font:14px var(--mono);flex-shrink:0;border-radius:50%}.d-result.failure{background:#38221b;border-color:#81503b;color:#f2c8b8}.d-result.failure p,.d-result.failure code{color:#d2aa99}.d-result.failure .result-icon{border-color:#b57255;color:#eeb597}.d-result.neutral{background:var(--dpanel);border-color:var(--dborder);color:var(--dink)}.d-result.neutral p,.d-result.neutral code{color:var(--dmuted)}.d-progress{display:flex;gap:0;border:1px solid var(--dborder);margin-top:20px;border-radius:3px;overflow:hidden}.d-progress>button{flex:1;min-width:0;padding:15px 6px 13px;display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid var(--dborder);color:var(--ddim);text-align:center}.d-progress>button:last-child{border-right:0}.d-progress>button>span{font:12px var(--mono)}.d-progress>button small{font-size:9px;line-height:1.45}.d-progress>button.done{color:var(--dgreen);background:var(--dsoft)}.d-progress>button.current{box-shadow:inset 0 -2px var(--dgreen)}.d-city-head{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:24px}.d-city-head h3{font-size:31px}.d-city-head p{font-size:12px;max-width:360px}.d-city-switch{display:flex;gap:6px}.d-original-screen{position:relative;border:1px solid #627d49;border-radius:4px;overflow:hidden;max-height:510px}.d-original-screen img{width:100%}.d-original-screen>span{position:absolute;left:15px;bottom:13px;background:#172212ea;border:1px solid #6e865b;padding:6px 9px;font:8px var(--mono);color:#c4ddb0}.d-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0}.d-capabilities>span{font-size:10px;padding:10px;border:1px solid var(--dborder);text-align:center;color:var(--dmuted)}.d-pipeline-map{display:flex;gap:7px;align-items:center;margin-top:26px}.d-pipeline-map>div{flex:1;min-width:0;padding:15px 10px;border:1px solid #617d46;background:#23331b}.d-pipeline-map>div b{font-size:10px;font-weight:500;color:#dae9cc}.d-pipeline-map>div code{font-size:10px;color:var(--dgreen);display:block;margin-top:13px}.d-pipeline-map>div small{font-size:8px;color:var(--ddim);margin-top:8px;display:block}.d-pipeline-map>span{font-size:18px;color:var(--ddim)}.d-pipeline-map>div.missing{border-style:dashed;border-color:#806543;background:#2b261d}.d-pipeline-map>div.missing code{color:#d7bd90}.skin-paper{--dink:#263227;--dmuted:#59664f;--ddim:#637354;--dborder:#b7c5a6;--dpanel:#e4ebdb;--dsoft:#d8e6c8;--dgreen:#385d24;--dgreen-ink:#f0f8e9;background:#f0f3e8;color:var(--dink)}.skin-paper .d-app-bar{background:#e2e8d8}.skin-paper .d-logo{color:#355b24}.skin-paper .d-note{border-color:#b5c4a3;border-left-color:#728854;background:#e4ebd9;color:#57644b}.skin-paper .d-note.warning{background:#eeeadc;border-color:#c9b895;border-left-color:#947444;color:#715e3e}.skin-paper .d-note.error{background:#f2e3da;border-color:#cca38d;color:#8e472c}.skin-paper .d-result{background:#e0ecd1;border-color:#a1ba87;color:#335b21}.skin-paper .d-result p,.skin-paper .d-result code{color:#526c3f}.skin-paper .d-result .result-icon{color:#406529;border-color:#84a064}.skin-paper .d-result.failure{background:#f0e0d5;color:#8b4225;border-color:#c39579}.skin-paper .d-result.failure code,.skin-paper .d-result.failure p{color:#92573b}.skin-paper .d-chip{background:#d9e7ca;color:#3f6427;border-color:#a2b689}.skin-paper .d-chip.neutral{background:#e2e7da;color:#667155;border-color:#bec8b0}.skin-paper .small-link{color:#5b6b4d}.skin-paper input:focus-visible,.skin-paper button:focus-visible,.skin-paper select:focus-visible{outline-color:#416a2a}.order-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.order-product{display:flex;gap:20px;align-items:center;min-height:135px}.pizza-icon{width:126px;flex-shrink:0}.order-product h3{font-size:26px;margin:8px 0 6px}.order-product p{font-size:10px;line-height:1.7;margin-bottom:12px}.order-product>div>strong{font:20px var(--mono)}.order-product strong small{font-size:10px;color:var(--dmuted)}.stepper{display:flex;gap:0;align-items:center;margin-top:7px}.stepper .d-button{padding:8px 12px;font-size:18px;min-width:35px;min-height:39px;border-radius:3px}.stepper input{margin:0;border:0;background:none;width:62px;min-width:0;text-align:center;font:14px var(--mono);padding:8px 0;appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.order-secondary{margin-top:20px}.receipt{padding:24px 23px;background:#fffdf6;border:1px solid #d5d8c5;box-shadow:0 8px 20px #30481f08;position:relative}.receipt:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:5px;background:linear-gradient(135deg,#fffdf6 25%,transparent 25%) -5px 0,linear-gradient(225deg,#fffdf6 25%,transparent 25%) -5px 0;background-size:10px 10px}.receipt-brand{font:10px var(--mono);letter-spacing:.14em;text-align:center;color:#637257;border-bottom:1px dashed #bdc4a8;padding-bottom:18px}.receipt h4{font-size:17px;font-weight:500;margin:22px 0 21px}.receipt-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#647154;margin-top:11px}.receipt-line b{font-weight:400;color:#37432b}.receipt-total{border-top:1px dashed #bdc4a8;padding-top:18px;margin-top:23px}.receipt-total>span{font-size:11px;color:#667254}.receipt-total strong{display:block;font:37px/1.2 var(--mono);letter-spacing:-2px;color:#314724;margin:6px 0 11px}.receipt p{font-size:9px;margin-top:12px}.receipt .d-button{width:100%;margin-top:24px}.receipt-bottom{display:block;text-align:center;font:8px/1.7 var(--mono);color:#788168;margin-top:13px}.integration-rail{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.integration-rail span{font-size:9px;padding:8px 10px;border:1px solid #a9bd95;color:#496236;background:#e2ebd8}.integration-rail span.unavailable{background:transparent;border-style:dashed;color:#737565}.integration-rail i{font-style:normal;color:#7d8e65}.concept-intro{display:flex;flex-direction:column;align-items:center;text-align:center}.concept-intro h3{font-size:34px;margin:20px 0 15px}.concept-intro>p{font-size:12px;line-height:1.9;max-width:460px}.concept-stage{width:100%;border:1px solid #554363;margin-top:22px;border-radius:5px;background:radial-gradient(ellipse at center,#39294a77,transparent 75%);position:relative}.concept-stage svg{height:300px;width:100%}.concept-stage>span{font:10px var(--mono);color:#bea6d8;display:block;padding-bottom:16px}.radar-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.radar-post{border:1px solid var(--dborder);padding:15px;margin:12px 0;background:var(--dpanel)}.radar-post>span{font:8px var(--mono);color:var(--ddim)}.radar-post>p{font-size:12px;line-height:1.8;margin:9px 0}.radar-layout>.d-button{margin-top:15px}.radar-report{padding:25px;border:1px solid var(--dborder);background:var(--dpanel)}.topic-row{display:grid;grid-template-columns:110px 1fr 12px;gap:10px;align-items:center;font-size:10px;color:var(--dmuted);margin:30px 0}.topic-row>div{height:5px;background:#344729}.topic-row i{background:var(--dgreen);height:100%;display:block;transition:width .5s}.topic-row b{font:12px var(--mono);color:var(--dgreen)}.sentiment-gap{border-top:1px dashed #76623f;padding-top:25px;margin-top:30px}.sentiment-gap>span{font-size:10px;color:#bca980}.sentiment-gap strong{font-size:22px;color:#e1ccaa;display:block;font-weight:400;letter-spacing:-.02em;margin:9px 0}.sentiment-gap code{font-size:10px;color:#c3a777}.sentiment-gap p{font-size:10px;line-height:1.8;margin-top:15px}.voice-layout{display:grid;grid-template-columns:37% 63%;border:1px solid var(--dborder);border-radius:4px;overflow:hidden}.voice-call{text-align:center;border-right:1px solid var(--dborder);padding:24px 20px;background:var(--dpanel)}.voice-orb{height:100px;width:100px;margin:0 auto 17px;border:1px solid #7b9b59;border-radius:50%;display:grid;place-items:center;position:relative;background:#26381c}.voice-orb:before,.voice-orb:after{content:"";position:absolute;inset:10px;border:1px solid #8ba35f55;border-radius:50%}.voice-orb:after{inset:-8px;border-style:dashed;opacity:.5}.voice-orb span{font:45px var(--mono);color:var(--dgreen)}.voice-orb.speaking:before{animation:orb-wave 1.8s ease-out infinite}.voice-label{font-size:12px;color:var(--dink)}.voice-state{font:9px var(--mono);margin-top:8px}.voice-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:70px;margin:16px 0 7px}.voice-wave>i{width:3px;background:#91b365;border-radius:2px;animation:voice-wave 1.1s ease-in-out infinite alternate}.voice-call .d-tiny{font-size:8px}.transcript{padding:23px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:302px}.transcript-label{font:8px var(--mono);color:var(--ddim);letter-spacing:.08em;margin-bottom:15px}.bubble{padding:13px 15px;max-width:90%;border:1px solid var(--dborder);font-size:12px;line-height:1.65;margin:10px 0;border-radius:10px;background:var(--dpanel);color:var(--dink);overflow-wrap:anywhere}.bubble>small{font:8px var(--mono);display:block;color:var(--ddim);margin-bottom:7px}.bubble.user{align-self:flex-end;background:var(--dsoft);border-radius:10px 10px 2px 10px}.bubble.assistant{border-radius:10px 10px 10px 2px}.transcript-empty{font-size:14px;color:var(--ddim);margin:auto;align-self:center;text-align:center;line-height:1.8}.voice-tool{display:flex;align-items:flex-start;gap:10px;font-size:10px;color:var(--ddim);padding:12px 0}.voice-tool>span{color:var(--dgreen);font:17px var(--mono)}.voice-tool b{font-weight:400;display:block;margin-bottom:5px;color:var(--dmuted)}.voice-tool code{font-size:9px}.vision-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:23px}.vision-monitor{min-width:0}.vision-monitor-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font:9px var(--mono);color:var(--dmuted);border:1px solid var(--dborder);border-bottom:0}.vision-frame{position:relative;border:1px solid var(--dborder);overflow:hidden}.vision-frame>img{width:100%}.vision-frame>svg{position:absolute;inset:0;height:100%;width:100%}.frame-synthetic{position:absolute;left:10px;top:10px;color:#ffffffa3;font:7px var(--mono);letter-spacing:.06em;background:#0004;padding:4px 6px}.vision-frame .scan-line{position:absolute;left:0;right:0;top:20%;height:1px;background:var(--dgreen);animation:scan 2.5s ease-in-out infinite}.vision-result{background:var(--dpanel);border:1px solid var(--dborder);padding:22px}.vision-result>strong{display:block;font:70px/1 var(--mono);letter-spacing:-5px;color:var(--dgreen);margin:27px 0 16px}.vision-result>strong small{font-size:20px;letter-spacing:0;margin-left:9px;color:var(--dmuted)}.vision-result>p{font-size:11px;line-height:1.75;margin-bottom:14px}.vision-receipt{border-top:1px solid var(--dborder);margin-top:25px;padding-top:15px}.vision-receipt span{font-size:9px;color:var(--ddim);display:block;margin-bottom:7px}.vision-receipt code{font:10px var(--mono);color:var(--dgreen)}.vision-result>.d-tiny{font-size:8px;margin-top:15px}.current-event{border:1px solid var(--dborder);padding:12px 15px;margin-top:23px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.current-event code{font:10px var(--mono);color:var(--dgreen)}.fibo-chart{border:1px solid var(--dborder);margin-top:24px;background:#10190d}.fibo-chart>svg{width:100%}.fibo-chart+.d-metrics .d-metric strong{font-size:27px}.cockpit-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:26px}.cockpit-controls{padding:20px;border:1px solid var(--dborder);background:var(--dpanel)}.cockpit-controls .d-button{width:100%;margin-top:23px}.fixed-params{display:grid;gap:8px;font-size:10px;color:var(--dmuted);margin-top:24px}.fixed-params>span{display:flex;justify-content:space-between;gap:12px}.fixed-params b{font:11px var(--mono);color:var(--dink)}.cockpit-status{display:flex;gap:5px;flex-wrap:wrap}.cockpit-preference{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:27px 0 17px}.cockpit-preference>span{font-size:10px;color:var(--dmuted)}.cockpit-preference>strong{font:25px var(--mono);color:var(--dgreen)}.cockpit-preference>i{font-size:16px;font-style:normal;color:var(--ddim)}.cockpit-levels{border:1px solid var(--dborder)}.cockpit-levels>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border-bottom:1px solid var(--dborder);font-size:10px;color:var(--dmuted)}.cockpit-levels>div:last-child{border-bottom:0}.cockpit-levels b{font:12px var(--mono);color:var(--dink)}.request-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.request-phone{background:#fbfcf6;border:1px solid #bcc9ad;padding:21px}.chat-app-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--dborder)}.chat-app-logo{width:33px;height:33px;display:grid;place-items:center;background:#526d96;color:#fff;border-radius:9px;font:17px var(--mono)}.chat-app-header b{font-size:12px;font-weight:500;display:block}.chat-app-header small{font-size:9px;color:var(--dmuted);display:block;margin-top:4px}.request-phone .bubble{margin-left:auto;margin-top:25px}.request-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d7e0c9;padding:12px 0;font-size:11px;color:#667854}.request-line b{font:12px var(--mono);color:var(--dink)}.request-phone .d-button{margin-top:23px;width:100%}.request-outcome{padding:20px 0}.request-state{display:flex;gap:13px;align-items:flex-start;margin:24px 0}.state-check,.state-missing{width:22px;height:22px;border-radius:50%;border:1px solid #9fb48a;color:#5b783f;display:grid;place-items:center;font:11px var(--mono);flex-shrink:0}.state-missing{border-style:dashed;color:#9a8155;border-color:#b9a27a}.request-state b{font-size:11px;font-weight:500;color:var(--dink)}.request-state p{font-size:10px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.access-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.access-presets{display:grid;gap:10px;margin-top:17px}.access-presets>button{display:flex;gap:13px;align-items:center;text-align:left;padding:17px 15px;border:1px solid var(--dborder);background:var(--dpanel)}.access-presets>button.active{border-color:#8daf63;background:#2a3c1f}.access-presets>button>span{font:10px var(--mono);color:var(--ddim)}.access-presets b{font-size:11px;font-weight:500;line-height:1.7;display:block;color:var(--dink)}.access-presets small{font-size:9px;line-height:1.7;color:var(--ddim);display:block;margin-top:3px}.access-presets i{font-style:normal;margin-left:auto;color:var(--dgreen)}.access-result{border:1px solid #67884a;padding:28px;background:#203318;text-align:center}.access-lock{width:60px;height:60px;border:1px solid #759a4c;display:grid;place-items:center;font:37px var(--mono);color:var(--dgreen);margin:2px auto 22px;transform:rotate(-5deg);border-radius:12px}.access-result>span{font:9px var(--mono);color:#a2bd89}.access-result>strong{display:block;font:49px/1.1 var(--mono);color:var(--dgreen);margin:16px 0 27px;letter-spacing:-2px}.access-params{padding:14px 0;border-top:1px solid #516c39;border-bottom:1px solid #516c39;text-align:left}.access-params p{display:flex;gap:10px;justify-content:space-between;font-size:10px;margin:9px 0;color:#aabd97}.access-params code{font-size:10px;color:#d4e7c0}.access-result>p{font-size:10px;line-height:1.8;margin-top:20px;color:#b5c8a4}.access-result.denied{border-color:#856340;background:#30271b}.access-result.denied .access-lock{color:#efcd92;border-color:#9b7749}.access-result.denied>strong{color:#efcd92}.access-result.denied .access-params{border-color:#6d5637}.agent-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.agent-conversation{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--dborder);padding:22px}.agent-profile{display:flex;align-items:center;gap:14px;width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--dborder)}.agent-profile>span{width:43px;height:43px;border:1px solid #80a155;border-radius:3px;display:grid;place-items:center;font:22px var(--mono);background:#2b3d1f;color:var(--dgreen)}.agent-profile b{font-size:13px;font-weight:500;display:block}.agent-profile small{font-size:9px;line-height:1.7;display:block;margin-top:4px;color:var(--ddim)}.agent-conversation .d-toggle{margin-bottom:14px}.agent-conversation .bubble{max-width:93%}.agent-trace{border:1px solid var(--dborder);padding:22px;background:var(--dpanel)}.trace-line{display:flex;align-items:flex-start;gap:12px;position:relative;padding:18px 0 21px}.trace-line:not(:nth-last-child(3)):after{content:"";position:absolute;width:1px;top:40px;bottom:0;left:12px;background:#4d6735}.trace-line>i{border:1px solid #658148;width:24px;height:24px;border-radius:50%;font:8px var(--mono);display:grid;place-items:center;color:#bdd89d;flex-shrink:0;font-style:normal;background:#273b1d}.trace-line b{display:block;font-size:11px;font-weight:500;color:var(--dmuted)}.trace-line code{display:block;font-size:9px;color:var(--dgreen);margin-top:4px}.agent-trace .d-chip{margin-top:4px}.engineering-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.engineering-head h3{font-size:31px;margin:13px 0 23px}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.engineering-lanes{display:grid;gap:9px}.engineering-lane{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--dborder);background:var(--dpanel);color:var(--dmuted)}.engineering-lane>span{font:12px var(--mono);color:var(--ddim);width:23px}.engineering-lane b{font-size:11px;font-weight:400;display:block;line-height:1.5}.engineering-lane code{font-size:8px;line-height:1.6;color:var(--ddim);display:block;margin-top:4px}.engineering-lane i{margin-left:auto;font:8px var(--mono);font-style:normal;color:var(--ddim)}.engineering-lane.complete{border-color:#6a8948;background:#2c3d1f}.engineering-lane.complete>span,.engineering-lane.complete i{color:var(--dgreen)}.engineering-console{background:#0c1409;border:1px solid #3d542c;min-width:0;display:flex;flex-direction:column}.console-caption{border-bottom:1px solid #304722;display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);color:var(--ddim);padding:12px 15px}.console-caption>span{font-size:8px;color:var(--dgreen)}.engineering-console pre{font:10px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:19px;color:#b9c9a8;flex:1;margin:0}.engineering-console pre .log-number{color:#60764e}.engineering-console>p{padding:15px;font-size:8px;font-family:var(--mono);color:var(--ddim);border-top:1px solid #304722;line-height:1.8}.moderation-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.moderation-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.moderation-presets button{font-size:10px;padding:8px 9px;border:1px solid var(--dborder);background:var(--dpanel);color:var(--dmuted)}.moderation-presets button.active{color:var(--dgreen-ink);background:var(--dgreen);border-color:var(--dgreen)}.message-preview{border:1px solid #b8c8a7;background:#fbfcf7;padding:20px}.message-preview .bubble{margin-left:auto;margin-top:25px;max-width:93%;background:#e0edce;font-size:12px}.moderation-features{display:flex;gap:9px;justify-content:space-between;border-top:1px solid var(--dborder);padding-top:16px;margin-top:24px;font:8px/1.8 var(--mono);color:#778267}.moderation-features>span{display:flex;flex-direction:column}.moderation-features b{font:12px var(--mono);margin-top:3px;color:var(--dink)}.moderation-decision{padding:29px 26px;border:1px solid #9cb882;background:#e0ebd4}.moderation-decision>strong{font:51px var(--mono);letter-spacing:-2px;color:#456e2e;display:block;margin:28px 0 19px}.moderation-decision h3{font-size:23px;letter-spacing:-.035em;margin-bottom:19px}.moderation-decision>p{font-size:11px;line-height:1.9}.moderation-decision>code{display:block;font-size:9px;margin-top:28px;color:#698053}.moderation-decision.decision-flag{background:#ebe4d4;border-color:#beac88}.moderation-decision.decision-flag>strong{color:#98722f}.moderation-decision.decision-block,.moderation-decision.decision-delete{background:#ede0d5;border-color:#c4a28a}.moderation-decision.decision-block>strong,.moderation-decision.decision-delete>strong{color:#984a30}.recipe-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:32px}.recipe-layout h3{font-size:30px}.recipe-layout>.d-text{font-size:12px}.recipe-layout .d-field{margin:14px 0}.recipe-layout .d-field input{background:#f9fbf2;font-size:16px;padding:10px 13px}.recipe-presets{margin-top:19px}.recipe-output{padding:28px;background:#e2ebd7;border:1px solid #b0c198}.recipe-waterfall{display:grid;gap:26px;margin:29px 0}.waterfall-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:7px 15px}.waterfall-row>span{font-size:11px;color:#5e7350}.waterfall-row strong{text-align:right;justify-self:end;font:25px/1.3 var(--mono);letter-spacing:-1px;color:#3c5630;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.waterfall-row>div{grid-column:1/-1;height:31px;background:#cbd9bb;overflow:hidden}.waterfall-row i{display:block;height:100%;background:#849d6d;min-width:0;transition:width .35s var(--ease)}.waterfall-row:nth-child(2) i{background:#638a48}.waterfall-row.final i{background:#3f6929}.waterfall-row.final strong{font-size:40px;letter-spacing:-2px;color:#345f20}.recipe-formula{border-top:1px solid #b2c29d;padding-top:23px;margin-top:30px}.recipe-formula code{font:11px/1.9 var(--mono);color:#4a6a36}.recipe-formula>span{font-size:9px;display:block;margin-top:11px;color:#71835f}.recipe-output>.d-tiny{font-size:9px;line-height:1.8;margin-top:20px}.price-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.price-layers>div{padding:24px 20px;background:#e4ebda;border:1px solid #bdcaaa}.price-layers>div>span{font-size:12px;color:#61744f}.price-layers>div>strong{display:block;font:30px var(--mono);letter-spacing:-1px;color:#3e5b2a;margin:14px 0 16px}.price-layers strong>small{font-size:15px;letter-spacing:0;color:#6c7d5d}.price-layers code{font-size:10px;color:#758567}.price-layers .protected{border-color:#778e5b;background:#d9e7c7}.price-attempt{display:flex;align-items:center;gap:22px;margin:27px 0;font:12px var(--mono);color:#54713d;flex-wrap:wrap}.price-attempt>b{font-weight:400;font-size:22px;color:#a18750}.repair-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:23px;margin-top:25px}.repair-code{border:1px solid #7a5940;background:#211c14;min-width:0}.repair-code.fixed{border-color:#6c874f;background:#1c2816}.repair-code-top{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #685039;font:9px var(--mono);color:#c5ac86}.repair-code.fixed .repair-code-top{border-color:#516c37;color:#b3c898}.repair-code>pre{padding:23px 16px;font:11px/2 var(--mono);color:#dbc5a7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;min-height:135px}.repair-code.fixed>pre{color:#c1d5ac}.code-line{color:#8a775a;display:inline-block;margin-right:12px}.repair-explain{border-top:1px solid #5c482f;padding:19px 18px;font-size:10px;color:#bda582;line-height:1.9}.fixed .repair-explain{border-color:#516c37;color:#aac297}.repair-check{border:1px solid var(--dborder);background:var(--dpanel);padding:24px}.repair-check>code{font:11px var(--mono);display:block;color:var(--dmuted);margin-top:22px}.repair-check strong{font:29px/1.3 var(--mono);letter-spacing:-1px;display:block;margin:26px 0 12px;overflow-wrap:anywhere}.repair-check .ok{color:var(--dgreen)}.repair-check .bad{color:#dfb088}.repair-check p{font-size:10px;margin-bottom:17px}.repair-check .d-button{width:100%;margin-top:8px}.repair-check>.d-tiny{font-size:8px}.diagnostic-chain{display:flex;gap:11px;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px 0;margin-top:20px;font:9px var(--mono);color:var(--dmuted)}.diagnostic-chain>b{color:#76905a;font-size:14px;font-weight:400}
@keyframes voice-wave{from{transform:scaleY(.5);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes orb-wave{from{inset:9px;opacity:.8}to{inset:-17px;opacity:0}}
@container(max-width:760px){.d-body{padding:22px}.d-app h3{font-size:27px}.d-app-bar{padding:12px 20px}.d-flex-head{align-items:flex-start;flex-direction:column;gap:4px}.d-flex-head .d-toggle{margin-bottom:14px}.order-layout{gap:22px}.order-product{gap:12px}.pizza-icon{width:86px}.order-product h3{font-size:23px}.receipt{padding:21px 18px}.receipt-total strong{font-size:31px}.d-metric{padding:16px 12px}.d-metric strong{font-size:26px}.vision-layout{grid-template-columns:1.5fr 1fr;gap:17px}.vision-result{padding:19px 17px}.vision-result>strong{font-size:57px}.vision-result>p{font-size:10px}.voice-call{padding:24px 13px}.transcript{padding:20px 17px}.d-actions .d-tiny{max-width:none;margin-left:0;width:100%}.cockpit-layout{grid-template-columns:1fr 1.3fr;gap:18px}.cockpit-controls{padding:17px}.cockpit-preference{gap:10px}.cockpit-preference>strong{font-size:23px}.access-layout{gap:18px}.access-presets>button{padding:15px 12px;gap:9px}.access-presets b{font-size:10px}.access-result{padding:23px 18px}.access-result>strong{font-size:43px}.agent-layout{gap:20px}.agent-conversation,.agent-trace{padding:18px}.agent-conversation .d-toggle{gap:6px}.agent-conversation .d-toggle .d-button{font-size:10px;padding:8px 11px}.engineering-grid{gap:17px}.engineering-console pre{font-size:9px;padding:16px}.engineering-lane{padding:12px 10px;gap:8px}.moderation-layout{gap:20px}.moderation-decision{padding:24px 20px}.moderation-decision>strong{font-size:44px}.recipe-layout{gap:25px}.recipe-output{padding:23px 20px}.recipe-output .waterfall-row.final strong{font-size:35px}.price-layers{gap:11px}.price-layers>div{padding:20px 14px}.price-layers>div>strong{font-size:25px}.repair-layout{grid-template-columns:1.35fr 1fr;gap:17px}.repair-code-top{font-size:8px;padding:11px 12px}.repair-code>pre{font-size:10px;padding:20px 12px}.repair-check{padding:20px 17px}.repair-check strong{font-size:25px}.d-pipeline-map{flex-wrap:wrap;gap:8px}.d-pipeline-map>div{min-width:125px}.d-pipeline-map>span{display:none}.radar-layout{gap:22px}.radar-report{padding:21px 17px}.topic-row{grid-template-columns:95px 1fr 10px;font-size:9px;gap:8px}}
@container(max-width:550px){.d-body{padding:20px 17px 24px}.d-app-bar{padding:12px 16px;font-size:7px;gap:10px}.d-logo{font-size:10px}.d-subtitle{font-size:10px;line-height:1.8;margin-bottom:20px;padding-bottom:14px}.d-app h3{font-size:27px;line-height:1.15}.d-overline{font-size:8px}.d-tabs{gap:3px;margin-bottom:23px;padding-bottom:10px}.d-tabs>button{font-size:10px;padding:7px 9px}.d-button{font-size:10px;min-height:39px;padding:10px 12px}.d-note{font-size:9px;line-height:1.9;margin-top:20px;padding:12px 13px}.d-result{padding:15px 13px;gap:11px}.d-result b{font-size:11px}.d-result p,.d-result code{font-size:9px}.d-metrics.three{grid-template-columns:1fr}.d-metrics.three .d-metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px}.d-metrics.three .d-metric strong{font-size:25px;margin:0}.d-metrics.three .d-metric small{grid-column:1/-1}.d-metric strong{font-size:25px}.d-metric>span{font-size:8px}.d-metric small{font-size:8px}.d-city-head{display:block}.d-city-head h3{font-size:28px}.d-city-head p{font-size:11px}.d-city-switch{margin-top:17px}.d-capabilities{grid-template-columns:1fr 1fr;gap:9px}.d-capabilities>span{font-size:9px}.d-original-screen{max-height:420px}.d-original-screen>span{font-size:7px;left:7px;bottom:7px;padding:5px}.d-pipeline-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.d-pipeline-map>div{min-width:0;padding:13px 10px}.d-pipeline-map>div b{font-size:9px}.d-pipeline-map>div code{font-size:9px}.d-pipeline-map>div small{font-size:7px;line-height:1.7}.order-layout{grid-template-columns:1fr;gap:24px}.order-product{gap:20px;min-height:120px}.pizza-icon{width:104px}.order-product h3{font-size:27px}.order-product p{font-size:10px}.d-field-row{gap:16px}.receipt{padding:22px}.receipt-total strong{font-size:40px}.receipt h4{font-size:19px}.receipt-line{font-size:12px}.receipt p{font-size:10px}.receipt-bottom{font-size:9px}.receipt .d-button{min-height:44px}.integration-rail{gap:7px;margin-top:26px}.integration-rail span{font-size:8px;padding:7px}.concept-intro h3{font-size:30px}.concept-intro p{font-size:11px}.concept-stage svg{height:245px}.concept-stage>span{font-size:9px}.radar-layout{grid-template-columns:1fr;gap:23px}.radar-report{padding:22px}.radar-layout h3{font-size:30px}.radar-post{padding:16px}.radar-post p{font-size:12px}.topic-row{grid-template-columns:110px 1fr 12px;font-size:10px}.voice-layout{grid-template-columns:1fr}.voice-call{border-right:0;border-bottom:1px solid var(--dborder);padding:19px;display:grid;grid-template-columns:65px 1fr;text-align:left;gap:2px 19px}.voice-orb{height:60px;width:60px;margin:4px 0;grid-row:1/4}.voice-orb>span{font-size:30px}.voice-label{font-size:12px;margin-top:5px}.voice-state{font-size:8px;line-height:1.6;margin-top:4px}.voice-call .voice-wave{display:none}.voice-call .d-tiny{font-size:7px;margin-top:3px}.transcript{padding:20px;min-height:280px}.transcript-label{font-size:7px}.bubble{font-size:12px;padding:13px 15px}.bubble>small{font-size:8px}.d-progress>button{padding:12px 4px;gap:7px}.d-progress>button>span{font-size:10px}.d-progress>button small{font-size:8px;line-height:1.6}.d-actions{gap:8px;margin-top:17px}.d-actions .d-button{font-size:9px;padding:9px 11px;min-height:37px}.d-actions .d-tiny{font-size:8px;line-height:1.8}.vision-layout{grid-template-columns:1fr;gap:18px}.vision-result{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:21px}.vision-result>.d-overline{grid-column:1/-1}.vision-result>strong{font-size:57px;margin:12px 0 5px;grid-row:2/4;max-width:100%;letter-spacing:-3px}.vision-result>strong>small{font-size:16px}.vision-result>p{font-size:9px;margin:12px 0 0;align-self:end}.vision-result .d-chip{align-self:start;font-size:7px;justify-self:start;margin-top:5px}.vision-receipt{margin-top:13px;grid-column:1/-1;padding-top:13px}.vision-result>.d-tiny{grid-column:1/-1;font-size:8px;margin:8px 0 0}.d-progress:has(button:nth-child(6)){display:grid;grid-template-columns:repeat(3,1fr)}.d-progress:has(button:nth-child(6))>button:nth-child(3){border-right:0}.d-progress:has(button:nth-child(6))>button:nth-child(-n+3){border-bottom:1px solid var(--dborder)}.current-event{gap:8px;padding:12px;margin-top:20px}.current-event code{font-size:9px;line-height:1.8}.fibo-chart{margin-top:17px}.fibo-chart svg{min-height:145px}.d-flex-head{gap:6px}.d-flex-head .d-toggle .d-button{font-size:10px}.cockpit-layout{grid-template-columns:1fr;gap:24px}.cockpit-controls{padding:20px}.cockpit-controls .d-field{display:inline-block;width:calc(50% - 9px);vertical-align:top}.cockpit-controls .d-field:nth-of-type(2){margin-left:13px}.cockpit-preference{gap:11px}.cockpit-levels>div{padding:14px 16px;font-size:11px}.cockpit-status .d-chip{font-size:8px}.fixed-params{font-size:11px}.cockpit-controls .d-tiny{font-size:8px}.request-layout{grid-template-columns:1fr;gap:14px}.request-phone{padding:20px}.request-outcome{padding:8px 0}.request-state{margin:22px 0}.request-state p{font-size:10px}.access-layout{grid-template-columns:1fr;gap:24px}.access-presets{gap:8px}.access-presets>button{padding:15px 13px;gap:12px}.access-presets b{font-size:11px}.access-result{padding:25px}.access-result>strong{font-size:55px;margin:17px 0 25px}.access-lock{height:53px;width:53px;font-size:34px;margin-bottom:18px}.access-params p{font-size:11px}.access-params code{font-size:11px}.access-result>p{font-size:11px}.agent-layout{grid-template-columns:1fr;gap:21px}.agent-conversation,.agent-trace{padding:21px}.agent-profile small{font-size:8px}.agent-conversation .d-toggle .d-button{font-size:10px;padding:8px 10px}.agent-trace .d-overline{font-size:8px}.trace-line b{font-size:12px}.trace-line code{font-size:10px}.engineering-head{display:block}.engineering-head h3{font-size:29px;margin-bottom:19px}.engineering-head>.d-chip{margin-bottom:24px}.engineering-grid{grid-template-columns:1fr;gap:20px}.engineering-lane{padding:14px 13px}.engineering-lane b{font-size:12px}.engineering-lane code{font-size:9px}.engineering-console{min-height:260px}.engineering-console pre{font-size:10px;padding:20px}.engineering-console p{font-size:8px}.moderation-layout{grid-template-columns:1fr;gap:22px}.moderation-presets button{font-size:10px;padding:9px 11px}.message-preview{padding:19px}.moderation-decision{padding:25px}.moderation-decision>strong{font-size:52px;margin:21px 0 18px}.moderation-decision h3{font-size:25px}.moderation-decision>p{font-size:11px}.moderation-decision>code{margin-top:24px}.recipe-layout{grid-template-columns:1fr;gap:26px}.recipe-layout h3{font-size:30px}.recipe-layout .d-text{font-size:11px;max-width:320px}.recipe-layout .d-field{margin:17px 0;font-size:12px}.recipe-layout .d-field input{padding:12px 14px;font-size:16px}.recipe-output{padding:24px 20px}.recipe-output .waterfall-row.final strong{font-size:37px}.waterfall-row strong{font-size:27px;max-width:190px}.waterfall-row>span{font-size:12px}.waterfall-row>div{height:32px}.recipe-formula code{font-size:11px}.recipe-output>.d-tiny{font-size:9px}.price-layers{grid-template-columns:1fr;gap:11px}.price-layers>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px}.price-layers>div>span{font-size:13px}.price-layers>div>strong{font-size:26px;margin:0;grid-row:1/3;grid-column:2}.price-layers code{font-size:10px}.price-attempt{font-size:10px;gap:12px}.repair-layout{grid-template-columns:1fr;gap:21px;margin-top:20px}.repair-code-top{font-size:8px}.repair-code pre{font-size:10px;line-height:2.1;padding:20px 12px}.repair-check{padding:23px}.repair-check>strong{font-size:33px}.repair-check>p{font-size:11px}.repair-check>.d-tiny{font-size:9px}.repair-explain{font-size:10px}.diagnostic-chain{gap:8px;font-size:8px;justify-content:flex-start;line-height:1.9}}
@container(max-width:330px){.d-body{padding:17px 13px}.d-app-bar{padding:12px}.d-app h3{font-size:25px}.pizza-icon{width:84px}.order-product{gap:13px}.order-product h3{font-size:24px}.d-field-row{gap:12px}.moderation-presets{gap:4px}.moderation-presets button{padding:8px 9px;font-size:9px}.waterfall-row strong{max-width:155px;font-size:22px}.recipe-output .waterfall-row.final strong{font-size:29px}.recipe-output{padding:20px 16px}.d-actions .d-button{font-size:8px;padding:8px 9px}.d-app-bar>span:last-child{font-size:6px}.vision-result>strong{font-size:46px}.vision-result>strong>small{font-size:14px}.access-params code{font-size:9px}.access-result>strong{font-size:47px}.concept-intro h3{font-size:27px}}