/* Grindrgen studio: quiet brand chrome, the chat takes center stage. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #ff5577;outline-offset:3px}
.studio-ready .page{max-width:1040px;margin:auto;gap:0;padding:24px 32px 16px}
.studio-ready .page-head{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;text-align:left;margin-bottom:26px;gap:24px}
.studio-brand{font-family:var(--f-display);font-size:30px;letter-spacing:-.5px;line-height:1;text-decoration:none;color:var(--aubergine)}
.studio-brand span{color:var(--pink)}
.studio-tagline{font-size:13px;font-weight:500;flex:1;opacity:.65}
.page-head nav{display:flex;gap:18px;align-items:center}.page-head nav a{font-size:12px;text-decoration:none;color:inherit}
.icon-button{border:1px solid #d8ccc9;background:transparent;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font:600 17px/1 var(--f-body,sans-serif);cursor:pointer;color:inherit;flex-shrink:0}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:744px;gap:12px;padding:0 0 14px}
.text-button{border:0;background:none;color:inherit;font:600 12px/1.3 var(--f-body);min-height:40px;cursor:pointer;padding:6px 0;white-space:nowrap}.text-button span{font-size:20px;vertical-align:middle;margin-right:4px}
#templateName{font-size:11px;color:#7c6d75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-ready .stage{gap:36px;align-items:flex-start}
.studio-ready .iphone{width:340px;box-shadow:0 18px 50px -28px #2d1f2a88,inset 0 0 0 1px #444;border-radius:44px;padding:8px}
.studio-ready .iphone-screen{border-radius:36px}.studio-ready .iphone-island{display:none}
.studio-ready .controls{width:350px;margin:0;padding:0;border:0;border-radius:0;background:none;gap:20px}
.legacy-controls{display:none}
.studio-composer{width:100%;padding:22px;background:#fffaf7;border:1px solid #e3d7d2;border-radius:20px}
.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-heading h2{font:400 29px/1.1 var(--f-display);letter-spacing:-.3px}.composer-heading .text-button{font-size:11px;color:#796770}
.composer-tip{font-size:12px;color:#85757c;margin:8px 0 18px}
#messageDraft,#editMessageText{width:100%;display:block;resize:vertical;min-height:90px;max-height:180px;font:400 16px/1.5 var(--f-body,sans-serif);border:1px solid #dcd0cb;border-radius:12px;background:#fff;color:#2d1f2a;padding:13px 14px;outline-offset:1px}
#messageDraft::placeholder{color:#998992}
.send-actions{display:flex;gap:8px;margin-top:12px}.send-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 8px;font:600 12px/1.2 var(--f-body,sans-serif);cursor:pointer;min-height:44px;color:#14242d;background:#9de3ff}
.send-actions button[data-send=me],.send-actions button[data-edit-as=me]{background:#ffcc00;color:#382d00}.send-actions button>span:last-child{margin-left:auto;font-size:17px}.send-actions .sender-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}.send-actions button:disabled{opacity:.45;cursor:default}
.studio-welcome{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #dfd2cd;font-size:12px;order:-1}.studio-welcome strong{font-size:13px}.studio-welcome p{margin-top:4px;color:#88747c;font-size:12px}.studio-welcome .icon-button{width:28px;height:28px;border:0;margin-left:auto}
.studio-transport{width:100%;display:flex;flex-direction:column;gap:14px}
.tempo-row{display:flex;align-items:center;gap:10px;font-size:12px}.tempo-row label{font-weight:600}.tempo-row select{border:0;border-bottom:1px solid #d9c9c3;background:transparent;color:inherit;font:500 12px/1.2 var(--f-body,sans-serif);padding:10px 16px 10px 0;min-height:40px;max-width:150px;cursor:pointer}.tempo-row output{font-size:11px;color:#88747c;margin-left:auto;white-space:nowrap}.tempo-row .icon-button{width:32px;height:32px;font-size:12px}
.transport-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}
.studio-ready #ctrlPlay,.studio-ready #ctrlExportVideo{height:48px;margin:0;padding:0 12px;font:600 13px/1.2 var(--f-body);letter-spacing:0;text-transform:none;border:1px solid #c9b8b3;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#2d1f2a}
.studio-ready #ctrlExportVideo{background:#2d1f2a;border-color:#2d1f2a;color:#fffaf7}.studio-ready #ctrlExportVideo .glyph{color:inherit;font-size:11px}.studio-ready #ctrlPlay .count{display:none}.studio-ready #ctrlPlay:disabled,.studio-ready #ctrlExportVideo:disabled{opacity:.35}
.studio-status{min-height:16px;font-size:11px;color:#89757e;line-height:1.4}.studio-status:empty{display:none}
.studio-ready .page-foot{padding-top:24px;margin-top:20px;letter-spacing:0;text-transform:none;font:400 10px/1.4 var(--f-body);justify-content:center;flex-wrap:wrap;gap:16px}
.studio-dialog{border:1px solid #e2d4d0;border-radius:24px;background:#fffaf7;color:#2d1f2a;padding:24px;width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;margin:auto;font:400 14px/1.5 var(--f-body,sans-serif);box-shadow:0 28px 100px #0005}
.studio-dialog::backdrop{background:#0f090db8;backdrop-filter:blur(5px)}
.dialog-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:12px}.dialog-heading h2{font:400 30px/1.05 var(--f-display,sans-serif)}.dialog-heading .icon-button{border:0}
.studio-dialog>p{font-size:13px;color:#85747c;margin-bottom:20px}.dialog-done{width:100%;min-height:46px;border:0;border-radius:12px;background:#2d1f2a;color:#fff;font:600 14px var(--f-body,sans-serif);cursor:pointer;margin-top:20px}
.studio-dialog .ctrl-label{display:none}.studio-dialog .name-input{font:400 16px var(--f-body,sans-serif);background:white;border:1px solid #d5c6c0}.studio-dialog .profile-btn{font:600 12px var(--f-body,sans-serif);letter-spacing:0;text-transform:none;border:1px solid #d5c6c0;min-height:40px}.studio-dialog .online-pill{font:500 12px var(--f-body,sans-serif);letter-spacing:0;text-transform:none;min-height:40px}
.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.avatar-choice{aspect-ratio:1;overflow:hidden;border:2px solid transparent;border-radius:12px;padding:0;background:#333;cursor:pointer}.avatar-choice img{width:100%;height:100%;object-fit:cover;display:block}.avatar-choice[aria-pressed=true]{border-color:#ff5577;box-shadow:0 0 0 2px #fffaf7 inset}
.option-controls{display:flex;flex-direction:column;gap:16px}.option-controls button{letter-spacing:0;text-transform:none;min-height:44px}.option-controls summary{min-height:44px;cursor:pointer;padding:12px 0;font-weight:600}.option-controls details .ctrl-section{padding:12px 0}
.guide-steps{padding-left:25px;display:flex;flex-direction:column;gap:24px;margin:26px 0}.guide-steps li{padding-left:6px}.guide-steps li::marker{color:#b3939b;font:400 22px var(--f-display)}.guide-steps strong{font-size:16px}.guide-steps p{margin-top:5px;color:#806e76;font-size:13px}.delete-text{display:block;margin:20px auto 0;background:none;border:0;color:#b73b52;text-decoration:underline;min-height:40px;cursor:pointer;font:500 13px var(--f-body,sans-serif)}
.studio-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:#fffaf7;color:#2d1f2a;border-radius:12px;padding:10px 18px;box-shadow:0 8px 30px #0003;display:flex;gap:24px;align-items:center;white-space:nowrap;font-size:13px}.studio-toast button{background:none;border:0;font:700 13px var(--f-body,sans-serif);min-height:36px;text-decoration:underline;color:inherit;cursor:pointer}
/* The iOS-style playback keyboard is a visual prop, never the typing input. */
.ios-keyboard{background:#303033!important;padding:0 4px 5px!important;gap:8px!important;font:400 22px/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif!important;box-sizing:border-box;isolation:isolate}
.ios-keyboard .kb-predictions{height:35px;flex:none;display:flex;align-items:center;justify-content:space-evenly;color:#f1f1f2;font-size:15px;margin-bottom:1px}.kb-predictions span{flex:1;text-align:center;border-right:1px solid #ffffff20}.kb-predictions span:last-child{border:0}
.ios-keyboard .kb-key{background:#565659!important;color:#f5f5f7!important;border-radius:6px!important;box-shadow:0 .5px 0 #0005!important;font:inherit!important}.ios-keyboard .kb-row{gap:6px!important}.ios-keyboard .kb-row-2{margin:0 4.5%}.ios-keyboard .kb-mod{background:#424245!important;font-size:18px!important}.ios-keyboard .kb-return,.ios-keyboard .kb-space{font-size:16px!important}.ios-keyboard .kb-emoji{display:none}.ios-keyboard .kb-key.is-tapped{background:#737377!important;transform:none!important}.ios-keyboard .kb-bottom{height:35px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#eee;font-size:26px}.kb-bottom i{align-self:flex-end;margin-bottom:1px;width:115px;height:4px;border-radius:4px;background:#eee}
.studio-ready.is-playing .page-head{display:flex}.studio-ready.is-playing .page{justify-content:flex-start;padding:24px 32px 16px;gap:0}.studio-ready.is-playing .controls{display:flex}.studio-ready.is-playing .studio-composer,.studio-ready.is-playing .studio-welcome,.studio-ready.is-playing .studio-toolbar{display:none}.studio-ready.is-playing .stage{margin-top:54px}.studio-ready.is-playing .studio-transport{margin-top:60px}.studio-ready.is-playing #ctrlPlay{display:none}.studio-ready.is-playing .transport-actions{grid-template-columns:1fr}.studio-ready.is-playing .back-to-edit{top:85px;right:calc(50% - 355px);background:none;color:#2d1f2a;box-shadow:none;letter-spacing:0;text-transform:none;font:600 13px var(--f-body);border:1px solid #c9b8b3}.studio-ready .play-indicator{display:none!important}
@media(max-width:899px){
 html:has(.studio-ready),body.studio-ready{overflow:hidden;overscroll-behavior:none;background:#101012;color:#f5f2ef}
 .studio-ready .page,.studio-ready.is-playing .page{width:100%;max-width:600px;height:var(--app-height,100dvh);min-height:0;margin:0 auto;padding:0;gap:0;overflow:hidden}
 .studio-ready .page-head,.studio-ready.is-playing .page-head{height:52px;min-height:52px;margin:0;padding:8px 16px;gap:12px;border-bottom:1px solid #ffffff0c}
 .studio-brand{font-size:25px;color:#f5f2ef}.studio-tagline{display:none}.page-head nav{gap:14px;margin-left:auto}.page-head nav a{font-size:11px;color:#c6bfc2}.page-head .icon-button{width:32px;height:32px;border-color:#484047;font-size:14px}
 .studio-toolbar{height:44px;min-height:44px;padding:0 16px;border-bottom:1px solid #ffffff0c;gap:8px}.text-button{font-size:11px}.studio-toolbar #templateName{font-size:10px;color:#938c93}.studio-toolbar .text-button span{font-size:20px}
 .studio-ready .stage,.studio-ready.is-playing .stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;align-items:stretch;margin:0}
 .studio-ready .iphone{flex:1;min-height:100px;width:100%;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:#000;overflow:hidden}
 .studio-ready .iphone-screen{height:100%;border-radius:0}.iphone-btn{display:none}
 .studio-ready .controls,.studio-ready.is-playing .controls{display:contents}
 .studio-composer{flex:none;background:#151517;border:0;border-radius:0;padding:10px 14px 8px;order:2}
 .composer-heading,.composer-tip{display:none}
 #messageDraft{min-height:44px;height:44px;max-height:80px;resize:none;padding:10px 13px;border:1px solid #414146;background:#252528;color:#fff;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;line-height:22px}
 #messageDraft::placeholder{color:#98959d}.send-actions{margin-top:8px;gap:8px}.send-actions button{min-height:42px;padding:10px 12px;font-size:12px;border-radius:12px}.send-actions button:disabled{opacity:.6}
 .studio-welcome{order:1;padding:10px 15px;margin:0;background:#201b20;border:0;flex:none}.studio-welcome strong{font-size:11px}.studio-welcome p{font-size:10px;color:#bdadb7;margin-top:2px}.studio-welcome .icon-button{color:#d8c9d2}
 .studio-transport,.studio-ready.is-playing .studio-transport{order:3;flex:none;margin:0;padding:0 14px max(10px,env(safe-area-inset-bottom));gap:6px;background:#151517}
 .tempo-row{font-size:11px;gap:8px;min-height:36px}.tempo-row select{color:#eee;border:0;font-size:11px;min-height:36px;max-width:138px}.tempo-row select option{background:#252528;color:#fff}.tempo-row output{color:#a69ca5;font-size:10px}.tempo-row .icon-button{width:32px;height:32px;color:#c7bec6;border:0}
 .studio-ready #ctrlPlay,.studio-ready #ctrlExportVideo{height:44px;border-radius:12px;font-size:12px;color:#eee;border-color:#4a444b}.studio-ready #ctrlExportVideo{background:#f5efeb;color:#231c22;border-color:#f5efeb}
 .studio-status{color:#b9a7b1;text-align:center;font-size:10px;padding-top:3px}
 .studio-ready .page-foot{display:none}
 .studio-dialog{width:100%;max-width:600px;border-radius:24px 24px 0 0;border:0;margin:auto auto 0;padding:22px 20px max(22px,env(safe-area-inset-bottom));max-height:90dvh}.dialog-heading h2{font-size:28px}.studio-dialog .text-button{color:#2d1f2a}
 .studio-toast{bottom:230px;max-width:calc(100% - 28px)}
 .studio-ready.is-playing .studio-toolbar{display:none}.studio-ready.is-playing .back-to-edit{top:59px;right:12px;z-index:30;color:#eee;border:1px solid #555;background:#141416;font-size:11px;padding:8px 13px;min-height:36px}.studio-ready.is-playing .studio-transport{padding-top:8px}
}
@media(max-width:360px){.studio-toolbar{padding:0 12px}.studio-toolbar #templateName{max-width:75px}.studio-composer{padding-left:10px;padding-right:10px}.studio-transport{padding-left:10px;padding-right:10px}.tempo-row select{max-width:120px}.send-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.studio-ready button{transition:none}.studio-dialog::backdrop{backdrop-filter:none}}
.typing-done{display:none}.ios-keyboard .kb-bottom svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:899px){
 .studio-dialog{bottom:var(--keyboard-inset,0px);max-height:calc(var(--app-height,100dvh) - 16px)}
 .studio-ready.typing-mode .studio-toolbar,.studio-ready.typing-mode .studio-welcome,.studio-ready.typing-mode .studio-transport{display:none}
 .studio-ready.typing-mode .page-head{height:40px;min-height:40px;padding-top:3px;padding-bottom:3px}.studio-ready.typing-mode .iphone{min-height:60px}
 .studio-ready.typing-mode .studio-composer{position:relative;padding-top:26px;padding-bottom:10px}
 .studio-ready.typing-mode .typing-done{display:block;position:absolute;top:0;right:14px;height:26px;min-width:44px;border:0;background:none;color:#eee;font:600 11px var(--f-body,sans-serif);cursor:pointer}
}
.ios-keyboard .kb-key{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-align:center!important;font-weight:400!important}
.ios-keyboard .kb-key.kb-emoji{display:none!important}
.ios-keyboard .kb-row-4 .kb-return{flex:0 0 24%!important;font-size:16px!important}
.ios-keyboard .kb-row-4 .kb-num{flex:0 0 14%!important;font-size:16px!important}

/* A first-visit live demo, kept outside the captured chat. */
.studio-intro{padding:12px 0 2px}.intro-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.intro-heading strong{font-size:13px;font-weight:600}.intro-heading p{font-size:11px;color:#aba1aa;margin-top:3px}
.intro-wave{display:flex;align-items:center;justify-content:center;gap:3px;width:34px;height:34px;background:#ffcc0017;border-radius:10px;flex:none}.intro-wave i{width:3px;height:13px;background:#ffcc00;border-radius:2px;animation:intro-wave 1s ease-in-out infinite alternate}.intro-wave i:nth-child(2){height:22px;animation-delay:-.4s}.intro-wave i:nth-child(3){height:17px;animation-delay:-.7s}.intro-wave i:nth-child(4){animation-delay:-.2s}
@keyframes intro-wave{to{transform:scaleY(.4)}}
.intro-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.intro-actions button{min-height:46px;padding:10px 12px;border:1px solid #49444b;border-radius:12px;color:#eee;background:transparent;font:600 12px var(--f-body,sans-serif);cursor:pointer}.intro-actions button span{margin-left:5px}.intro-actions #introCustomize{background:#ffcc00;border-color:#ffcc00;color:#2b250a}.intro-actions button:disabled{opacity:.65;cursor:default}
#introGuide{display:block;margin:4px auto 0;min-height:36px;font-size:11px;color:#c0b5bd;font-weight:500}
.intro-playing .studio-transport>.tempo-row,.intro-playing .studio-transport>.transport-actions,.intro-playing #studioStatus,.intro-playing #backToEdit{display:none!important}
@media(prefers-reduced-motion:reduce){.intro-wave i{animation:none}}

.draft-row{display:flex;align-items:stretch;gap:8px}.draft-row #messageDraft{flex:1;min-width:0}
#addIncomingPhoto{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #dcd0cb;border-radius:12px;background:#fff;color:#786670;cursor:pointer;font:500 10px var(--f-body,sans-serif)}
#addIncomingPhoto svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}#addIncomingPhoto:disabled{opacity:.4}
#photoMessagePreview{display:block;max-width:100%;max-height:45dvh;object-fit:contain;border-radius:12px;margin:18px auto 0}
.kb-emoji-panel{display:none;flex:1;min-height:0;flex-direction:column;gap:7px;padding:5px 8px 0}
.kb-emoji-mode .kb-row,.kb-emoji-mode .kb-predictions{display:none!important}.kb-emoji-mode .kb-emoji-panel{display:flex}
.kb-emoji-search{height:27px;flex:none;border-radius:8px;background:#76767c44;color:#a9a9af;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:19px}.kb-emoji-search span{font-size:14px}.kb-emoji-label{font-size:9px;letter-spacing:.4px;color:#b5b5b9;flex:none}
.kb-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-height:0;gap:4px}
.kb-emoji-key{display:flex;align-items:center;justify-content:center;font:25px/1 'Apple Color Emoji','Segoe UI Emoji',sans-serif;border-radius:7px;min-height:0}.kb-emoji-key.is-tapped{background:#ffffff18;transform:none}
.kb-emoji-categories{font:17px/1 -apple-system,sans-serif;text-align:center;color:#b5b5bb;flex:none}
.kb-emoji-mode .kb-bottom svg:first-child{display:none}.kb-emoji-mode .kb-bottom:before{content:'ABC';font:500 14px -apple-system,sans-serif}
@media(max-width:899px){#addIncomingPhoto{background:#252528;border-color:#414146;color:#c9c3cb;flex-basis:58px;gap:2px}#addIncomingPhoto svg{width:18px;height:18px}#addIncomingPhoto span{font-size:9px}}

/* Size the prop from the chat width, identically in preview and export. */
.ios-keyboard{container-type:size;gap:clamp(3px,1.4cqh,6px)!important;overflow:hidden}
.ios-keyboard .kb-predictions{height:12%;flex:0 0 12%;font-size:clamp(10px,5.4cqh,15px);margin-bottom:0}
.ios-keyboard .kb-bottom{height:12%;flex:0 0 12%;padding:0 12px}
.ios-keyboard .kb-bottom svg{height:clamp(14px,9cqh,25px);width:clamp(14px,9cqh,25px)}
.ios-keyboard .kb-row{min-height:0;flex:1 1 0;gap:clamp(3px,2cqh,6px)!important}
.ios-keyboard .kb-key{min-height:0;font-size:clamp(11px,7.6cqh,21px)!important}
.ios-keyboard .kb-mod,.ios-keyboard .kb-row-4 .kb-return,.ios-keyboard .kb-row-4 .kb-num,.ios-keyboard .kb-space{font-size:clamp(10px,6cqh,16px)!important}
.ios-keyboard .kb-emoji-panel{gap:clamp(3px,2cqh,6px);padding-top:3px}
.ios-keyboard .kb-emoji-search{height:10cqh;font-size:clamp(12px,6cqh,19px)}
.ios-keyboard .kb-emoji-search span{font-size:clamp(10px,5cqh,14px)}
.ios-keyboard .kb-emoji-label{font-size:clamp(7px,3.2cqh,9px)}
.ios-keyboard .kb-emoji-key{font-size:clamp(17px,9cqh,25px)}
.ios-keyboard .kb-emoji-categories{font-size:clamp(12px,6cqh,17px)}

/* Export progress stays separate from transient preview/composer notices. */
.export-card{width:100%;padding:14px;border:1px solid #d9c9c3;border-radius:14px;color:inherit}
.export-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.export-heading strong{font-size:13px;font-weight:600}.export-heading span{font-size:11px;white-space:nowrap;opacity:.7}
.export-card progress{display:block;width:100%;height:4px;border:0;border-radius:4px;margin:12px 0;overflow:hidden;accent-color:#ffcc00;background:#d9c9c3}
.export-card progress::-webkit-progress-bar{background:#d9c9c3;border-radius:4px}.export-card progress::-webkit-progress-value{background:#ffcc00;border-radius:4px}.export-card progress::-moz-progress-bar{background:#ffcc00;border-radius:4px}
.export-card p{font-size:11px;line-height:1.4;opacity:.7;margin-top:7px}.export-actions{display:flex;gap:20px}.export-actions button{min-height:36px;font-size:11px;text-decoration:underline}
.exporting .studio-transport>.tempo-row,.exporting .studio-transport>.transport-actions,.exporting #studioStatus{display:none}
@media(max-width:899px){.export-card{border-color:#414146;padding:10px 12px}.export-card progress,.export-card progress::-webkit-progress-bar{background:#414146}.studio-ready.has-export-status.typing-mode .studio-transport{display:flex}}
@media(max-width:899px){.studio-ready.has-export-status.typing-mode .iphone{min-height:0}}
@media(max-width:899px) and (max-height:500px){
 .studio-ready.has-export-status .studio-toolbar,.studio-ready.has-export-status .studio-welcome{display:none}
 .studio-ready.has-export-status .iphone{min-height:0}
 .studio-ready.has-export-status .studio-transport>.tempo-row,.studio-ready.has-export-status .studio-transport>.transport-actions{display:none}
 .studio-ready.has-export-status .page-head{height:40px;min-height:40px;padding-top:3px;padding-bottom:3px}
}

@media(max-width:899px){.has-export-status.typing-mode .studio-transport>.tempo-row,.has-export-status.typing-mode .studio-transport>.transport-actions{display:none}}