:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#007aff;--line:#e2e4e9;--muted:#86868b;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0;transition:background .18s,opacity .18s,transform .18s;display:inline-flex}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #007aff70}input:focus,select:focus,textarea:focus{outline:none}a{color:var(--blue);text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.6px;font-size:22px}h3{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}pre{tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 SFMono-Regular,Consolas,monospace}code{font-family:SFMono-Regular,Consolas,monospace}.studio{flex-direction:column;height:100dvh;min-height:680px;display:flex}.toolbar{background:#fafafbd9;border-bottom:1px solid #d8dae0;flex-shrink:0;justify-content:space-between;align-items:center;height:53px;padding:0 26px;display:flex;position:relative}.brand{letter-spacing:-.2px;color:#596273;align-items:center;gap:9px;font-size:17px;display:flex}.brand strong{color:#1d1d1f;font-weight:650}.brand-symbol{color:#007aff;background:#e3edff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:4px;display:flex}.slash{color:#9aa1ac}.segmented{background:#eeeff3;border:1px solid #e0e2e8;border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{color:#596273;white-space:nowrap;border-radius:6px;flex:1;min-height:30px;font-size:13px}.segmented .selected{color:#007aff;background:#fff;box-shadow:0 1px 4px #00000010}.view-mode{width:172px;padding:2px;position:absolute;left:50%;transform:translate(-50%)}.view-mode .selected{color:#fff;background:#007aff;box-shadow:0 1px 4px #007aff40}.export-button{color:#4f5867;gap:9px;padding:8px 0 8px 12px;font-size:14px}.workspace{flex:1;min-height:0;display:flex}.phone-canvas{background:radial-gradient(at 50% 38%,#fff 0%,#f5f5f7 70%);flex:1;justify-content:center;align-items:center;min-width:0;padding:24px 40px;display:flex}.phone{background:linear-gradient(100deg,#27282a,#080809 12%,#121213 88%,#424448);border:2px solid #7e8084;border-radius:57px;flex-shrink:0;width:398px;height:min(848px,100dvh - 107px);min-height:575px;padding:10px;position:relative;box-shadow:0 0 0 2px #292a2c,0 0 0 4px #b8b9bc,0 30px 55px -18px #1b253b3b,0 3px 6px #00000040}.phone-screen{background:#fff;border:1px solid #121212;border-radius:44px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-button{background:#525355;border-radius:3px;width:4px;position:absolute}.phone-button.left{left:-7px}.phone-button.one{height:31px;top:133px}.phone-button.two{height:60px;top:187px}.phone-button.right{height:80px;top:203px;right:-7px}.status-bar{letter-spacing:-.3px;flex-shrink:0;justify-content:space-between;align-items:flex-start;height:48px;padding:13px 22px 0;font-size:14px;font-weight:650;display:flex}.island{background:#050506;border-radius:25px;width:116px;height:30px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.island:after{content:"";background:radial-gradient(circle,#103268 5%,#061122 50%,#020309 70%);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;right:12px}.signals{align-items:center;gap:3px;display:flex}.phone-header{border-bottom:1px solid #edeef2;flex-shrink:0;justify-content:space-between;align-items:center;height:59px;padding:0 13px 10px;display:flex}.phone-header>button{color:var(--blue);width:32px;height:34px}.phone-header>div{text-align:center}.phone-header strong{letter-spacing:-.3px;font-size:17px;font-weight:650}.phone-header small{color:#7e8490;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.phone-header i{background:#b3b6bd;border-radius:50%;width:6px;height:6px}.phone-header i.connected{background:#28c840}.chat-list{scrollbar-width:thin;scrollbar-color:#d9dce3 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:21px 12px 18px;overflow:auto}.welcome{text-align:center;padding:58px 10px 0}.welcome-symbol{color:#007aff;background:linear-gradient(135deg,#eef4ff,#f8faff);border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 21px;display:flex;box-shadow:inset 0 1px #fff}.welcome h1{letter-spacing:-.7px;white-space:nowrap;margin-bottom:11px;font-size:21px;font-weight:600}.welcome>p{color:#9399a3;font-size:12px;line-height:1.7}.suggestions{flex-direction:column;gap:10px;margin-top:35px;display:flex}.suggestions button{background:#fafbfc;border:1px solid #e8eaf0;border-radius:13px;gap:10px;width:100%;padding:15px 12px;font-size:12px}.suggestions button>svg:first-child{color:#6c8bb9}.suggestions button span{text-align:left;flex:1}.suggestions button>svg:last-child{color:#9aabc2;transform:rotate(45deg)}.message{align-items:flex-start;gap:8px;min-width:0;margin-bottom:20px;display:flex}.message.user{justify-content:flex-end}.avatar{color:#007aff;background:#f1f5fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;margin-top:2px;display:flex}.message-stack{flex:1;min-width:0;max-width:calc(100% - 33px)}.user .message-stack{flex:0 auto;max-width:87%}.bubble{color:#24262b;overflow-wrap:anywhere;background:#f1f2f5;border-radius:16px;padding:12px 13px;font-size:13px;line-height:1.7}.user .bubble{color:#fff;background:linear-gradient(#1987ff,#007aff);border-radius:16px 16px 4px}.bubble p{white-space:pre-wrap;margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.bubble h1,.bubble h2,.bubble h3{letter-spacing:-.2px;margin:10px 0 7px;font-size:15px;line-height:1.5}.bubble h1:first-child,.bubble h2:first-child,.bubble h3:first-child{margin-top:0}.bubble ul,.bubble ol{margin:8px 0;padding-left:20px}.bubble pre{background:#fff9;border-radius:8px;padding:10px;overflow:auto}.bubble blockquote{color:#647184;border-left:2px solid #b8c8dd;margin:8px 0;padding-left:10px}.bubble hr{border:0;border-top:1px solid #d8dde5;margin:14px 0}.table-scroll{overscroll-behavior-x:contain;max-width:100%;margin:10px 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;background:#fff7;min-width:100%;font-size:11px}.table-scroll th,.table-scroll td{text-align:start;border:1px solid #dce0e8;min-width:80px;padding:7px 9px}.table-scroll th{background:#e8ecf3}.text-target{color:#0069dd;text-align:inherit;line-height:inherit;font-size:inherit;border-bottom:1px solid #007aff40;border-radius:0;display:inline}.message-footer{color:#97a0b0;justify-content:flex-end;align-items:center;gap:9px;min-height:13px;margin-top:5px;padding-right:2px;font-size:10px;display:flex}.message-footer button{color:#96a0b1}.photo{isolation:isolate;background:#f0f1f3;border-radius:10px;display:block;position:relative;overflow:hidden}.photo img{object-fit:contain;cursor:zoom-in;width:100%;height:auto;max-height:330px;display:block}.photo.failed{border:1px dashed #d3d9e3;justify-content:center;align-items:center;min-height:130px;display:flex}.image-error{color:#8b94a2;font-size:12px}.image-retry{color:#7a8597;flex-direction:column;padding:15px;font-size:11px}.image-expand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#455265;opacity:0;background:#ffffffda;border-radius:7px;width:25px;height:25px;position:absolute;bottom:8px;right:8px}.photo:hover .image-expand{opacity:1}.bubble .photo{margin:8px 0}.recommendations{flex-direction:column;gap:10px;margin-top:8px;display:flex}.recommendation{background:#fff;border:1px solid #e0e4eb;border-radius:14px;padding-bottom:12px;overflow:hidden}.recommendation .photo{background:#f3f2f0;border-radius:0}.recommendation .photo img{object-fit:contain;max-height:238px}.recommendation-label{text-align:left;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:12px 12px 9px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.recommendation-label svg{color:#8c96a7;margin-top:2px}.selection-caption{color:#9098a6;overflow-wrap:anywhere;padding:0 12px 8px;font-size:10px}.soft-button{color:#007aff;background:#e4efff;border-radius:9px;min-height:33px;padding:8px 12px;font-size:12px}.recommendation>.soft-button{width:calc(100% - 24px);margin:0 12px}.current-status{color:#8995a7;align-items:center;gap:6px;margin-top:8px;font-size:10px;line-height:1.4;display:flex}.spinner{border:1.5px solid #b9cff0;border-top-color:#007aff;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s linear infinite spin;display:inline-block}.thinking{gap:4px;padding:5px 0;display:flex}.thinking span{background:#b1bac8;border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}.task-strip{background:#f5f8fe;border-radius:10px;margin:0 0 8px 33px;padding:10px}.task-strip>div{color:#6b80a0;align-items:center;gap:6px;padding:3px 0;font-size:10px;display:flex}.task-strip>div>span:nth-child(2){flex:1}.task-strip button{color:#007aff;font-size:10px}.composer{background:#fff;border-top:1px solid #edf0f4;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px 8px;display:flex}.composer .attach{color:#475365;border:1px solid #e3e7ef;border-radius:50%;flex-shrink:0;width:36px;height:36px}.composer textarea{resize:none;field-sizing:content;background:#f7f8fa;border:1px solid #e3e6ed;border-radius:20px;flex:1;min-width:0;min-height:38px;max-height:110px;padding:9px 13px;font-size:13px;line-height:18px}.composer textarea::placeholder{color:#9aa3b0}.send{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;width:37px;height:37px}.send:disabled{opacity:1;color:#fff;background:#dce4ef}.home-indicator{background:#111;border-radius:5px;flex-shrink:0;width:119px;height:5px;margin:12px auto 8px}.attachments{border-top:1px solid var(--line);gap:7px;padding:6px 12px;display:flex}.attachments>div{width:55px;height:55px;position:relative}.attachments .photo{height:100%}.attachments img{object-fit:cover;height:100%}.attachments>div>button{color:#fff;background:#455065;border-radius:50%;width:17px;height:17px;position:absolute;top:-4px;right:-4px}.error-banner{color:#b2603d;background:#fff4ee;border-radius:10px;max-height:110px;margin:3px 12px 6px;padding:9px 10px;font-size:10px;line-height:1.6;overflow:auto}.error-banner>div{gap:12px;margin-top:4px;display:flex}.error-banner button{color:#007aff}.phone-menu{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border:1px solid #e3e6ed;border-radius:13px;flex-direction:column;min-width:165px;padding:6px;display:flex;position:absolute;top:100px;right:15px;box-shadow:0 8px 35px #24324e26}.phone-menu button{border-radius:8px;justify-content:flex-start;padding:11px 13px;font-size:12px}.phone-menu button:hover{background:#f1f4f9}.danger{color:#dc4b4b}.inspector{background:#fff;border-left:1px solid #d9dce3;flex-direction:column;flex-shrink:0;width:390px;min-height:0;display:flex}.inspector-heading{padding:26px 24px 17px}.inspector-heading h2{letter-spacing:-.5px;margin-bottom:7px;font-size:21px}.inspector-heading p{color:#9099a8;margin:0;font-size:12px}.tabs{border-bottom:1px solid var(--line);flex-shrink:0;height:44px;margin:0 22px;display:flex}.tabs button{color:#838b99;flex:1;font-size:13px;position:relative}.tabs button.active{color:#007aff}.tabs button.active:after{content:"";background:#007aff;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-dot{background:#007aff;border-radius:50%;width:4px;height:4px;position:absolute;top:11px;right:18px}.inspector-body{scrollbar-width:thin;flex:1;min-height:0;padding:23px 24px;overflow:auto}.connection-form{flex-direction:column;gap:19px;display:flex}label{font-size:12px;font-weight:500;display:block}.field{border:1px solid #d9dfe8;border-radius:8px;align-items:center;gap:13px;min-height:39px;margin-top:9px;padding:0 12px;display:flex;box-shadow:0 1px 2px #1a294703}.field svg{color:#8d96a5}.field:focus-within{border-color:#91bdff;box-shadow:0 0 0 3px #007aff09}.field input,.field select{color:#4c586b;background:0 0;border:0;flex:1;width:100%;min-width:0;height:37px;font-size:12px}.field input[type=password]{letter-spacing:2px}.field input[readonly]{color:#8d96a5;cursor:default}.user-field{gap:10px;display:flex}.user-field>.field{flex:1;min-width:0}.outline-button{color:#007aff;white-space:nowrap;border:1px solid #d9dfe8;border-radius:8px;min-height:35px;padding:8px 12px;font-size:12px}.user-field>.outline-button{min-height:39px;margin-top:9px}.connect-button{color:#007aff;align-self:flex-end;margin-top:-5px;font-size:11px}.control-section{border-top:1px solid var(--line);margin-top:23px;padding-top:22px}.control-section>.segmented{margin-top:12px}.language-label{margin-top:23px}.toggle-row{color:#7c8797;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;display:flex}.toggle-row input{appearance:none;cursor:pointer;background:#d9dce3;border-radius:12px;width:28px;height:17px;margin:0;position:relative}.toggle-row input:before{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0002}.toggle-row input:checked{background:#007aff}.toggle-row input:checked:before{transform:translate(11px)}.timeline{flex-direction:column;gap:17px;margin-top:18px;display:flex}.timeline>div{align-items:center;gap:12px;font-size:12px;line-height:1.45;display:flex;position:relative}.timeline svg{color:#007aff;z-index:1;background:#fff;position:relative}.timeline>div:not(:last-child):after{content:"";background:#c9deff;width:1px;height:21px;position:absolute;top:20px;left:9px}.timeline>div>span{flex:1}.timeline time{color:#9ba4b2;font-size:10px}.muted{color:#8c96a6}.small{font-size:11px;line-height:1.7}.control-section>p:last-child{margin:16px 0 0}.inspector-link{border-top:1px solid var(--line);color:#007aff;justify-content:flex-start;gap:12px;width:100%;margin-top:23px;padding:22px 0 0;font-size:12px;display:flex}.inspector-link svg:first-child{color:#8c96a6}.inspector-link svg:last-child{color:#8c96a6;margin-left:auto}.inspector-footer{color:#a6adb9;border-top:1px solid #eef0f4;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 24px;font-size:9px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.section-title h3{margin:0}.section-title>button{color:#8a96a8}.code-panel{color:#56647b;background:#f7f8fa;border:1px solid #e9ecf1;border-radius:10px;max-height:440px;margin:12px 0 20px;padding:13px;overflow:auto}.facts{color:#8995a7;gap:17px;font-size:11px;display:flex}.facts b{color:#596a84;font-weight:500}.coordinate-fields{flex-wrap:wrap;gap:7px;display:flex}.coordinate-fields input{border:1px solid #d9dfe8;border-radius:7px;width:calc(50% - 4px);padding:9px 10px;font-size:11px}.button-row{gap:8px;margin-top:12px;display:flex}.task-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex}.task-row strong{font-size:12px;font-weight:500}.task-row small{color:#8c96a6;margin-top:5px;font-size:10px;display:block}.task-row button{color:#007aff;font-size:11px}.event-list details{border-bottom:1px solid #edf0f4;padding:11px 0}.event-list summary{cursor:pointer;color:#78859b;gap:7px;font:10px/1.5 SFMono-Regular,Consolas,monospace;display:flex}.event-list summary span{flex:1}.event-list time{color:#a2abba;font:9px system-ui}.event-list pre{background:#f7f8fa;border-radius:8px;max-height:270px;padding:10px;font-size:10px;overflow:auto}.doc-links{flex-direction:column;margin:22px 0 27px;display:flex}.doc-links a{color:#4676ac;border-top:1px solid #edf0f4;align-items:center;gap:11px;padding:15px 0;font-size:12px;display:flex}.doc-links a>span{flex:1}.doc-links small{color:#96a1b1;margin-top:5px;font-size:10px;display:block}.api-list{color:#69778e;margin:0 0 25px;padding:0;font-size:11px;list-style:none}.api-list li{padding:5px 0}.implementation-notes p{color:#8490a2;margin-bottom:16px;font-size:11px;line-height:1.9}.implementation-notes b{color:#586b86;font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#1b253d3b;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.target-dialog{background:#fff;border-radius:22px;width:410px;max-height:88vh;padding:25px;position:relative;overflow:auto;box-shadow:0 20px 100px #1f2e4633}.close-dialog{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#657489;background:#ffffffdf;border-radius:50%;width:29px;height:29px;position:absolute;top:14px;right:14px}.target-dialog>.photo{border-radius:0;margin:-25px -25px 24px}.target-dialog>.photo img{max-height:235px}.target-dialog h2{margin-bottom:8px;font-size:19px;line-height:1.5}.target-dialog>p{color:#8995a7;font-size:12px}.target-dialog>.soft-button{width:100%}.lightbox{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10141af0;justify-content:center;align-items:center;padding:60px;display:flex;position:fixed;inset:0}.lightbox>button{color:#fff;position:absolute;top:25px;right:25px}.lightbox>div{max-width:90vw;max-height:85vh;overflow:auto}.lightbox .photo img{width:auto;max-width:90vw;max-height:85vh}.presentation .phone-canvas{padding-left:0;padding-right:0}.presentation .phone{width:410px;height:min(870px,100dvh - 107px)}.presentation .inspector{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}@media (width<=1100px){.phone-canvas{padding:25px}.inspector{width:345px}.phone{width:370px}.welcome h1{font-size:19px}.brand{font-size:15px}.brand-symbol{display:none}}@media (height<=820px) and (width>=760px){.phone{border-radius:49px;width:345px;height:calc(100dvh - 97px);padding:8px}.phone-screen{border-radius:39px}.phone-canvas{padding:20px}.welcome{padding-top:28px}.welcome h1{font-size:18px}.suggestions{margin-top:24px}.bubble{font-size:12px}.status-bar{height:44px;padding-left:20px;padding-right:17px}.island{width:103px;height:27px}.phone-header{height:55px}.inspector-heading{padding-top:21px;padding-bottom:10px}.connection-form{gap:15px}.inspector-body{padding-top:17px}.control-section{margin-top:17px;padding-top:18px}.presentation .phone{width:360px;height:calc(100dvh - 97px)}}@media (width<=760px){.studio{height:auto;min-height:100dvh}.toolbar{gap:10px;padding:0 14px}.brand{gap:5px;font-size:12px}.brand>span:last-child{display:none}.view-mode{width:138px}.view-mode button{font-size:12px}.export-button{font-size:11px}.workspace{flex-direction:column}.phone-canvas{min-height:680px;padding:28px 16px}.phone,.presentation .phone{border-radius:51px;width:min(378px,100vw - 48px);height:760px;min-height:575px;max-height:calc(100svh - 100px)}.phone-screen{border-radius:39px}.inspector{border-left:0;border-top:1px solid var(--line);width:100%;max-height:none}.inspector-body{overflow:visible}.inspector-heading{padding-top:24px}.inspector-footer{margin-top:15px}.welcome{padding-top:32px}.welcome h1{font-size:18px}.target-dialog{width:100%}.lightbox{padding:40px 12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1101px) and (height>=821px){.inspector{width:446px}.phone{width:422px;height:min(880px,100dvh - 107px)}.inspector-heading{padding:28px 26px 17px}.inspector-body{padding:25px 26px}.tabs{margin:0 24px}.tabs button{font-size:14px}.connection-form{gap:23px}label{font-size:14px}.field{min-height:44px}.field input,.field select{height:42px;font-size:14px}.user-field>.outline-button{min-height:44px}.outline-button,.soft-button{font-size:13px}.segmented button{min-height:32px;font-size:14px}.timeline>div{font-size:13px}.timeline time{font-size:11px}.bubble{font-size:14px}.welcome h1{font-size:22px}.welcome>p,.suggestions button{font-size:13px}.composer textarea,.inspector-link{font-size:14px}.connect-button,.toggle-row{font-size:12px}.control-section{margin-top:23px;padding-top:23px}.language-label{margin-top:23px}.timeline{gap:17px;margin-top:20px}.inspector-heading h2{font-size:23px}}.message-queue{border:1px solid var(--line,#e2e5e9);background:#f5f6f8;border-radius:12px;flex-shrink:0;margin:0 12px 8px;padding:9px 10px;font-size:11px}.queue-heading,.queue-item,.execution-control{align-items:center;gap:8px;display:flex}.queue-heading{flex-wrap:wrap;margin-bottom:5px}.queue-heading span{color:#67717d;flex:1}.queue-items{max-height:160px;overflow-y:auto}.queue-item{border-top:1px solid #e3e6eb;align-items:flex-start;padding:6px 0}.queue-content{flex:1;min-width:0}.queue-content p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60px;margin:0;overflow:auto}.queue-content small{color:#737d89;font-size:9px;display:block}.queue-content textarea{width:100%;min-height:60px;font:inherit}.message-queue button,.execution-control button{color:#3b536d;white-space:nowrap;padding:2px;font-size:11px}.execution-control{color:#687482;flex-shrink:0;padding:0 18px 7px;font-size:11px}.execution-control span{flex:1}.failed-request{color:#895442;flex-shrink:0;max-height:100px;margin:0 16px 8px;font-size:11px;overflow:auto}.failed-request p{white-space:pre-wrap;margin:4px 0}.failed-request small{font-size:9px}