/* The authoring workbench keeps its theme; the fictional phone follows iOS conventions. */
.sim-device{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-.15px;border-color:#252728;color:#111;outline-color:#8e9390;touch-action:pan-y}
.sim-device:before{background:#080909}.sim-device .phone-content{will-change:transform;transform-origin:center;isolation:isolate}.sim-device .phone-status{font-size:10px;padding-left:21px;padding-right:14px;color:white;pointer-events:none}.sim-device .phone-status.dark{color:#111}.sim-device .phone-status .right-status{gap:4px}.sim-device .phone-status svg{width:12px}.sim-device .phone-status svg:last-child{width:19px}.sim-device .phone-home-bar{height:22px;bottom:0;width:110px;touch-action:none}.sim-device .phone-home-bar:after{width:93px;height:3px;background:#ffffffd9}.sim-device .phone-home-bar.dark:after{background:#111}.sim-side-lock{position:absolute;right:0;top:125px;height:46px;width:5px;z-index:99;background:#ffffff14;border-radius:5px;cursor:pointer}.sim-side-lock:hover{background:#ffffff55}.sim-device .avatar{background:#ddd}.sim-page{background:#fff;color:#111;padding-top:37px}.sim-device .icon{stroke-width:1.8}.sim-device button{touch-action:manipulation}.sim-device button:focus-visible{outline:2px solid #007aff;outline-offset:-2px}.sim-nav{height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 11px;flex-shrink:0;background:#fff;position:relative;z-index:2}.sim-nav>b{font-size:12px;font-weight:600}.sim-nav>button:last-child{justify-self:end;color:#007aff}.sim-nav>button{display:flex;gap:3px;align-items:center;min-width:28px;min-height:32px;font-size:11px}.sim-nav .icon{width:19px;height:19px}.sim-back{display:flex;gap:2px;align-items:center;color:#007aff;padding:0;font-size:11px;min-height:32px}.sim-back .icon{width:13px;height:20px}.sim-large-title{font-size:26px;font-weight:700;letter-spacing:-.7px;margin:1px 14px 10px;line-height:1.2;flex-shrink:0}.sim-search{margin:0 13px 11px;background:#ededf0;border-radius:7px;display:flex;align-items:center;gap:5px;padding:0 7px;height:28px;flex-shrink:0;color:#8e8e93}.sim-search .icon{width:12px;height:12px}.sim-search-input{width:100%;min-width:0;border:0;background:transparent;font-size:11px;padding:0;line-height:28px;color:#111;outline:0}.sim-search-input::placeholder{color:#8e8e93}.sim-list-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px}.sim-list-foot{height:36px;display:grid;place-items:center;padding-bottom:14px;font-size:8px;color:#8e8e93;flex-shrink:0}.sim-unread-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:transparent}.sim-unread-dot.on{background:#007aff}.sim-chat-page{background:#fff!important}.sim-chat-person{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:3px;min-width:70px}.sim-chat-person>.avatar{width:29px;height:29px;border-radius:50%}.sim-chat-person>span:last-child{font-size:8px;display:flex;align-items:center;gap:3px}.sim-chat-person .icon{width:5px;height:8px;color:#8e8e93}.sim-chat-call{color:#007aff;justify-self:end}.sim-chat-call .icon{width:19px;height:19px}.sim-delivery{font-size:7px;color:#96969c;text-align:right;margin-top:3px;padding-right:4px;align-self:flex-end}.sim-compose-plus{width:23px;height:23px;background:#ececef;border-radius:50%;display:grid;place-items:center;color:#6c6c70;flex-shrink:0}.sim-compose-plus .icon{width:15px;height:15px}.sim-input-wrap{min-height:27px;flex:1;min-width:0;border:1px solid #d8d8dc;border-radius:16px;display:flex;align-items:flex-end;padding:2px 3px 2px 9px;gap:3px}.sim-keyboard{background:#d3d6dc;flex-shrink:0;position:relative;z-index:4;padding-bottom:0;user-select:none;-webkit-user-select:none;color:#111;transform-origin:bottom}.sim-candidates{height:27px;display:flex;gap:0;align-items:center;border-bottom:1px solid #babdc34d}.sim-candidates>span,.sim-candidates>b{font-size:11px;flex:1;text-align:center;font-weight:400;border-right:1px solid #b9bbc1;line-height:16px}.sim-candidates>span:first-child{font-size:8px;color:#7b7e85}.sim-hide-kbd{width:22px;height:24px;display:grid;place-items:center;color:#75787f}.sim-hide-kbd .icon{width:12px;height:12px;transform:rotate(90deg)}.sim-key-rows{padding:7px 3px 0;display:flex;flex-direction:column;gap:8px}.sim-key-row{display:flex;gap:4px;height:28px;justify-content:center}.sim-key-row.inset{padding:0 11px}.sim-key{padding:0;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;background:#fff;border-radius:4px;font-size:15px;box-shadow:0 1px 0 #8e9299;position:relative}.sim-key.modifier{background:#aeb3bd;font-size:14px;min-width:25px;max-width:35px}.sim-key.space{flex:4;font-size:11px}.sim-key.return{flex:1.5;background:#aeb3bd;font-size:10px}.sim-key-row.bottom .modifier{flex:1.1;max-width:none;font-size:10px}.sim-key.down,.sim-key:active{background:#a6adb9}.sim-key.down:before{content:attr(data-key);position:absolute;left:-3px;right:-3px;bottom:10px;height:44px;background:#fff;border:1px solid #aeb4be;border-bottom:0;border-radius:5px 5px 1px 1px;display:grid;place-items:start center;padding-top:2px;color:#111;font-size:24px;box-shadow:0 -2px 4px #00000012;z-index:4}.sim-key.modifier.down:before,.sim-key.space.down:before,.sim-key.return.down:before{display:none}.sim-keyboard-bottom{height:31px;padding:5px 17px 0;display:flex;justify-content:space-between;color:#59616b;font-size:18px}.sim-lock-glyph{position:absolute;top:57px;left:0;right:0;display:flex;justify-content:center;color:#ffffffcf}.sim-lock-glyph .icon{width:15px;height:17px}.sim-lock .lock-date{top:87px;font-size:13px}.sim-lock .lock-time{top:105px;font-size:65px;letter-spacing:-2.5px;font-weight:300}.sim-lock .lock-owner{top:185px;font-size:9px;letter-spacing:.6px;color:#ffffff99}.sim-lock .lock-card{bottom:146px;background:#e5ecedab;color:#111;border:0;padding:11px 12px;border-radius:17px;backdrop-filter:blur(24px) saturate(1.6)}.sim-lock .lock-card small{color:#61676b;font-size:8px}.sim-lock .lock-card b{font-size:9px;font-weight:600}.sim-lock .lock-card p{color:#20252a;font-size:10px;line-height:1.5}.sim-lock .lock-card strong{font-weight:600}.sim-lock .lock-enter{bottom:36px;color:#ffffffa0;font-size:9px;letter-spacing:0}.sim-lock-shortcuts{position:absolute;bottom:49px;left:25px;right:25px;display:flex;justify-content:space-between}.sim-lock-shortcuts button{height:34px;width:34px;border-radius:50%;background:#0003;backdrop-filter:blur(20px);color:white;display:grid;place-items:center}.sim-lock-shortcuts button.on{background:#ffffffa0;color:#222}.sim-lock-shortcuts .icon{width:16px;height:16px}.sim-pin-lock{display:flex;justify-content:center;margin-bottom:12px}.sim-pin-lock .icon{width:19px;height:22px}.sim-device .pin-screen{padding-top:67px;background:#344a41ce}.sim-device .pin-screen h3{font-size:15px}.sim-device .pin-dots{margin:20px 0 30px;gap:18px}.sim-device .pin-dots i{width:9px;height:9px}.sim-device .pin-keys{gap:13px 21px;grid-template-columns:repeat(3,53px)}.sim-device .pin-keys button{height:53px;width:53px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sim-device .pin-keys button>span{font-size:27px;line-height:1}.sim-device .pin-keys button>small{font-size:7px;letter-spacing:1.5px;margin-top:2px;min-height:8px}.sim-pin-footer{display:flex;justify-content:space-between;position:absolute;bottom:44px;left:27px;right:27px;font-size:10px}.sim-device .pin-error{margin-top:12px}.sim-section-label{font-size:14px;font-weight:600;margin:8px 14px 10px}.sim-safari{background:#f2f2f7!important}.sim-safari>.sim-list-scroll{padding:14px}.sim-safari h2{font-size:17px;letter-spacing:-.3px;margin:15px 0 12px}.sim-favorites{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sim-favorites button{padding:0;display:flex;flex-direction:column;align-items:center;gap:5px}.sim-favorites i{width:43px;height:43px;display:grid;place-items:center;background:#fff;color:#648292;border-radius:10px;box-shadow:0 2px 4px #2221;font-size:23px;font-style:normal;font-family:Georgia,serif}.sim-favorites button>span{font-size:7px;color:#777}.sim-safari-card{background:#fff;border-radius:9px;padding:15px 12px;display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.7;color:#7d7d84;margin-bottom:15px}.sim-safari-card .icon{width:20px;height:20px;color:#8b9c7e}.sim-safari-bottom{flex-shrink:0;background:#f5f5f9;border-top:.5px solid #d0d0d8;padding:7px 12px 23px}.sim-url{background:white;box-shadow:0 1px 8px #20203011;display:flex;gap:9px;align-items:center;justify-content:center;height:34px;border-radius:10px;font-size:10px;color:#86868e;width:100%}.sim-url .icon{width:12px;height:12px}.sim-safari-bottom>div{display:flex;justify-content:space-between;padding:11px 3px 0;color:#007aff}.sim-safari-bottom>div>.icon{width:17px;height:17px}.sim-safari-search{background:#f2f2f7!important}.sim-safari-search-head{display:flex;align-items:center;gap:8px;padding:10px}.sim-safari-search-head>.sim-search{flex:1;margin:0;background:#fff}.sim-safari-search-head>button{color:#007aff;font-size:10px}.sim-safari-search .phone-search-row{width:100%;text-align:left;padding:12px 14px;font-size:11px;gap:10px;background:#fff;border-bottom:.5px solid #e5e5ea}.sim-safari-search .phone-search-row>.icon{color:#9c9ca5;width:13px;height:13px}.sim-contact-page{background:#f2f2f7!important}.sim-contact-page .sim-nav{background:transparent}.sim-contact-card{padding:15px 14px;text-align:center}.sim-contact-card>.avatar{display:inline-block;width:69px;height:69px;border-radius:50%}.sim-contact-card>h2{font-weight:400;font-size:23px;margin:10px 0 4px}.sim-contact-card>small{font-size:10px;color:#8e8e93}.sim-contact-actions{display:flex;gap:7px;margin:22px 0}.sim-contact-actions>button{flex:1;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 5px;font-size:8px;color:#007aff}.sim-contact-actions .icon{width:19px;height:19px}.sim-settings-group{background:white;border-radius:9px;overflow:hidden;margin:16px 0;text-align:left}.sim-settings-group>div,.sim-settings-group>button{padding:12px;display:flex;align-items:center;gap:7px;justify-content:space-between;font-size:11px;min-height:40px;width:100%;position:relative;text-align:left}.sim-settings-group>:not(:first-child){border-top:.5px solid #e6e6eb}.sim-settings-group small{font-size:9px;color:#8e8e93}.sim-contact-card .sim-settings-group>div{display:block}.sim-contact-card .sim-settings-group p{margin:5px 0;font-size:12px}.sim-phone-app>.sim-list-scroll{padding-top:21px}.sim-recent-call{display:flex;align-items:center;gap:8px;width:100%;padding:11px 12px;border-bottom:.5px solid #e5e5ea;text-align:left}.sim-recent-call>.avatar{width:31px;height:31px;border-radius:50%}.sim-recent-call>div{flex:1}.sim-recent-call b{font-size:12px;font-weight:600}.sim-recent-call small{display:block;font-size:9px;color:#8e8e93;margin-top:4px}.sim-recent-call time{color:#8e8e93;font-size:9px}.sim-recent-call>.icon{width:16px;height:16px;color:#007aff;margin-left:3px}.sim-phone-tabs{height:47px;padding:5px 0 21px;display:flex;justify-content:space-around;background:#fafafb;border-top:.5px solid #e0e0e5;flex-shrink:0}.sim-phone-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8e8e93;font-size:7px;padding:0}.sim-phone-tabs .icon{width:17px;height:17px}.sim-phone-tabs button.active{color:#007aff}.sim-dial-number{font-size:27px;letter-spacing:1px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:6px 12px}.sim-dialpad{display:grid;grid-template-columns:repeat(3,48px);gap:12px 20px;justify-content:center}.sim-dialpad>button{height:48px;width:48px;border-radius:50%;font-size:26px;font-weight:300;background:#ededee;display:grid;place-items:center}.sim-dial-button{margin:16px auto 10px;background:#35c55a;color:white;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.sim-dial-button .icon{width:24px;height:24px}.sim-settings{background:#f2f2f7!important;padding:58px 12px 22px}.sim-settings .sim-large-title{margin-left:0;margin-bottom:22px}.sim-settings-profile{background:#fff;display:flex;align-items:center;gap:11px;padding:13px;border-radius:9px}.sim-settings-profile>.avatar{width:40px;height:40px;border-radius:50%}.sim-settings-profile b{font-size:15px;font-weight:500}.sim-settings-profile small{font-size:8px;color:#8e8e93;display:block;margin-top:5px}.sim-settings .switch{height:18px;width:30px}.sim-settings .switch.on{background:#34c759}.sim-settings .sim-settings-group .icon{width:8px;height:13px;color:#bdbdc6}.sim-banner{background:#f7f7faed;color:#111;box-shadow:0 8px 20px #0002;backdrop-filter:blur(22px);z-index:85}.sim-banner .sim-banner-body{flex:1;text-align:left;padding:0}.sim-banner-body b{font-size:10px}.sim-banner-body p{font-size:10px;color:#333;line-height:1.5}.sim-alert-shade{position:absolute;inset:0;background:#0004;z-index:88;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.sim-alert{background:#f9f9f9ee;backdrop-filter:blur(25px);border-radius:13px;text-align:center;width:220px;padding-top:20px;overflow:hidden;color:#111}.sim-alert>b{font-size:13px;font-weight:600}.sim-alert>p{font-size:10px;line-height:1.8;margin:8px 18px 18px;white-space:pre-wrap}.sim-alert>button{border-top:.5px solid #cfcfd5;color:#007aff;width:100%;padding:12px;font-size:13px}.sim-outgoing-layer{position:absolute!important;inset:0!important;z-index:1;pointer-events:none!important;overflow:hidden;background:#fff}.sim-device>.phone-content{z-index:2}.sim-device .phone-home-bar{z-index:95}.sim-call{background:radial-gradient(ellipse at 35% 20%,#686e74,#282c32 90%);z-index:86}.sim-call .call-caption{background:#ffffff0a;border-color:#ffffff0b}.sim-call .call-controls{padding-bottom:7px}.sim-device .phone-end{padding-top:90px}.sim-device .phone-end>.btn{color:#fff;background:#ffffff20;border-color:#ffffff30}.conversation-editor-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:15px}.conversation-editor-toolbar>select{flex:1;min-width:0;border:1px solid #dfe6d5;border-radius:7px;background:#f7f9f2;padding:9px;font-size:11px;color:#677c54}.conversation-editor-toolbar .btn{padding:8px;font-size:10px}.thread-editor-details{background:#f6f8f0;border:1px solid #e5ebda;border-radius:8px;padding:13px;margin-bottom:18px;display:grid;grid-template-columns:1fr 80px;gap:12px}.thread-editor-details .field input{background:white;padding:7px 9px;font-size:11px}.sim-device .phone-content .sim-search-input:focus{box-shadow:none;outline:0}.sim-device .phone-status{z-index:80}.sim-device .phone-home-bar:after{transition:background .2s}
@keyframes sim-blink{0%,45%{opacity:1}46%,100%{opacity:0}}
.sim-lock{touch-action:none}.sim-device .sim-settings-group .switch:after{width:12px;height:12px;left:3px;top:3px}.sim-device .sim-settings-group .switch.on:after{transform:translateX(12px)}
.sim-device .pin-screen{color:white}.sim-device:focus{outline:1px solid #8e9390;outline-offset:0}
.sim-device .wallpaper{color:white}
@keyframes sim-type{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){}