/* A considered iPhone-like shell: crisp labels, generous touch targets, quiet glass. */
:root{--ios-blue:#82b7ff;--ios-line:#dfebff18;--ios-secondary:#9ca9bc}.device{background:linear-gradient(115deg,#7b8088,#242930 13%,#07090d 48%,#424952 86%,#969aa2);padding:7px;box-shadow:0 0 0 1px #a3aab357,0 0 0 3px #11151b,24px 35px 85px #000,0 0 130px #9ebfff0a}.device:before{content:'';position:absolute;left:-4px;top:128px;width:3px;height:28px;background:#4a515b;border-radius:3px 0 0 3px;box-shadow:0 50px 0 0 #4a515b,0 87px 0 0 #4a515b}.screen{border:1px solid #020406}.statusbar{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;font-weight:600}.island{transition:width .4s,background .4s;display:flex;align-items:center;justify-content:center;z-index:6}.island.call-active{width:143px;background:#020504}.island-live{font-size:10px;font-weight:500;color:#b2e5c4;letter-spacing:.5px}.island.call-active:after{background:#315f44;box-shadow:0 0 7px #69b58355}.phone-heading{padding-top:6px}.phone-brand{letter-spacing:-1.4px}.welcome-widget{border-radius:24px}.apps .app-button{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;letter-spacing:-.15px}.app-button:active .glass-icon,.dock button:active .dock-icon{transform:scale(.91);filter:brightness(.83)}.glass-icon{border-radius:22%;box-shadow:inset 0 1px 1px #ffffff75,inset 0 -1px 3px #bfd5f320,0 6px 14px #0004}.dock{border-radius:29px;backdrop-filter:blur(30px) saturate(135%)}.dock button{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif}.dock-icon{border-radius:14px}.home-indicator{height:5px;bottom:8px;width:115px;background:#e8ecf3;opacity:.8;transition:width .2s,opacity .2s;touch-action:none}.home-indicator:after{content:'';position:absolute;inset:-10px -25px}.home-indicator:hover{width:130px;opacity:1}
.app-view{animation:none;border-radius:28px 28px 0 0;background:linear-gradient(160deg,#152031ed,#0e1622f5);backdrop-filter:blur(45px) saturate(130%)}.app-header{height:51px;display:grid;grid-template-columns:1fr auto 1fr;gap:7px;padding:0 17px;background:#14202f80;border-bottom:1px solid transparent;transition:background .2s,border-color .2s;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif}.app-view.scrolled .app-header{background:#1c293ddd;border-bottom-color:var(--ios-line)}.app-header>span{font-size:13px;font-weight:600;letter-spacing:-.15px;color:#dbe5f3}.app-header button{font-size:14px;font-weight:450;color:var(--ios-blue);display:flex;align-items:center;gap:4px;min-height:44px;padding:0;background:none}.app-header #back{justify-self:start}.app-header #back span{font-size:13px;vertical-align:baseline}.app-header #back .ios-chevron{font-size:32px;font-weight:300;line-height:1}.app-header #close{justify-self:end;font-size:13px;font-weight:600}.app-content{height:calc(100% - 51px);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-content:not(.experience-content){padding-top:19px}.native-bar{padding:10px 20px 16px;background:transparent;border:0;display:block}.native-bar strong{display:block;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;font-size:29px;line-height:1.15;font-weight:700;letter-spacing:-.8px}.native-bar>span{display:block;margin-top:5px;font-size:10px;letter-spacing:.5px;color:var(--ios-secondary)}.experience-content h2{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;font-weight:650;letter-spacing:-1px}.subtle-button{min-height:42px}.app-content button{touch-action:manipulation}.app-content .primary{border-radius:15px;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;font-weight:600}.legal-menu>a,.work-row{border-radius:17px}.legal-inline a{padding:5px 0}.legal-data{padding:3px 13px 15px;border:1px solid var(--ios-line);border-radius:17px;background:#dceaff06}
/* Web Lab uses a true, persistent app tab bar. */
.web-app{min-height:100%;display:flex;flex-direction:column;padding-bottom:0}.web-app>.native-bar{order:0}.web-app>#web-panel{order:1;flex:1}.web-app>.web-tabs{order:2;position:sticky;bottom:0;z-index:4;margin:0;padding:8px 15px 22px;border-radius:0;border:0;border-top:1px solid #dceaff20;background:#172333e8;backdrop-filter:blur(28px) saturate(140%);gap:10px;box-shadow:0 -10px 30px #0001}.web-tabs button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px;padding:5px;background:none!important;border:0!important;box-shadow:none!important;color:#8190a4}.web-tabs button:before{font-size:22px;font-family:ui-monospace,monospace;line-height:1.15}.web-tabs button[data-web-tab=code]:before{content:'‹›'}.web-tabs button[data-web-tab=preview]:before{content:'▣'}.web-tabs button[data-web-tab=work]:before{content:'▦'}.web-tabs button[aria-selected=true]{color:#a6caff}.web-bottom{padding-bottom:20px}.mini-browser{margin:0 16px;border-radius:16px;box-shadow:0 8px 25px #0002}.address-bar{border-bottom:1px solid #dceaff17;background:#ffffff0d;padding:11px;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;font-size:11px}.editor-file{margin:0 14px;border-radius:10px 10px 0 0;background:#dceaff0d;padding:10px 13px}.code-editor{margin:0 14px;padding-inline:10px;background:#080e17b3}.terminal{margin:0 14px;border-radius:0 0 10px 10px;border:1px solid #dceaff10;background:#0b121da8}.web-app .code-editor pre,.web-app .line-numbers{font-size:9px}.web-app .code-line{min-height:1.8em}.north-links button{min-height:36px}.north-hero button{min-height:40px}
/* The design controls are an inspector, not another long page. */
.compact-design{min-height:100%;padding-bottom:22px}.compact-design .design-presets{padding-top:0;background:none}.compact-design .design-presets button{padding:8px 6px;border-radius:11px;font-size:11px;min-height:36px}.compact-design .artboard-wrap{padding:18px 58px;background:radial-gradient(#adbfd41e .7px,transparent .7px),#0a111988;background-size:12px 12px}.compact-design .artboard{aspect-ratio:1/1;padding:13px;box-shadow:0 12px 25px #0004}.compact-design .design-mark{font-size:43px;margin:8px 0}.compact-design .selected-type strong{font-size:21px;letter-spacing:-.8px}.compact-design .artboard-footer{font-size:6px;margin-top:9px}.design-inspector{padding:13px 18px 0;border-top:1px solid #dceaff1e;background:linear-gradient(#dceaff0e,#dceaff00);border-radius:21px 21px 0 0;box-shadow:0 -4px 20px #0001}.design-tools{display:flex;gap:5px;padding:3px;border-radius:12px;background:#050b1544;border:1px solid #dceaff11}.design-tools button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;background:none;color:#94a3b8;font-size:11px;padding:9px 4px;border-radius:9px;min-height:38px}.design-tools button>span{font-size:16px}.design-tools button[aria-selected=true]{color:#edf5ff;background:linear-gradient(#dceaff25,#dceaff15);box-shadow:inset 0 1px 1px #dceaff38,0 2px 5px #0002}.design-tool-panel{min-height:94px;padding-top:14px}.design-tool-panel[hidden]{display:none}.design-tool-panel label,.design-tool-panel .control-label{font-size:12px;display:block}.design-tool-panel .control-label{display:flex}.design-tool-panel input{width:100%;border:1px solid #dceaff22;border-radius:10px;background:#060d1766;color:#fff;font:inherit;font-size:14px;padding:10px;margin-top:7px}.design-tool-panel .swatches{justify-content:space-between;padding:0 11px;margin:10px 0}.design-tool-panel .swatches button{width:34px;height:34px;border-color:#1b283b}.design-inspector .design-actions{margin:0;border-top:1px solid #dceaff0c}.design-inspector .primary{margin-top:5px;font-size:12px;padding:12px}.design-tool-panel .segmented button{font-size:11px;padding:10px 4px}.compact-design .design-actions button{font-size:10px}
/* Familiar call and Messages details. */
.app-view[data-app=contact] .app-header{background:#1a222cbb}.app-view[data-app=contact] .app-header button{color:#80b4fc}.message-profile{backdrop-filter:blur(25px);padding-bottom:12px;background:#1a222cbb;border-color:#ffffff10}.contact-avatar{width:46px;height:46px;font-size:27px;background:linear-gradient(145deg,#b2bccb,#768399);box-shadow:inset 0 1px 1px #fff8}.bubble{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif;border-radius:20px;padding:11px 14px;letter-spacing:-.15px}.bubble.sent{background:linear-gradient(140deg,#238cff,#0875f2)}.bubble.received{background:#30323a}.chat-bottom{border-top-color:#ffffff0c;backdrop-filter:blur(25px)}.message-composer{background:#ffffff03;border-color:#62708466;padding:5px 5px 5px 14px}.chat-mail{border-radius:13px;padding:10px;background:#6aa6f414;margin:0 0 10px}.voice-top{padding-top:0}.voice-agent{padding-top:20px}.voice-agent h2{font-weight:550;font-size:34px}.voice-agent>span{font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif}.voice-call-controls{gap:22px}.call-control{width:47px;height:47px;background:#dceaff13;border-color:#dceaff25;backdrop-filter:blur(10px)}.call-start.in-call{width:54px;height:54px;border-radius:50%;justify-content:center;padding:0;background:#fa5c69;box-shadow:0 5px 18px #f65d6e20}.call-start.in-call>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.call-start.in-call svg{display:none}.call-start.in-call:after{content:'⌒';font-size:47px;color:#fff;font-family:Arial,sans-serif;line-height:1;transform:translateY(8px)}.voice-transcript{margin:0 16px;border:1px solid #dceaff14;border-radius:17px;background:#070b1544;padding:14px}.voice-line strong{font-size:9px}.voice-choices button{min-height:33px}.voice-privacy{font-size:10px!important}.flow-toolbar{padding-top:0}.flow-toolbar select,.voice-top select{border-radius:10px;background:#dceaff0e;border-color:#dceaff25;min-height:38px}.workflow-canvas{margin:0 13px;border-radius:18px;border:1px solid #dceaff1a;height:280px;background-color:#08111bb3}.flow-node-grid{height:256px;padding-top:9px}.flow-inspector{margin:12px 13px 0;border:1px solid #dceaff1b;border-radius:17px;padding:15px;min-height:0}.flow-inspector h3{font-size:19px}.flow-inspector p{font-size:12px}.flow-run{border-radius:13px;min-height:44px}.notes-app{background:linear-gradient(#211f1ac9,#171b21e8)}.notes-toolbar{padding-top:8px}.files-heading{padding-top:0}.file-cover{box-shadow:inset 0 1px 1px #fff2,0 8px 20px #0002}
@media(max-width:740px){.device{padding:0;background:none;box-shadow:none}.device:before{display:none}.screen{border:0}.home-indicator{bottom:9px}.app-view{border-radius:25px 25px 0 0}.app-header{height:50px;padding-inline:20px}.app-header>span{font-size:14px}.app-header #back span,.app-header #close{font-size:14px}.app-content{height:calc(100% - 50px)}.native-bar{padding-top:11px;padding-bottom:17px}.native-bar strong{font-size:32px}.native-bar>span{font-size:11px}.compact-design .artboard-wrap{padding:20px 65px}.compact-design .design-mark{font-size:54px}.compact-design .selected-type strong{font-size:25px}.compact-design .design-presets button{font-size:12px}.design-tool-panel{min-height:100px}.design-tool-panel input{font-size:16px}.design-tools button{font-size:12px}.design-tool-panel .control-label,.design-tool-panel label{font-size:13px}.design-inspector .primary{font-size:14px;min-height:44px}.design-tool-panel .segmented button{font-size:12px}.compact-design .design-actions button{font-size:12px}.voice-agent h2{font-size:39px}.voice-transcript{height:175px}.flow-inspector h3{font-size:22px}.flow-inspector p{font-size:14px}.workflow-canvas{height:298px}.flow-node-grid{height:275px}.web-app .code-editor pre,.web-app .line-numbers{font-size:10px}.web-app>.web-tabs{padding-bottom:25px}.web-tabs button{font-size:12px}.app-content .primary{min-height:44px}}
@media(max-width:360px){.app-header{padding-inline:14px}.app-header #back span,.app-header #close{font-size:12px}.app-header>span{font-size:12px}.compact-design .artboard-wrap{padding-inline:54px}.compact-design .design-mark{font-size:43px}.compact-design .selected-type strong{font-size:20px}.compact-design .design-presets button{font-size:10px}.design-tools button{font-size:11px}.compact-design .design-actions button{font-size:10px}.web-app .code-editor pre,.web-app .line-numbers{font-size:8px}}
@media(prefers-reduced-motion:reduce){.island,.app-header,.glass-icon,.dock-icon{transition:none!important}}
.app-view:has(.native-bar):not(.scrolled) .app-header>span{opacity:0}.app-header>span{transition:opacity .18s}.compact-design .artboard-label{font-size:7px}@media(max-width:740px){.island{display:none}}
.call-start.in-call:after{display:none}.call-start.in-call svg{display:block;stroke:white;width:26px;height:26px;filter:none}
/* Final material and motion pass: less contrast noise, more continuous movement. */
:root{--ease-settle:cubic-bezier(.16,1,.3,1);--glass-line:#e6f1ff26}.home{transform-origin:50% 56%;transition:transform .46s var(--ease-settle),opacity .38s ease}.screen.app-is-open .home{transform:scale(.964);opacity:.38}.device{transition:transform .85s var(--ease-settle);box-shadow:0 0 0 1px #a3aab34d,0 0 0 3px #11151b,20px 38px 90px #000,0 0 130px #9ebfff09}.screen{isolation:isolate}.wallpaper:after{background:linear-gradient(180deg,#03070e05 15%,#07101e0a 50%,#07101d3d)}.backdrop-type{opacity:.76;letter-spacing:-.075em}.desktop-header .wordmark{font-size:29px}.header-note{letter-spacing:2.2px;color:#858b957d}.desktop-footer{color:#828997}.phone-brand{font-size:31px;letter-spacing:-1.4px}.phone-brand>span{opacity:.85}.phone-heading p{color:#c0ccdc}.welcome-widget{background:linear-gradient(120deg,#d6eaff14,#c4dfff06);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 #ffffff0c,0 10px 24px #0000000d;backdrop-filter:blur(15px) saturate(115%);transition:background .35s,border-color .35s,transform .35s var(--ease-settle)}.welcome-widget:hover{background:linear-gradient(120deg,#d6eaff22,#c4dfff09);border-color:#e6f1ff40}.welcome-widget:active{transform:scale(.98)}.widget-top{color:#b9cadd;letter-spacing:1.6px}.welcome-widget strong{font-weight:500;letter-spacing:-1.15px}.glass-icon{position:relative;overflow:hidden;background:linear-gradient(142deg,#e2f0ff32,#a5c8ec09 46%,#95b1d41a);border-color:#e3f0ff3d;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 3px #abc3e41a,0 7px 15px #0003;transition:transform .45s var(--ease-settle),background .35s,border-color .35s,box-shadow .35s}.glass-icon:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#ffffff12 40%,transparent 61%);transform:translateX(-80%);transition:transform .7s var(--ease-settle);pointer-events:none}.app-button:hover .glass-icon{transform:translateY(-3px);background:linear-gradient(142deg,#e2f0ff44,#a5c8ec0d 46%,#95b1d428);border-color:#e3f0ff60;box-shadow:inset 0 1px 1px #ffffff65,0 10px 22px #0004}.app-button:hover .glass-icon:before{transform:translateX(70%)}.glass-icon svg{width:29px;height:29px;filter:drop-shadow(0 1px 2px #0004);stroke-width:1.4}.app-button{font-weight:450;text-shadow:0 1px 5px #0008}.app-button:active .glass-icon{transform:scale(.92);transition-duration:.12s}.dock{background:linear-gradient(140deg,#d9eaff1f,#adc9ed0b);border-color:#e6f1ff2e;box-shadow:inset 0 1px 0 #ffffff14,0 8px 25px #0002;backdrop-filter:blur(30px) saturate(125%)}.dock-icon{background:linear-gradient(135deg,#e3efff1c,#c1d9f20a);border-color:#e1edff28;box-shadow:inset 0 1px 0 #fff1}.dock button{color:#c8d7e9;letter-spacing:-.15px}.page-dots{color:#a5b9cf;font-size:9px;letter-spacing:1.4px}.page-dots i{opacity:.8;width:3px;height:3px}.app-view{box-shadow:0 -1px 0 #e1edff15,0 -8px 30px #0003;background:linear-gradient(155deg,#1a2638f0,#101927f5)}.native-bar strong{font-weight:650;letter-spacing:-.9px}.native-bar>span{font-size:9px;letter-spacing:1.1px;color:#9caec5b8}.app-header{background:#17233372}.app-header>span{font-weight:550}.app-view.scrolled .app-header{background:#1a283eea;border-bottom-color:#e6f1ff12}.app-content .primary{background:linear-gradient(135deg,#d9e9fc,#bdd4ef);box-shadow:inset 0 1px 0 #ffffff8c,0 4px 14px #0002;border:1px solid #e8f2ff22;transition:filter .25s,transform .25s var(--ease-settle),box-shadow .25s}.app-content .primary:hover{filter:brightness(1.045);box-shadow:inset 0 1px 0 #ffffff8c,0 6px 20px #0003}.app-content .primary:active{transform:scale(.978)}.work-row,.legal-menu>a,.project-file .file-cover{transition:transform .3s var(--ease-settle),background .25s,border-color .25s}.work-row:hover,.legal-menu>a:hover{border-color:#e1efff35;background:#dceaff14}.work-row:active,.legal-menu>a:active{transform:scale(.983)}.design-inspector{background:linear-gradient(145deg,#cde4ff0a,#adc8f402);border-top-color:#e6f1ff14;box-shadow:0 -3px 24px #00000014}.design-tools,.design-presets{gap:6px}.design-tools button,.design-presets button,.segmented button{transition:background .28s,color .28s,box-shadow .28s}.design-presets button{border-color:#e6f1ff1e!important;background:linear-gradient(145deg,#cde4ff0d,#cde4ff03)}.design-presets button[aria-pressed=true]{border-color:#e6f1ff4a!important;background:#dceaff1b}.design-tools button[aria-selected=true]{background:linear-gradient(135deg,#dceaff23,#dceaff11);box-shadow:inset 0 1px 0 #ffffff22,0 2px 4px #0002}.artboard{transition:background-color .5s var(--ease-settle),color .4s;will-change:auto}.compact-design .artboard{box-shadow:0 14px 26px #0003,0 0 0 1px #ffffff08}.selected-type{border-color:#556bcdaa}.handle{border-color:#556bcd;background:#edf2ff}.swatches button{transition:transform .3s var(--ease-settle),outline-color .25s;cursor:pointer}.swatches button:hover{transform:scale(1.1)}.swatches button:active{transform:scale(.93)}.design-tool-panel{animation:panel-settle .24s var(--ease-settle)}@keyframes panel-settle{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.mini-browser{box-shadow:0 7px 24px #0002;border-color:#e6f1ff22}.address-bar{color:#c1cee1;background:#dceaff0a}.web-app>.web-tabs{background:#1b293de8;border-top-color:#e6f1ff1c;box-shadow:0 -7px 25px #0001}.web-tabs button{transition:color .28s,transform .28s var(--ease-settle)}.web-tabs button:active{transform:scale(.94)}.web-tabs button[aria-selected=true]{color:#c0dbff}.message-profile{border-bottom-color:#ffffff0b}.message-composer{transition:border-color .25s,box-shadow .25s}.message-composer:focus-within{border-color:#80b4ff88;box-shadow:0 0 0 3px #72a8f10c}.bubble.sent{background:linear-gradient(130deg,#298af5,#0875ef)}.bubble.received{background:#303541}.chat-thread .bubble{animation-duration:.3s;animation-timing-function:var(--ease-settle)}.voice-orb{box-shadow:inset 0 1px 5px #e5dcff6b,inset 0 -5px 13px #6457a253,0 0 35px #9680ee20}.voice-orb.speaking{box-shadow:inset 0 1px 6px #ede6ff70,0 0 40px #b599ff48}.node-icon{border-color:#c7d7ec38;background:linear-gradient(135deg,#263344,#1d2736);box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0003;transition:box-shadow .3s,border-color .3s,transform .3s var(--ease-settle)}.workflow-node:hover .node-icon{transform:translateY(-2px)}.workflow-node.selected .node-icon{box-shadow:0 0 0 3px #ff947a12;border-color:#dc9d89}.flow-connections{stroke:#8998aa69;stroke-width:1.6}.flow-run{background:linear-gradient(140deg,#eda48d,#e28c74);transition:filter .25s,transform .25s}.flow-run:active{transform:scale(.98)}.flow-inspector{border-color:#dceaff15}.home-indicator{opacity:.72}
@media(max-width:740px){.device{box-shadow:none}.phone-brand{font-size:35px}.native-bar strong{font-size:31px}.native-bar>span{font-size:10px}.app-button:hover .glass-icon{transform:none}.app-button:active .glass-icon{transform:scale(.92)}.glass-icon:before{display:none}}
@media(prefers-reduced-motion:reduce){.home,.glass-icon,.glass-icon:before,.welcome-widget,.artboard,.swatches button,.web-tabs button,.design-tools button,.design-presets button,.segmented button,.node-icon,.work-row,.legal-menu>a{transition:none!important}.design-tool-panel{animation:none}.screen.app-is-open .home{transform:none}}