/* MY MEDIA SERVER — approved compact system, September 2026. */
@font-face{font-family:MMSBody;src:url('/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:MMSBody;src:url('/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:MMSDisplay;src:url('/unbounded-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;--mms-ink:#173c2e;--mms-paper:#f7f5ed;--mms-panel:#fffdf7;--mms-line:#d9ded4;--mms-muted:#596b60;--mms-orange:#ff681e;--brand-deep:#173c2e;--brand-cream:#f7f5ed;--brand-paper:#fffdf7;--brand-orange:#ff681e;--brand-line:#d9ded4;--surface:#fffdf7;--paper:#f7f5ed;--ink:#173c2e;--line:#d9ded4;--muted:#596b60;--accent:#ff681e;--accent-ink:#14382b;--deep:#173c2e;--forest:#173c2e;--bg:#f7f5ed;--radius-control:6px;--radius-panel:8px}
body{font-family:MMSBody,Arial,sans-serif;background:#f7f5ed;color:#173c2e}
button,input,select,textarea{font-family:inherit}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #2f6650;outline-offset:3px}
:where(input,select,textarea){max-width:100%;min-width:0;accent-color:#173c2e}
:where(button,a.button,.primary-action,.secondary-action){border-radius:6px}
:where(button:not(:disabled),a.button){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(button:disabled){cursor:not-allowed}
:where(h1,h2,h3,p,small,label){overflow-wrap:break-word}
[hidden]{display:none!important}
/* Working panels: content stays primary; media canvases retain their own geometry. */
body #studio-shell{font-family:MMSBody,Arial,sans-serif}
body #studio-shell .workspace-heading h1{font-family:MMSDisplay,MMSBody,sans-serif}
body #studio-shell :is(button,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border-radius:6px!important}
body #studio-shell :is(button,a.amber-action){min-height:44px;font-size:12px}
body #studio-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select){min-height:44px}
body #studio-shell textarea{font-size:14px;line-height:1.55}
body #studio-shell :is(.ingest-card,.pulse-card,.reel-workflow,.reel-setup-form,.reel-brief,.library-layout,.folder-panel,.library-item,.operations-empty,.operation-event,.profile-layout article,.profile-hero,.account-link-form,.owner-admin-card,.export-package,.banner-start-hub,.banner-editor-shell,.viral-card,.editor-empty,.editor-toolbar,.editor-stage .transcript-column,.editor-stage .studio-properties,.quick-editor,.desktop-timeline){border:1px solid #d9ded4;border-radius:8px!important;background:#fffdf7;box-shadow:none!important}
body #studio-shell :is(.reel-mode-card,.reel-module-card,.reel-file-field,.reel-prompt-editor,.desktop-extras,.export-row,.project-card){border-radius:6px!important;border-color:#d9ded4}
body #studio-shell :is(.card-head,.reel-step-heading,.section-heading){border-color:#d9ded4;font-size:12px;letter-spacing:0}
body #studio-shell :is(.card-head small,.reel-mode-card small,.reel-module-card small,.reel-step-heading small,.export-row p,.operation-event p,.library-item p){font-size:12px;line-height:1.5;color:#596b60}
body #studio-shell :is(.section-heading h2,.card-head h2,.profile-layout h2,.reel-workflow h2,.embed-head h2){font-family:MMSBody,sans-serif;font-weight:650;font-size:20px;line-height:1.3}
body #studio-shell :is(.amber-action,.workspace-action,.operation-row>button){background:#ff681e!important;color:#14382b!important;border-color:#ff681e}
body #studio-shell .workspace-action{min-height:44px;min-width:0;font-size:13px;padding:0 18px}
body #studio-shell .dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:16px}
body #studio-shell .ingest-card{min-height:0;padding:18px}
body #studio-shell .ingest-card form{margin-top:14px;gap:12px}
body #studio-shell .ingest-card .url-field input{height:48px;font-size:15px}
body #studio-shell .ingest-card .url-field,body #studio-shell .desktop-upload{font-size:12px;letter-spacing:0}
body #studio-shell .desktop-extras-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body #studio-shell .desktop-extras-grid label b{font-size:12px;line-height:1.4}
body #studio-shell .pulse-card{min-height:0;padding:20px;grid-template-columns:80px minmax(0,1fr);gap:16px}
body #studio-shell .pulse-orbit{width:76px;height:76px;border-color:#a6b8a7}
body #studio-shell .pulse-orbit b{font-family:MMSDisplay,sans-serif;font-size:27px}
body #studio-shell .pulse-card{align-self:start;color:#173c2e}
body #studio-shell .pulse-orbit::after{background:transparent;animation:none}
body #studio-shell .pulse-orbit b,body #studio-shell .pulse-orbit span{position:relative;z-index:1}
body #studio-shell .pulse-card p:last-child{font-size:13px;line-height:1.55}
body #studio-shell .project-grid{gap:12px;border:0;background:none}
body #studio-shell .project-card{border:1px solid #d9ded4;padding:16px;min-height:110px}
body #studio-shell .project-card p{font-size:12px}
body #studio-shell .reel-workflow{padding:20px}
body #studio-shell .reel-parameter-grid{gap:12px}
body #studio-shell .reel-parameter-grid label{font-size:12px;line-height:1.4}
body #studio-shell .editor-empty{padding:32px 24px;min-height:250px}
body #studio-shell .editor-empty h2{font-family:MMSDisplay,sans-serif;font-weight:500;font-size:25px;line-height:1.3}
body #studio-shell .editor-empty p{font-size:14px;line-height:1.6;max-width:580px}
body #studio-shell .editor-stage{gap:12px;grid-template-columns:minmax(240px,1fr) minmax(230px,.8fr)}
body #studio-shell .editor-toolbar{padding:12px;gap:8px;flex-wrap:wrap}
body #studio-shell .editor-stage :is(.transcript-column,.studio-properties){padding:14px;min-width:0}
body #studio-shell .editor-stage .player-column{border-radius:8px!important;overflow:hidden}
body #studio-shell .viral-controls{grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) minmax(120px,.5fr) auto;gap:12px;align-items:end}
body #studio-shell .viral-controls label{font-size:12px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
body #studio-shell .viral-controls>button{background:#ff681e!important;color:#173c2e!important}
body #studio-shell .operations-list{gap:10px;background:none;border:0}
body #studio-shell .operation-event{border:1px solid #d9ded4!important}
body #studio-shell .web-viral-results{gap:14px;border:0;background:none}
body #studio-shell .viral-card{padding:18px}
body #studio-shell .viral-card strong{font-family:MMSDisplay,sans-serif;font-size:30px}
body #studio-shell .viral-card p{font-size:13px;line-height:1.55}
body #studio-shell .banner-start-hub{padding:24px}
body #studio-shell .banner-start-options{gap:12px;margin:18px 0;background:transparent;border:0}
body #studio-shell .banner-start-options button{min-height:110px;padding:18px;border:1px solid #d9ded4;background:#f7f5ed;text-align:left}
body #studio-shell .banner-start-options small{font-size:12px;line-height:1.5}
body #studio-shell .studio-embed{border:1px solid #d9ded4;border-radius:8px;min-height:640px}
body #studio-shell .library-layout{gap:16px;padding:16px;background:#fffdf7}
body #studio-shell .folder-panel{gap:6px;background:transparent;border:0}
body #studio-shell .folder-panel button{font-size:12px;padding:10px 12px;border:1px solid #d9ded4}
body #studio-shell .library-items{gap:12px}
body #studio-shell .library-item{padding:14px;min-width:0}
body #studio-shell .library-item h3{font-size:15px;line-height:1.4}
body #studio-shell .wide-search{min-height:44px;border:1px solid #d9ded4;border-radius:6px}
body #studio-shell .wide-search input{height:44px;font-size:14px}
body #studio-shell .export-package{padding:20px}
body #studio-shell .export-row{gap:12px;padding:14px;border-color:#d9ded4}
body #studio-shell .export-row h3{font-size:15px;line-height:1.4}
body #studio-shell .export-row a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:6px;font-size:12px}
body #studio-shell .operations-list{gap:12px;background:transparent;border:0}
body #studio-shell .operation-event{gap:12px;padding:16px;font-size:13px}
body #studio-shell .operation-event p{font-size:13px;line-height:1.55}
body #studio-shell .dashboard-grid{align-items:start}
body #studio-shell .pulse-orbit::after{display:none}
body #studio-shell .editor-empty{min-height:260px}
body #studio-shell .owner-admin-card a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:6px;background:#ff681e;color:#173c2e}
body #studio-shell .operation-event time{font-size:12px;color:#596b60}
body #studio-shell .operations-empty{padding:28px}
body #studio-shell .profile-layout{gap:16px}
body #studio-shell .profile-layout article,body #studio-shell .profile-hero{padding:20px}
body #studio-shell .profile-hero h2{font-size:23px}
body #studio-shell .settings-grid{gap:14px}
body #studio-shell .settings-grid label,body #studio-shell .account-link-form label{font-size:12px;line-height:1.5}
body #studio-shell .profile-layout :is(p,small){font-size:13px;line-height:1.6}
body #studio-shell .plan-pill{border-radius:5px!important;font-size:12px}
/* Login: same compact controls, retain verification behavior. */
body #access-gate .entry-auth{border:1px solid #d9ded4;border-radius:8px;background:#fffdf7;box-shadow:0 6px 24px #173c2e08}
body #access-gate .entry-auth-header h2{font-family:MMSDisplay,sans-serif;font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.055em}
body #access-gate .entry-showcase h1{font-family:MMSDisplay,sans-serif;font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.16;letter-spacing:-.055em}
body #access-gate :is(.entry-email-row input,.entry-email-row button,.entry-telegram-cta){border-radius:6px;min-height:44px}
body #access-gate .entry-auth-ruler,body #access-gate .entry-auth-cross{display:none}
body #access-gate .entry-brand-lockup p{font-family:MMSBody,sans-serif;font-size:25px;font-weight:800;line-height:1.08;letter-spacing:-.045em}
/* Public pages keep their hierarchy, adopt the approved geometry. */
body.reference-dense{background:#f7f5ed;background-image:none;font-family:MMSBody,sans-serif}
body.reference-dense :is(h1,h2){font-family:MMSDisplay,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.18;text-transform:none}
body.reference-dense .hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.12}
body.reference-dense .hero{padding-block:44px}
body.reference-dense .section h2{font-size:clamp(27px,3vw,38px)}
body.reference-dense :is(.button,.hero-form button,.hero-form input,.menu-button){border-radius:6px!important;min-height:44px;font-family:MMSBody,sans-serif;font-size:13px}
body.reference-dense :is(.button.amber,.hero-form button){background:#ff681e;color:#14382b}
body.reference-dense :is(.product-panel,.compare-grid article,.result-grid article,.studio-capabilities article,.faq details,.banner-editor,.feature-card){border-radius:8px!important;border-width:1px;box-shadow:none}
body.reference-dense :is(.lead,.section-copy>p){font-size:16px;line-height:1.65}
body.reference-dense .logo{font-family:MMSBody,sans-serif;font-weight:800;letter-spacing:-.025em}
body.reference-dense .logo span{border-radius:6px;background:#ff681e;color:#173c2e}
body:has(.pricing-header){background:#f7f5ed;font-family:MMSBody,sans-serif}
body:has(.pricing-header) :is(h1,h2){font-family:MMSDisplay,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.2}
body:has(.pricing-header) h1{font-size:clamp(34px,4.5vw,60px)}
body:has(.pricing-header) h2{font-size:clamp(26px,3vw,38px)}
body:has(.pricing-header) .plan-card h2{font-family:MMSBody,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}
body:has(.pricing-header) :is(.plans,.payment-note,.pricing-faq,.final-cta){padding-block:40px}
body:has(.pricing-header) .pricing-hero{padding-block:44px;gap:32px}
body:has(.pricing-header) .button{border-radius:6px;min-height:44px;font-size:13px}
body:has(.pricing-header) .button.amber{background:#ff681e;color:#173c2e}
body:has(.pricing-header) :is(.plan-card,.tariff-card,.pricing-card,.comparison,.faq details){border:1px solid #d9ded4;border-radius:8px;box-shadow:none}
body:has(.pricing-header) .hero-lead{font-size:16px;line-height:1.6}
body:has(.legal-nav){font-family:MMSBody,sans-serif;background:#f7f5ed;color:#173c2e}
html:has(.legal-nav){background:#f7f5ed}
body:has(.legal-nav) :is(h1,header,footer,header a,footer a,.legal-nav a){color:#173c2e}
body:has(.legal-nav) .eyebrow{color:#596b60}
body:has(.legal-nav) footer span{color:#596b60}
body:has(.legal-nav) .legal-nav a:is(:hover,[aria-current="page"]){background:#173c2e;color:#fffdf7}
body:has(.legal-nav) main{max-width:900px;margin-top:32px}
body:has(.legal-nav) h1{font-family:MMSDisplay,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.25;font-weight:500;letter-spacing:-.055em}
body:has(.legal-nav) h2{font-family:MMSBody,sans-serif;font-size:21px;line-height:1.4;font-weight:700}
body:has(.legal-nav) :is(.legal-nav,section,aside){border:1px solid #d9ded4;border-radius:8px;background:#fffdf7;box-shadow:none}
body:has(.legal-nav) .legal-nav{padding:12px;gap:6px}
body:has(.legal-nav) .legal-nav a{display:inline-flex;align-items:center;min-height:44px;border-radius:6px;font-size:13px;padding:8px 12px}
body:has(.legal-nav) section{padding:22px 24px}
body:has(.legal-nav) :is(.lead,.updated){color:#596b60;line-height:1.65}
/* Telegram Mini App and its embedded editor/banner tools. */
body .app-shell{font-family:MMSBody,sans-serif;color:#173c2e;background:#f7f5ed;border-radius:8px}
body .app-shell>.topbar{background:#ff681e;color:#173c2e;padding:16px 18px;border-bottom:1px solid #d9ded4}
body .app-shell>.topbar h1,body .app-shell .intro h2{font-family:MMSDisplay,sans-serif;font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.055em}
body .app-shell .brand-mark{font-family:MMSBody,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.02em}
body .app-shell :is(.source-panel,.job-card,.source-card,.mini-profile-card,.mini-tariff-card,.mini-profile-email-form,.mini-legal-center,.banner-source-picker,.banner-controls,.banner-export-panel,.banner-design-tools,.studio-transcript,.studio-clips-panel,.studio-intelligence,.library-card){border:1px solid #d9ded4;border-radius:8px;background:#fffdf7;box-shadow:none;padding:16px}
body .app-shell :is(button,a.primary-action,a.secondary-action){min-height:44px;border-radius:6px;font-size:13px}
body .app-shell :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){min-height:44px;border:1px solid #c8d1c5;border-radius:6px;font-size:16px;background:#fffdf7;color:#173c2e}
body .app-shell :is(.primary-action,.mini-tariff-card button,.studio-actions button){background:#ff681e;color:#14382b;border-color:#ff681e}
body .app-shell :is(.operation-grid label,.batch-panel,.banner-disclosure){border-radius:6px;border-color:#d9ded4}
body .app-shell :is(p,small){line-height:1.55}
body .app-shell .bottom-nav{border-color:#d9ded4;background:#fffdf7;padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:0}
body .app-shell .bottom-nav button{font-size:11px}
body .app-shell .bottom-nav button.active{background:#173c2e;color:#fffdf7;border-radius:6px}
body .app-shell .hero-motion{max-height:110px;border-radius:8px}
body .app-shell .studio-header{background:#173c2e;color:#fffdf7}
body .app-shell .studio-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}
/* Auxiliary screens: payment result, SEO pages, NEO and owner console. */
body:has(.payment-shell) h1,body:has(.payment-card) h1,body:has(#editor) h1{font-family:MMSDisplay,sans-serif;font-weight:500;font-size:clamp(26px,4vw,36px);line-height:1.3}
body:has(#editor) :is(.group,#preview-stage,#login){border:1px solid #d9ded4;border-radius:8px;background:#fffdf7}
body:has(#editor) :is(button,input,select,textarea){border-radius:6px;min-height:44px}
body:has(#editor) .primary{background:#ff681e;color:#173c2e}
body:has(#payment-title) .status-card{border:1px solid #d9ded4;border-radius:8px;box-shadow:none;background:#fffdf7}
body:has(#payment-title) h1{font-family:MMSDisplay,sans-serif;font-size:30px;line-height:1.3}
body:has(#payment-title) :is(button,.primary-action,.secondary-action){border-radius:6px;min-height:44px}
body .admin-shell{font-family:MMSBody,sans-serif}
body .admin-shell .rail{background:#ff681e;color:#173c2e}
body .admin-shell :is(.surface,.metric-card,.table-wrap,.platform-tile){border:1px solid #d9ded4;border-radius:8px;box-shadow:none;background:#fffdf7}
body .admin-shell :is(h1,.metric-card strong){font-family:MMSDisplay,sans-serif;font-weight:500}
body .admin-shell :is(button,input,select){min-height:44px;border-radius:6px;font-size:12px}
body .admin-shell :is(th,td){font-size:12px;line-height:1.5}
body .admin-shell td small{font-size:11px}
@media(max-width:1100px){body #studio-shell .dashboard-grid{grid-template-columns:1fr}body #studio-shell .pulse-card{grid-template-columns:76px 1fr}body #studio-shell .viral-controls{grid-template-columns:1fr 1fr}body #studio-shell .editor-stage{grid-template-columns:1fr}body #studio-shell .library-layout{grid-template-columns:1fr}body #studio-shell .folder-panel{display:flex;flex-wrap:wrap;gap:6px}}
@media(max-width:760px){body #studio-shell .editor-stage{display:grid;grid-template-columns:minmax(0,1fr)}body #studio-shell .desktop-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body #studio-shell .reel-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body #studio-shell .operation-row,body #studio-shell .viral-controls{grid-template-columns:1fr}body #studio-shell .operation-row>*{grid-column:auto}body #studio-shell .export-row{grid-template-columns:minmax(0,1fr)}body #studio-shell .export-package .export-row>a{grid-column:auto}body #studio-shell .profile-side{grid-template-columns:1fr}body #studio-shell :is(.settings-grid,.account-link-form){grid-template-columns:1fr}body #studio-shell .workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}body.reference-dense .hero{padding-block:30px}body.reference-dense .hero h1{font-size:clamp(35px,7vw,48px)}body:has(.pricing-header) .pricing-hero{padding-block:32px;gap:24px}body:has(.legal-nav) section{padding:18px}body:has(.legal-nav) .legal-nav{padding:8px}}
@media(hover:hover) and (pointer:fine){:where(button:not(:disabled),a.button):hover{filter:brightness(.98)}:where(.primary-action,.button.amber):hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Filled editor and dialogs: compact geometry with readable supporting text. */
body.banner-workspace .app-shell{width:100%;max-width:none;margin:0;min-height:100dvh;border-radius:0;overflow:visible}
body.banner-workspace .studio-view{width:100%;box-sizing:border-box;margin:0 auto}
body.banner-workspace :is(.studio-selection,.banner-controls,.banner-controls>* ){min-width:0;max-width:100%;box-sizing:border-box}
body.banner-workspace .banner-controls legend{color:#173c2e}
body.banner-workspace .banner-controls :is(p,small,label,summary){font-size:13px;line-height:1.5}
body.banner-workspace .banner-controls button{min-height:44px;font-size:13px}
body.banner-workspace .banner-controls :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea){font-size:16px;min-height:44px}
body.banner-workspace :is(.banner-disclosure,.banner-preview,.banner-export-panel){border-radius:6px}
body #studio-shell .editor-stage :is(label,select,input,textarea){font-size:13px;line-height:1.5}
body #studio-shell .editor-stage :is(p,small,.editor-save-state,.editor-project-context>small,.editor-player-caption,.quick-editor>header small){font-size:12px;line-height:1.55}
body #studio-shell .editor-toolbar>span{font-size:12px;min-width:0}
body #studio-shell .editor-stage :is(.transcript-segment,.transcript-line,.transcript-row) button{font-size:13px;line-height:1.55}
body #studio-shell #desktop-transcript :is(button,p,span){font-size:13px;line-height:1.55}
body #studio-shell .editor-stage .studio-properties label{font-size:13px;color:#596b60}
body #studio-shell .editor-stage :is(.editor-composition-settings,.editor-effect-group,.editor-setting-group){border-color:#d9ded4;border-radius:6px}
body #studio-shell .editor-stage :is(.transcript-column,.studio-properties){scrollbar-width:thin;scrollbar-color:#b6c3b4 transparent}
body #studio-shell .editor-stage .editor-preview-canvas{border-radius:6px;overflow:hidden}
body #studio-shell .editor-toolbar{gap:10px;align-items:center}
body #studio-shell .editor-project-context{min-width:0}
body #studio-shell .editor-history{flex-shrink:0}
body #studio-shell dialog{border:1px solid #d9ded4;border-radius:8px!important;background:#fffdf7;color:#173c2e;box-shadow:0 16px 48px #173c2e26;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
body #studio-shell dialog::backdrop{background:#173c2e80;backdrop-filter:blur(3px)}
body #studio-shell dialog :is(h2,h3){font-family:MMSBody,sans-serif;font-size:22px;line-height:1.3;letter-spacing:-.025em}
body #studio-shell dialog :is(p,small,label,dt,dd,summary,[role=status]){font-size:13px;line-height:1.55}
body #studio-shell dialog :is(button,select,input,textarea){font-family:MMSBody,sans-serif;min-height:44px;border-radius:6px;font-size:13px}
body #studio-shell dialog :is(input[type=checkbox],input[type=radio]){min-height:0;width:18px;height:18px}
body #studio-shell dialog :is(.amber-action,.primary-action){background:#ff681e;color:#173c2e}
body #studio-shell dialog :is(header,footer){gap:12px;flex-wrap:wrap}
body #studio-shell dialog header>div{flex:1;min-width:0}
body #studio-shell dialog header>button{flex:0 0 44px;width:44px}
body #studio-shell .profile-side{min-width:0}
body #studio-shell .connected-sources{gap:8px}
@media(max-width:1100px){body #studio-shell .profile-side{grid-template-columns:1fr}body #studio-shell .editor-stage .editor-toolbar>span{flex:1 1 100%}}
@media(max-width:760px){body #studio-shell .editor-stage :is(input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=color]),select,textarea),body #studio-shell dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}body #studio-shell dialog{margin:auto;padding:16px;width:calc(100vw - 24px)}body #studio-shell .editor-stage .studio-properties{max-height:none;overflow:visible}body #studio-shell dialog footer>button{flex:1 1 180px;width:100%}}