.studio-dialog,.studio-shell{--ink:#181a19;--muted:#606661;--paper:#f5f6f3;--surface:#fff;--line:#d2d7d0;--edge:#20251f;--accent:#d3ee89;--accent-soft:#eaf3d5;--control:#edf0e9;--canvas:#e9ede5;--on-accent:#19220b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);color-scheme:light}:root[data-studio-theme=dark] .studio-dialog,:root[data-studio-theme=dark] .studio-shell{--ink:#f1f3ed;--muted:#a4aea0;--paper:#171b17;--surface:#202620;--line:#3a4438;--edge:#b2bcaa;--accent:#d3ee89;--accent-soft:#33421f;--control:#2a3229;--canvas:#121612;--on-accent:#19220b;color-scheme:dark}.studio-shell{width:100%;max-width:none;height:100dvh;min-height:420px;padding:0;display:flex;flex-direction:column;overflow:hidden;margin:0;background:var(--paper);font-size:14px;line-height:1.4}.studio-dialog *,.studio-shell *{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.studio-dialog button,.studio-shell button{transition:background .12s,color .12s}.studio-dialog button:active:not(:disabled),.studio-shell button:active:not(:disabled){transform:none}.studio-dialog :is(button,a,input,textarea,select):focus-visible,.studio-shell :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.studio-shell .site-header{height:60px;min-height:60px;padding:0 18px;gap:20px;border-bottom:1px solid var(--edge);background:var(--surface)}.studio-shell .wordmark{font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;gap:8px}.studio-shell .brand-icon{width:30px;height:30px;background:transparent;color:var(--ink);border-radius:0;transform:none;margin:0}.studio-shell .brand-icon svg{transform:none}.studio-tools{display:flex;align-items:center;gap:4px;margin-left:auto}.app-theme-switch{display:flex;align-items:center;gap:1px;border-left:1px solid var(--line);margin-left:8px;padding-left:12px}.studio-shell .header-actions{gap:12px}.studio-dialog .icon-button,.studio-shell .icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:8px;border-radius:3px;color:var(--muted)}.studio-dialog .icon-button:hover,.studio-shell .icon-button.active,.studio-shell .icon-button:hover{color:var(--ink);background:var(--control)}.studio-shell .pro-link{height:38px;border:1px solid var(--edge);background:var(--accent);color:var(--on-accent);border-radius:3px;padding:0 12px;display:flex;gap:16px;align-items:center;font-size:14px;font-weight:700;box-shadow:2px 2px 0 var(--edge)}.studio-shell .pro-link span{display:flex;align-items:center;gap:8px;font-size:inherit;background:none;color:inherit;margin:0;padding:0}.studio-shell .account-avatar{display:flex;justify-content:center;align-items:center;height:40px;width:40px;background:transparent;color:var(--ink);border-radius:3px}.studio-shell .account-avatar:hover{background:var(--control)}.studio-shell .workspace{flex:1 1;min-height:0;width:100%;display:grid;grid-template-columns:344px minmax(0,1fr);height:auto;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.studio-shell .editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border-right:1px solid var(--edge);border-radius:0}.studio-shell .editor-toolbar{display:flex;align-items:center;gap:6px;padding:4px 8px;min-height:52px;flex-shrink:0;border-bottom:1px solid var(--line)}.studio-shell .history-buttons{gap:0}.studio-shell .history-buttons .icon-button{min-width:34px;width:34px}.studio-shell .editor-tabs{margin:0;padding:0;flex:1 1;min-width:0;height:42px;min-height:42px;border-radius:0;background:var(--surface);gap:2px;border:0}.studio-shell .editor-tabs button{display:flex;align-items:center;justify-content:center;flex:1 1;height:40px;min-height:40px;gap:8px;padding:0 8px;border:1px solid transparent;border-radius:3px;color:var(--muted);background:transparent;font-size:14px;box-shadow:none}.studio-shell .editor-tabs button[aria-selected=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.studio-shell .editor-tabs button span{display:none}.studio-shell .editor-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:12px;overscroll-behavior:contain}.studio-shell .contact-card{display:flex;align-items:center;gap:10px;padding:0 0 10px;margin-bottom:0;border:0}.studio-shell .contact-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;color:var(--ink);font-weight:700;font-size:18px}.studio-shell .contact-card input{font-size:16px;font-weight:600;background:transparent;border:0;color:var(--ink);padding:4px 0}.studio-shell .section-label{color:var(--muted);font-size:14px;margin:4px 0 12px;text-transform:none;letter-spacing:0}.studio-shell .section-label em{color:var(--ink);background:var(--control);border-radius:2px;font-size:13px}.studio-shell .section-label button{color:var(--muted);display:flex;min-height:32px;min-width:32px;align-items:center;justify-content:center}.studio-shell .message-list{gap:8px}.studio-shell .message-edit-card{border:1px solid var(--line);border-radius:4px;background:var(--surface);margin-bottom:0;box-shadow:none}.studio-shell .message-edit-card.selected{border-color:var(--edge);box-shadow:2px 2px 0 var(--line)}.studio-shell .message-summary{padding:9px 10px;gap:8px;min-height:54px;color:var(--ink);background:var(--surface)}.studio-shell .message-summary p{color:var(--ink);font-size:15px;line-height:1.4;margin-top:4px}.studio-shell .message-who{color:var(--muted);font-size:13px;font-weight:500}.studio-shell .message-who small{color:var(--muted);font:12px ui-monospace,monospace}.studio-shell .direction-icon{width:26px;height:26px;border-radius:3px;color:var(--muted);background:var(--control)}.studio-shell .direction-icon.out{color:var(--ink);background:var(--accent-soft)}.studio-shell .direction-icon.out+div .message-who{color:var(--muted)}.studio-shell .mini-reactions{margin-top:5px}.studio-shell .message-details{padding:8px 10px 10px;gap:8px;border-top:1px solid var(--line)}.studio-shell .message-details .field{margin:0}.studio-shell .message-summary:focus-visible,.studio-shell .message-summary:hover{background:var(--control)}.studio-shell .message-edit-card.selected .message-summary{min-height:40px;padding-block:7px;align-items:center}.studio-shell .message-edit-card.selected .message-summary .mini-reactions,.studio-shell .message-edit-card.selected .message-summary p{display:none}.studio-shell .message-edit-card.selected .message-who{margin:0}.studio-shell .message-composition-options{display:flex;gap:6px;min-width:0}.studio-shell .message-composition-options>.compact-field{width:128px;flex-shrink:0}.studio-shell .sender-choice{flex:1 1;gap:2px;min-width:0;background:var(--control);border:1px solid var(--line);border-radius:3px;padding:2px;overflow-x:auto}.studio-shell .sender-choice button{flex:1 1;min-width:46px;min-height:32px;padding:4px 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);background:var(--control);border-radius:3px;box-shadow:none}.studio-shell .sender-choice .chosen{color:var(--surface);background:var(--ink)}.studio-dialog input,.studio-dialog select,.studio-dialog textarea,.studio-shell input,.studio-shell select,.studio-shell textarea{border:1px solid var(--line);border-radius:3px;padding:10px;min-height:40px;color:var(--ink);background:var(--surface);font-size:14px;box-shadow:none}.studio-shell input::placeholder,.studio-shell textarea::placeholder{color:var(--muted)}.studio-shell input[type=range]{min-height:24px;padding:0;border:0;accent-color:var(--ink);background:transparent}.studio-shell input[type=checkbox]{min-height:auto;accent-color:var(--ink)}.studio-shell .field{gap:5px;margin-bottom:10px}.studio-shell .composer-settings .toggle-row,.studio-shell .field>span,.studio-shell .toggle-row{color:var(--ink);font-size:14px;font-weight:400}.studio-shell .field small,.studio-shell .field-hint,.studio-shell .hint{color:var(--muted);font-size:13px;line-height:1.4}.studio-shell .field-pair{gap:10px}.studio-shell .unit-input{background:var(--surface);border-radius:3px;border-color:var(--line)}.studio-shell .unit-input input{border:0}.studio-shell .unit-input>span{color:var(--muted);font-size:13px}.studio-shell .toggle-row{min-height:44px;margin:0;padding:4px 0}.studio-shell .switch{width:34px;height:20px;border:1px solid var(--line);background:var(--control);border-radius:3px}.studio-shell .switch i{width:14px;height:14px;top:2px;left:2px;border-radius:1px;background:var(--muted);box-shadow:none}.studio-shell .switch.on{background:var(--ink);border-color:var(--ink)}.studio-shell .switch.on i{background:var(--surface);transform:translateX(14px)}.studio-shell .segmented{background:var(--control);border-radius:3px;border:1px solid var(--line);padding:3px}.studio-shell .segmented button{border-radius:2px;color:var(--muted);font-size:14px;min-height:38px}.studio-shell .segmented .chosen{background:var(--surface);color:var(--ink);box-shadow:none}.studio-shell .add-message{position:relative;min-height:44px;padding:10px;margin-top:12px;border:1px dashed var(--muted);border-radius:3px;color:var(--ink);font-size:14px}.studio-shell .composer-settings{padding-top:12px;margin-top:14px;border-color:var(--line)}.studio-shell .composer-heading,.studio-shell .composer-label{color:var(--muted);font-size:14px}.studio-shell .composer-settings input{background:var(--surface)}.studio-shell .advanced-card,.studio-shell .panel-intro,.studio-shell .settings-intro{display:none}.studio-shell .appearance-panel,.studio-shell .motion-panel{padding-top:0}.studio-shell .editor-footer{min-height:44px;padding:4px 14px;color:var(--muted);background:var(--surface);border-color:var(--line);font-size:12px}.studio-shell .editor-footer button{display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:var(--muted)}.studio-shell .editor-footer i.saved{background:#587537}.studio-shell .preview-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--canvas)}.studio-shell .canvas-toolbar{min-height:54px;height:54px;padding:6px 16px;background:var(--surface);border-bottom:1px solid var(--line);gap:12px}.studio-shell .platform-switch{display:flex;align-items:center;gap:2px;background:transparent;padding:0;border-radius:0}.studio-shell .platform-switch button{height:36px;padding:0 12px;border-radius:3px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:6px;background:transparent}.studio-shell .platform-switch .chosen{color:var(--ink);background:var(--control);box-shadow:none}.studio-shell .platform-switch .pro-dot{margin:0;color:var(--muted)}.studio-shell .canvas-actions{display:flex;gap:2px}.studio-shell .canvas-actions .icon-button{width:36px;min-width:36px;height:36px}.studio-shell .preview-canvas{flex:1 1;min-height:0;height:auto;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--canvas);background-image:radial-gradient(var(--line) .75px,transparent .75px);background-size:16px 16px}.studio-shell .preview-canvas:before{display:none}.studio-shell .phone-positioner{flex:none;margin:0}.studio-shell .phone-scale{transform-origin:top left}.studio-shell .playback{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:16px;flex:none;height:60px;padding:8px 16px;border-top:1px solid var(--line);background:var(--surface)}.studio-shell .playback-top{gap:8px;margin:0}.studio-shell .playback-controls{gap:3px}.studio-shell .play-button{width:38px;height:38px;min-width:38px;color:var(--surface);background:var(--ink);border-radius:3px}.studio-shell .timecode{color:var(--ink);font:12px ui-monospace,monospace;margin-left:8px}.studio-shell .timecode span{color:var(--muted)}.studio-shell .show-all{display:inline-flex;padding:8px;min-width:36px;min-height:36px;align-items:center;justify-content:center;color:var(--muted)}.studio-shell .fps-label,.studio-shell .show-all span,.studio-shell .timeline-labels{display:none}.studio-shell .timeline-track{margin:0;height:32px;display:flex;align-items:center}.studio-shell .timeline-track input{height:32px;accent-color:var(--ink)}.studio-shell .timeline-track:before{background:var(--line);height:2px}.studio-shell .timeline-marks button{height:8px;width:8px;min-width:8px;border-radius:1px;top:12px;background:var(--muted)!important}.studio-shell .preview-footer{height:60px;min-height:60px;padding:8px 16px;background:var(--surface);border-top:1px solid var(--line)}.studio-shell .preview-footer>div{gap:8px;margin-left:auto}.studio-shell .preview-hint{color:var(--muted);font-size:13px}.studio-shell .preview-edit{display:none}.studio-dialog .primary,.studio-shell .primary{color:var(--on-accent);background:var(--accent);border:1px solid var(--edge);border-radius:3px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:2px 2px 0 var(--edge);gap:10px}.studio-dialog .primary:hover,.studio-shell .primary:hover{filter:brightness(.96)}.studio-dialog .soft-button,.studio-shell .soft-button{color:var(--ink);background:var(--surface);border:1px solid var(--line);min-height:40px;padding:10px 14px;font-size:14px;border-radius:3px;gap:8px}.studio-shell .mobile-only{display:none}.studio-shell .native-control-group,.studio-shell .native-scene-details{border-color:var(--line);border-radius:3px}.studio-shell :is(.native-control-group,.native-scene-details,.message-extra-section,.motion-keyframes) summary{color:var(--ink);font-size:14px;min-height:44px}.studio-shell .extra-details{border-color:var(--line)}.studio-shell .extra-details summary{color:var(--ink);font-size:14px;padding:12px 0;min-height:44px}.studio-shell .extra-details summary svg{color:var(--muted)}.studio-shell .image-source-field{background:transparent;border-color:var(--line);border-radius:3px}.studio-shell .image-source-actions button{color:var(--ink);font-size:14px;min-height:40px;border:1px solid var(--line);border-radius:3px}.studio-shell .text-format-bar{flex-wrap:wrap;background:var(--control);border-radius:3px}.studio-shell .reaction-picker button,.studio-shell .text-format-bar button{color:var(--ink);width:36px;height:36px;min-width:36px;border-radius:2px}.studio-shell .reaction-picker{gap:3px}.studio-shell .reaction-picker button.chosen,.studio-shell .reaction-picker button:hover{background:var(--accent-soft);border-color:var(--ink)}.studio-shell .motion-controls{color:var(--ink)}.studio-shell .motion-controls button{min-height:38px;color:var(--ink);border-radius:3px}.studio-shell .motion-controls label,.studio-shell .motion-controls summary{color:var(--ink);font-size:14px}.studio-shell .motion-controls small{color:var(--muted);font-size:13px}.studio-dialog{background:#0b100b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.studio-dialog .modal{background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:28px;width:480px;max-width:100%;max-height:calc(100dvh - 48px);box-shadow:7px 7px 0 #0003}.studio-dialog .modal.wide{width:860px}.studio-dialog .modal-top{margin-bottom:24px;align-items:flex-start;gap:8px}.studio-dialog .modal-top h2{font:700 30px/1.1 Arial,sans-serif;letter-spacing:-1px;color:var(--ink);margin:0}.studio-dialog .modal-top p{font-size:16px;color:var(--muted);line-height:1.5;margin-top:10px}.studio-dialog .modal-top .icon-button{color:var(--muted);width:36px;min-width:36px;height:36px;margin:-8px -8px 0 0}.pro-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.comparison-label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px;letter-spacing:.5px}.pro-demo{min-height:136px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;position:relative;border:1px solid var(--line);border-radius:4px;padding:28px 10px 12px;background:var(--paper)}.pro-demo.clean{border-color:var(--edge);background:var(--surface);box-shadow:2px 2px 0 var(--line)}.demo-watermark{position:absolute;top:6px;left:5px;padding:3px 4px;font:8px Arial,sans-serif;background:#302b3d;color:white;border-radius:2px}.demo-bubble{background:var(--control);padding:7px 9px;border-radius:12px;font-size:12px}.demo-bubble.out{color:white;background:#2875eb;align-self:flex-end}.pro-price{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;border-bottom:1px solid var(--line)}.pro-price strong{font-size:48px;line-height:1;font-weight:600;letter-spacing:-2px}.pro-price strong span{font-size:16px;font-weight:400;letter-spacing:0;margin-left:8px;color:var(--muted)}.pro-price>span{font-size:14px;color:var(--muted)}.studio-dialog .pro-features{margin:20px 0 24px;padding:0;gap:12px}.studio-dialog .pro-features li{font-size:15px;line-height:1.45;color:var(--ink);gap:10px}.studio-dialog .pro-features svg{width:20px;height:20px;color:var(--muted)}.studio-dialog .pro-checkout{min-height:54px;font-size:17px;justify-content:center;width:100%}.studio-dialog .fine-print{color:var(--muted);font-size:13px;line-height:1.5;margin:18px 0 0}.billing-error{display:flex;gap:10px;align-items:flex-start;background:#ffeae5;border:1px solid #e39c8a;color:#842b16;border-radius:3px;padding:12px;margin-bottom:16px;font-size:14px}.billing-error svg{flex-shrink:0}.studio-dialog .export-preview{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:14px;margin-bottom:16px}.studio-dialog .export-preview h3{color:var(--ink);font-size:18px}.studio-dialog .export-preview p{color:var(--muted);font-size:14px}.studio-dialog .export-mini,.studio-dialog .export-preview .tiny-label{display:none}.studio-dialog .export-options{gap:8px}.studio-dialog .export-options>button{min-height:76px;border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:12px}.studio-dialog .export-options strong{color:var(--ink);font-size:17px}.studio-dialog .export-options small{color:var(--muted);font-size:13px;line-height:1.4}.studio-dialog .export-icon{background:var(--control);color:var(--ink);border-radius:3px;width:44px;height:44px}.studio-dialog .watermark-notice{border:1px solid var(--line);border-radius:3px;background:var(--paper);padding:14px;margin-top:20px;gap:10px}.studio-dialog .watermark-notice>svg{display:none}.studio-dialog .watermark-notice strong{color:var(--ink);font-size:15px}.studio-dialog .watermark-notice p{color:var(--muted);font-size:13px}.studio-dialog .watermark-notice button{min-height:40px;color:var(--ink);font-size:14px}.studio-dialog .export-bottom{border-color:var(--line);padding-top:16px}.studio-dialog .export-bottom button{min-height:40px;font-size:14px;color:var(--muted)}.studio-dialog .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.studio-dialog .template-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:3px;box-shadow:none;background:var(--surface)}.studio-dialog .template-card:focus-visible,.studio-dialog .template-card:hover{border-color:var(--ink);box-shadow:2px 2px 0 var(--line)}.studio-dialog .template-bubbles{justify-content:flex-start;padding:12px;gap:6px;height:150px;background:var(--surface)}.studio-dialog .template-bubbles>span{color:var(--ink);background:var(--control);font-size:13px;line-height:1.3;padding:6px 9px;max-width:90%;border-radius:10px;flex-shrink:0}.studio-dialog .template-bubbles>span.out{color:var(--on-accent);background:var(--accent)}.studio-dialog .template-meta{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--ink);border-top:1px solid var(--line);background:var(--surface);padding:10px 12px}.studio-dialog .template-meta strong{color:var(--ink);font-size:14px;flex:1 1}.studio-dialog .template-meta .template-platform{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:4px;margin:0}.studio-dialog .template-meta>svg{flex-shrink:0}@media (max-width:540px){.studio-dialog .template-grid{grid-template-columns:minmax(0,1fr)}.studio-dialog .template-bubbles{height:auto;min-height:122px}}.studio-dialog .json-editor{font-size:13px;background:var(--paper);color:var(--ink);line-height:1.5;border-radius:3px}.studio-dialog .help-steps h3{color:var(--ink);font-size:17px}.studio-dialog .help-steps p{color:var(--muted);font-size:14px}.studio-toast{background:#202820;color:#fff;border:1px solid #77846f;border-radius:4px;padding:14px 18px;font:15px/1.5 Arial,sans-serif;max-width:calc(100vw - 32px);box-shadow:3px 3px 0 #0003}.studio-toast.error{background:#7a281a;border-color:#d2a298}@media (min-width:1500px){.studio-shell .workspace{grid-template-columns:380px minmax(0,1fr)}}@media (max-width:1000px) and (min-width:800px){.studio-shell .workspace{grid-template-columns:320px minmax(0,1fr)}.studio-shell .canvas-toolbar{padding:6px 8px;gap:4px}.studio-shell .platform-switch button{padding:0 7px;font-size:13px}.studio-shell .canvas-actions .icon-button{width:30px;min-width:30px}.studio-shell .playback{gap:8px;padding-inline:10px}.studio-shell .timecode span{display:none}}@media (max-width:799px){.studio-shell{height:100dvh;min-height:360px}.studio-shell .site-header{min-height:56px;height:56px;padding:0 12px;gap:8px}.studio-shell .wordmark{font-size:20px;gap:3px}.studio-shell .brand-icon{width:26px}.studio-shell .studio-tools{gap:0}.studio-shell .studio-tools>.icon-button{display:none}.app-theme-switch{border:0;padding:0;margin:0}.app-theme-switch .icon-button{width:30px;min-width:30px;height:36px;padding:6px}.studio-shell .header-actions{gap:4px}.studio-shell .header-actions .account-avatar{display:none}.studio-shell .pro-link{height:34px;font-size:13px;padding:0 10px;gap:8px}.studio-shell .pro-link span:last-child{display:none}.studio-shell .workspace{display:flex;border:0;margin:0;border-radius:0;min-height:0;flex:1 1}.studio-shell .preview-panel{width:100%;height:100%}.studio-shell .canvas-toolbar{height:48px;min-height:48px;padding:4px 8px;gap:4px}.studio-shell .platform-switch{flex:1 1;justify-content:space-between;gap:0}.studio-shell .platform-switch button{font-size:12px;padding:0 8px;height:36px;gap:3px}.studio-shell .platform-switch .pro-dot{width:10px}.studio-shell .canvas-actions{gap:0}.studio-shell .canvas-actions .icon-button{display:none}.studio-shell .canvas-actions .icon-button:last-child{display:flex;width:32px;min-width:32px;height:36px}.studio-shell .preview-canvas{min-height:0;height:auto;padding:0}.studio-shell .playback{height:52px;gap:8px;padding:4px 10px}.studio-shell .playback-controls,.studio-shell .playback-top{gap:0}.studio-shell .playback-controls .icon-button{width:30px;min-width:30px}.studio-shell .play-button{height:36px;width:36px;min-width:36px}.studio-shell .timecode{font-size:12px;margin:0 6px}.studio-shell .show-all,.studio-shell .timecode span{display:none}.studio-shell .preview-footer{height:60px;min-height:60px;padding:6px 10px max(6px,env(safe-area-inset-bottom));gap:8px}.studio-shell .preview-footer>div{gap:8px}.studio-shell .preview-hint{display:none}.studio-shell .preview-edit{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:3px;font-size:14px}.studio-shell .primary,.studio-shell .soft-button{min-height:44px;padding:8px 14px}.studio-shell .editor{display:none;position:fixed;inset:auto 0 0;height:min(82dvh,800px);max-height:90dvh;width:100%;background:var(--surface);border:1px solid var(--edge);border-radius:8px 8px 0 0;z-index:50;transform:none;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 40px #0002}.studio-shell .editor.mobile-open{display:flex}.studio-shell .drawer-handle{display:block;width:32px;height:3px;min-height:3px;border-radius:1px;background:var(--line);margin:8px auto 0}.studio-shell .mobile-only{display:inline-flex}.studio-shell .editor-tabs{min-height:52px;height:52px}.studio-shell .editor-tabs button{height:44px}.studio-shell .editor-tabs button span{display:none}.studio-shell .editor-scroll{padding:12px 16px}.studio-shell .drawer-backdrop{position:fixed;inset:0;background:#0a100a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.studio-shell input,.studio-shell select,.studio-shell textarea{font-size:16px}.studio-dialog{padding:16px}.studio-dialog .modal{padding:22px;max-height:calc(100dvh - 32px);border-radius:5px}.studio-dialog .modal-top h2{font-size:27px}.studio-dialog .modal-top{margin-bottom:20px}.studio-dialog .modal-top p{font-size:15px}.studio-dialog .pro-features li{font-size:14px}.studio-dialog .pro-checkout{font-size:16px}.pro-demo{padding-inline:7px}.demo-bubble{font-size:11px;padding:7px}.studio-dialog .export-options strong{font-size:16px}.studio-dialog .export-options small{font-size:13px}}.studio-shell .media-recovery{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:14px;background:#fff0c9;color:#4e3b0c;border-bottom:1px solid #c1aa70}.studio-shell .media-recovery>svg{flex-shrink:0}.studio-shell .media-recovery button{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;margin-left:auto;min-height:36px;font-weight:600}.studio-dialog .sharing-note{font-size:15px;color:var(--muted);margin:20px 0;line-height:1.5}.studio-shell .people-controls{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.studio-shell .people-controls .people-title{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 14px}.studio-shell .people-mode{margin-bottom:16px}.studio-shell .people-mode button{gap:8px}.studio-shell .person-settings{border:1px solid var(--line);border-radius:3px;margin:10px 0}.studio-shell .person-settings summary{display:flex;gap:8px;align-items:center;min-height:44px;padding:10px;cursor:pointer}.studio-shell .person-settings summary strong{font-size:14px;font-weight:600}.studio-shell .person-settings summary>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.studio-shell .participant-dot{width:10px;height:10px;border-radius:2px;flex:none}.studio-shell .person-fields{padding:10px;border-top:1px solid var(--line)}.studio-shell .people-hint{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin:8px 0}.studio-shell .people-color,.studio-shell .people-membership{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:14px;min-height:44px}.studio-shell .people-color input{height:32px;width:50px;min-height:32px;padding:3px}.studio-shell .people-remove{min-height:40px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.studio-shell .people-controls>.soft-button{margin:12px 0}.studio-shell .people-receipts{border-top:1px solid var(--line);padding:10px 0}.studio-shell .people-receipts summary{font-size:14px;cursor:pointer;min-height:36px}.studio-shell .image-source-field>span{font-size:14px;color:var(--ink)}.studio-shell .image-source-field>input:not([hidden]){background:var(--surface);color:var(--ink);border-color:var(--line);font-size:14px}@media (max-width:799px){.studio-shell .image-source-field>input:not([hidden]){font-size:16px}}.studio-shell .image-source-field small{font-size:13px;color:var(--muted);line-height:1.45}.studio-shell .image-upload-row button{min-height:40px;border:1px solid var(--line);border-radius:3px;color:var(--ink);background:var(--control);font-size:14px}.studio-shell .image-source-field .image-source-error{color:#b84026;font-size:14px}.studio-shell .people-mode{background:var(--control);border:1px solid var(--line);border-radius:3px}.studio-shell .people-mode button{border-radius:2px;color:var(--muted);font-size:14px}.studio-shell .people-mode button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:none}.studio-shell .people-color,.studio-shell .people-membership,.studio-shell .person-settings summary strong{color:var(--ink)}.studio-shell .message-extras,.studio-shell .native-details{border-color:var(--line)}.studio-shell .message-extras summary,.studio-shell .native-details summary{min-height:44px;font-size:14px;color:var(--ink)}.studio-shell .native-details summary>span{color:var(--muted)}.studio-shell .checkbox-label,.studio-shell .native-toggle{font-size:14px;color:var(--ink);min-height:40px}.studio-shell .composer-mode-grid button{min-height:52px;background:var(--control);color:var(--muted);border:1px solid var(--line);border-radius:3px;font-size:13px;box-shadow:none}.studio-shell .composer-mode-grid button.chosen{background:var(--surface);color:var(--ink);border-color:var(--ink);box-shadow:none}.studio-shell .sticker-control{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:10px}.studio-shell .sticker-control button{color:var(--ink)}.studio-shell .sticker-control input{background:var(--surface);color:var(--ink);border-color:var(--line)}.studio-shell .play-button svg{width:16px;height:16px}.studio-shell .play-button:hover{background:var(--muted)}.studio-shell .timeline-track{background:var(--line);background-clip:content-box;padding:15px 0}.studio-shell .timeline-track>input::-webkit-slider-thumb{background:var(--ink);width:6px;height:20px;border-radius:1px;box-shadow:0 0 0 2px var(--surface);margin-top:-9px}.studio-shell .timeline-track>input::-moz-range-thumb{background:var(--ink);width:6px;height:20px;border-radius:1px}.studio-shell .divider{background:var(--line);border-color:var(--line)}.studio-shell .message-details .compact-field{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:0;min-width:0;border:1px solid var(--line);border-radius:3px;background:var(--surface)}.studio-shell .compact-field>.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.studio-shell .compact-field>.field-icon{grid-column:1;grid-row:1;margin-inline:auto;color:var(--muted)}.studio-shell .compact-field>:is(input,select,.unit-input){grid-column:2;grid-row:1;width:100%;min-width:0;border:0;margin:0}.studio-shell .compact-field :is(input,select){min-height:36px;padding:6px 4px}.studio-shell .compact-field:focus-within{outline:2px solid var(--edge);outline-offset:1px}.studio-shell .compact-field :is(input,select):focus-visible{outline:0}.studio-shell .message-details .field-pair{gap:6px}.studio-shell .message-details .compact-toggle{justify-content:center;min-height:36px;padding:6px 8px;margin:0;border:1px solid var(--line);border-radius:3px}.studio-shell .compact-toggle>span:first-child{display:inline-flex;align-items:center;gap:6px}.studio-shell .compact-toggle .switch{display:none}.studio-shell .compact-toggle[aria-checked=true]{background:var(--accent-soft);border-color:var(--edge)}.studio-shell .message-tools{padding-top:6px;margin-top:0;border-color:var(--line)}.studio-shell .message-details .reaction-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.studio-shell .reaction-picker>button{width:100%;min-width:0;height:36px;filter:none}.studio-shell .reaction-picker button.chosen{background:var(--accent-soft);border-color:var(--edge)}.studio-shell .editor-tabs button:not([aria-selected=true]):hover,.studio-shell .sender-choice button:not(.chosen):hover{background:var(--control);color:var(--ink)}.studio-shell .editor-toolbar .history-buttons{border-left:1px solid var(--line);padding-left:4px;margin:0;flex-shrink:0}@media (max-width:799px){.studio-shell .editor-toolbar{min-height:52px;padding:2px 6px;gap:4px}.studio-shell .editor-toolbar .editor-tabs{height:44px;min-height:44px}.studio-shell .editor-tabs button{padding:0 4px;min-width:36px}.studio-shell .editor-toolbar .history-buttons .icon-button{width:40px;min-width:40px;height:44px}.studio-shell .message-details :is(.compact-toggle,.reaction-picker>button,.sender-choice button){min-height:44px}.studio-shell .compact-field :is(input,select){min-height:44px;font-size:16px}.studio-shell .editor-scroll{padding:10px 12px}}.studio-shell .sticker-emoji-input{display:flex;align-items:flex-end;gap:6px}.studio-shell .sticker-emoji-input .field{flex:1 1;min-width:0}.studio-dialog .template-bubbles svg{vertical-align:-2px;margin-right:4px}.emoji-picker-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:32px;height:32px;padding:6px;border-radius:4px;color:var(--muted)}.emoji-picker-trigger:hover:not(:disabled),.emoji-picker-trigger[aria-expanded=true]{background:var(--control,#edf0e9);color:var(--ink)}.emoji-picker-dialog{position:fixed;inset:auto;margin:0;padding:0;width:min(352px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--edge,#20251f);border-radius:4px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 16px 60px #0c180d24,0 3px 12px #0c180d12}.emoji-picker-dialog::backdrop{background:#10160f20}.emoji-picker-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:5px 10px 5px 14px;border-bottom:1px solid var(--line);font-size:13px}.emoji-picker-heading button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:4px;color:var(--muted)}.emoji-picker-heading button:hover{background:var(--control);color:var(--ink)}.emoji-picker-content{height:var(--textmock-emoji-height,408px);min-height:128px}.emoji-picker-dialog.studio-dialog .EmojiPickerReact{--epr-bg-color:var(--surface);--epr-text-color:var(--ink);--epr-picker-border-color:transparent;--epr-picker-border-radius:0px;--epr-highlight-color:var(--edge);--epr-hover-bg-color:var(--control);--epr-focus-bg-color:var(--accent-soft);--epr-hover-bg-color-reduced-opacity:var(--control);--epr-search-input-bg-color:var(--control);--epr-search-input-bg-color-active:var(--control);--epr-search-input-text-color:var(--ink);--epr-search-input-placeholder-color:var(--muted);--epr-search-input-border-radius:4px;--epr-search-border-color:var(--line);--epr-search-border-color-active:var(--edge);--epr-category-icon-active-color:var(--ink);--epr-category-icon-inactive-color:var(--muted);--epr-category-label-bg-color:var(--surface);--epr-category-label-text-color:var(--muted);--epr-emoji-variation-picker-bg-color:var(--surface);--epr-skin-tone-picker-menu-color:var(--surface);--epr-skin-tone-outer-border-color:var(--edge);--epr-skin-tone-inner-border-color:var(--surface);--epr-horizontal-padding:10px;--epr-category-padding:0px;--epr-category-label-padding:0px;--epr-header-padding:12px 10px 8px;--epr-category-navigation-button-size:30px;--epr-emoji-size:28px;--epr-emoji-padding:5px;--epr-emoji-font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;border:0}.emoji-picker-dialog.studio-dialog .EmojiPickerReact .epr-emoji-list{margin:0 var(--epr-horizontal-padding)}.emoji-picker-dialog.studio-dialog .EmojiPickerReact input{padding:0 42px 0 38px;border-radius:4px;background:var(--control);color:var(--ink);font-size:16px;box-shadow:none}.emoji-picker-dialog.studio-dialog .EmojiPickerReact .epr-category-nav{opacity:1}.emoji-picker-dialog.studio-dialog .EmojiPickerReact .epr-cat-btn{color:var(--muted);opacity:1}.emoji-picker-dialog.studio-dialog .EmojiPickerReact .epr-cat-btn:is([aria-selected=true],:hover,:focus-visible){color:var(--ink)}.emoji-picker-dialog .EmojiPickerReact :is(button,input):focus-visible{outline:2px solid var(--edge);outline-offset:-2px}.emoji-picker-dialog .EmojiPickerReact button:active{transform:none}.emoji-picker-hint{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.emoji-picker-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:100%;padding:24px;color:var(--muted);text-align:center;font-size:13px}.emoji-picker-loading p{margin:0}.emoji-picker-loading button{padding:8px 12px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--control)}.emoji-picker-loading>svg{animation:textmock-emoji-loading 1s linear infinite}@keyframes textmock-emoji-loading{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.emoji-picker-loading>svg{animation:none}.emoji-picker-dialog .EmojiPickerReact{transition:none}}.studio-shell .message-extras{min-width:0}.studio-shell .message-extras>summary{justify-content:flex-start;gap:7px;min-height:34px;padding:8px 0 3px;font-size:12px}.studio-shell .message-extras .message-more-chevron{margin-left:auto;transition:transform .15s}.studio-shell .message-extras[open] .message-more-chevron{transform:rotate(45deg)}.studio-shell .message-extras .message-extra-fields{gap:10px;padding-top:10px}.studio-shell .message-extras .field>span{display:inline-flex;align-items:center;gap:5px}.studio-shell .message-extras .field-pair{gap:8px}.studio-shell .message-extras .field-pair>*,.studio-shell .message-extras .sticker-control input{min-width:0}.studio-shell .message-extras .sticker-control{gap:9px;padding:8px}.studio-shell .message-extras .sticker-control>div:first-child{gap:4px}.studio-shell .message-extras .message-emoji-input{display:flex;align-items:center;gap:4px;min-width:0}.studio-shell .message-extras .message-emoji-input>input{width:100%;min-width:0}.studio-shell .message-extras .emoji-picker-trigger{flex:0 0 30px;width:30px;height:32px;padding:0}.studio-shell .message-extras .section-label{color:var(--muted)}.studio-shell .message-extras .soft-button{background:var(--control);color:var(--ink);border:1px solid var(--line);border-radius:4px;min-height:32px;padding:6px 9px}.studio-shell .message-extras .soft-button:hover{background:var(--surface)}.studio-shell .message-text-editor{display:grid;gap:5px;min-width:0;width:100%}.studio-shell .message-text-editor>textarea{min-height:72px;padding:9px 10px;line-height:1.5;resize:vertical;border-radius:4px}.studio-shell .message-text-tools{display:grid;gap:4px;min-width:0}.studio-shell .message-text-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}.studio-shell .message-text-buttons>button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted)}.studio-shell .message-text-buttons>button:hover,.studio-shell .message-text-buttons>button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:var(--control)}.studio-shell .message-text-buttons>button[aria-pressed=mixed]{color:var(--ink);border-color:var(--line);border-style:dashed}.studio-shell .message-text-buttons>button:disabled{opacity:.35}.studio-shell .message-text-effect{display:flex;align-items:center;gap:6px;min-width:0;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--control);color:var(--muted)}.studio-shell .message-text-effect>svg{flex:0 0 auto}.studio-shell .message-text-effect>select{flex:1 1;width:100%;min-width:0;min-height:30px;padding:4px 0;border:0;background:transparent;color:var(--ink);font-size:12px}.studio-shell .message-text-error{margin:0;font-size:12px;color:var(--ink)}@media (max-width:760px){.studio-shell .message-text-buttons>button{width:36px;min-width:36px;height:36px}.studio-shell .message-text-editor>textarea{font-size:16px}.studio-shell .message-text-effect>select{min-height:36px;font-size:16px}}.people-controls{display:flex;flex-direction:column;gap:16px;min-width:0}.people-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:var(--control);border:1px solid var(--line);border-radius:3px}.people-mode button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:3px;color:var(--muted);font-size:14px}.people-mode button[aria-pressed=true]{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.people-hint{font-size:13px;line-height:1.5;color:var(--muted)}.person-settings{border:1px solid var(--line);border-radius:3px;overflow:hidden}.person-settings summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 11px;cursor:pointer;list-style:none}.person-settings summary::-webkit-details-marker{display:none}.person-settings summary strong{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-settings summary>span:last-child{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.person-fields{display:flex;flex-direction:column;gap:15px;padding:6px 12px 14px}.people-color,.people-membership{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--ink)}.people-color input{min-height:40px;width:48px;padding:4px}.people-membership input{width:20px;height:20px;accent-color:var(--ink)}.people-remove{display:flex;gap:8px;align-items:center;min-height:44px;color:var(--ink);font-size:14px}.people-remove:disabled{opacity:.5}.people-receipts{border-top:1px solid var(--line)}.people-receipts summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ink);font-size:14px}.people-receipts>div{display:flex;flex-direction:column}@media (max-width:799px){.people-controls input:not([type=checkbox]):not([type=color]),.people-controls select{font-size:16px;min-height:44px}.person-settings summary{min-height:48px}}