/* МедиаТут · site.css — единственный источник стилей сайта (с r43). Очищен от перекрытых правил по замеру всех страниц (tools/css_win.py). Правьте этот файл напрямую; старые design-v2/light-design/portal-ui/pulse.src больше не используются. */
@import url(/fonts/pulse-fonts.css);
/* ==== design-v2.css ==== */
/* Mediatut calm workspace — isolated design preview. */
:root{--bg:#11151b;--surface:#191f28;--ink:#edf1f7;--muted:#a8b3c3;--accent:#7eacf9;--line:#2a3341;--metro-shell:1160px!important;--metro-gap:24px!important}

body{line-height:1.55}
body::before,body::after{display:none!important}
a,button,input,select{transition:background .16s,border-color .16s,color .16s}
a:focus-visible,button:focus-visible{outline:2px solid #a4c7ff!important;outline-offset:4px}
header.site,.site-head{position:relative;top:auto}
header.site .bar,.site-head .wrap,.site-head .inner{background:transparent;border:0!important;border-radius:0;box-shadow:none}
header.site .brand,.site-head .logo,.site-head .brand{padding:0;background:transparent;border:0;min-height:40px}
.mark{background:#457ad4!important;border-radius:9px!important;box-shadow:none!important}
.navlinks{display:flex!important;grid-auto-flow:unset!important;gap:4px!important;flex:1;overflow-x:auto}
.navlinks a,.site-head .nav a{background:transparent!important;color:#aeb9c9!important;border:0!important;box-shadow:none!important;outline:none;min-height:40px!important;min-width:0!important;padding:9px 12px!important;font:500 13px/1.4 Arial,sans-serif!important;border-radius:7px!important;white-space:nowrap}
.navlinks a:hover,.site-head .nav a:hover{background:#202936!important;color:#fff!important}
.navlinks a[aria-current],.site-head .nav a[aria-current]{background:#223149!important;color:#b4d0ff!important;outline:0!important}

.metro-lang a{min-width:30px;font:600 11px Arial,sans-serif!important;letter-spacing:0}
.metro-lang a[aria-current]{color:#eef4ff!important;box-shadow:none!important}
.metro-lang a.metro-account{margin-right:9px;font-size:12px!important}
.site-head .nav{order:4;gap:3px!important;flex-wrap:wrap!important;padding:0!important;margin:0!important}
.site-head .nav a{font-size:12px!important;min-height:32px!important;padding:6px 9px!important}

.metro-side,.metro-ad{display:none!important}.metro-main{min-width:0}


.metro-main>.hero,.metro-main>.main>.hero{min-height:0;margin:0!important;overflow:visible}
.metro-main>.hero::before,.metro-main>.hero::after,.metro-main>.main>.hero::before,.metro-main>.main>.hero::after{display:none!important}
.metro-main>.hero h1,.metro-main>.main>.hero h1{max-width:100%;text-shadow:none}
.metro-main>.hero .lead,.metro-main>.main>.hero .lead{max-width:800px!important;margin:0}

.chips{gap:17px}.chip b{font-weight:500}.chip .dot{background:#79c8b4;box-shadow:none}

.metro-main>.quick-tools{gap:12px!important;margin:0 0 24px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.metro-main>.quick-tools .quick-card{display:flex!important;align-items:center;gap:12px;background:#191f28!important;border:1px solid #2a3341!important;border-radius:10px!important;box-shadow:none!important;min-height:93px!important;padding:18px!important;position:relative;transform:none!important;text-decoration:none!important}
.quick-card:hover{border-color:#698bc1!important;background:#202938!important}
.metro-main>.quick-tools .quick-icon{width:36px;height:36px;flex-shrink:0;background:#22324b!important;color:#9fc1ff!important;border-radius:9px!important;font-size:21px!important}
.quick-card-green .quick-icon{background:#1e3933!important;color:#82d3b7!important}.quick-card-amber .quick-icon{background:#3c3321!important;color:#e8c984!important}.quick-card-violet .quick-icon{background:#302b49!important;color:#bdadf3!important}
.metro-main>.quick-tools .quick-copy b{font-size:13px!important;line-height:1.4!important;display:block;color:#edf1f7!important}
.metro-main>.quick-tools .quick-copy small{display:block;font-size:11px!important;color:#9daabc!important;line-height:1.45!important;margin-top:5px}
.quick-arrow{display:none!important}

.metro-main>.panel{margin-bottom:24px}
.kinds{background:transparent;padding:0;gap:8px}
.kbtn,.tabs button,.wbtn{border:1px solid #303b4a!important;border-radius:7px;font-size:13px;box-shadow:none;min-height:40px}

.tabs{gap:8px}
.drop,.t-drop{min-height:190px;padding:30px 20px;box-shadow:none}
.drop h3,.t-drop strong{margin:0 0 8px}
.drop p,.t-drop span{font-size:12px}
.btn,.button{font-weight:700;text-shadow:none}
.btn:hover,.button:hover{background:#b0ceff!important}.btn:disabled,.button:disabled{background:#2b3645!important;color:#8998ac!important;opacity:1!important;cursor:not-allowed}



.metro-layout-docs .main>.wrap{padding:0!important}
.metro-layout-docs .cards{gap:14px!important}.metro-layout-docs a.card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:124px;text-decoration:none;position:relative}
.metro-layout-docs a.card b{display:block!important;font-size:15px;line-height:1.35}
.metro-layout-docs a.card span{display:block!important;font-size:13px;line-height:1.5}
.metro-layout-docs a.card:hover{border-color:#6484b4!important;background:#202a38!important}

.design-pro-note{font-size:13px;margin:16px 0}
footer.site,.site-foot .wrap,.site-foot .inner{background:transparent!important;border:0!important;border-top:1px solid #293341!important;box-shadow:none!important;border-radius:0!important;padding:24px 0!important;color:#96a5b9!important;font-size:12px!important}
.site-foot a,footer.site a{color:#a7b5c8!important}


@media(max-width:900px){.navlinks{order:3;flex-basis:100%}.metro-main>.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-head .nav{flex-wrap:nowrap!important;overflow:auto!important}}
@media(max-width:640px){header.site .brand,.site-head .logo{width:auto;justify-content:flex-start}.metro-lang{width:auto}.metro-lang a{flex:none}.metro-lang a.metro-account{margin-right:2px}.chips{gap:10px}.metro-main>.quick-tools{gap:8px!important;margin-bottom:18px!important}.metro-main>.quick-tools .quick-card{padding:12px!important;gap:9px;min-height:95px!important}.metro-main>.quick-tools .quick-icon{width:28px;height:32px;font-size:17px!important}.metro-main>.quick-tools .quick-copy b{font-size:12px!important}.metro-main>.quick-tools .quick-copy small{font-size:10px!important}.tabs{grid-template-columns:1fr}.drop,.t-drop{padding:24px 12px}.metro-layout-docs .cards{grid-template-columns:1fr!important}.site-head .nav{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Resolve legacy category palettes and spacing in the existing stylesheets. */
html body .navlinks a:nth-child(n),html body .site-head .nav a:nth-child(n){background:transparent!important;color:#aeb9c9!important}
html body .navlinks a[aria-current],html body .site-head .nav a[aria-current]{background:#223149!important;color:#b4d0ff!important}
html body .navlinks a:hover{background:#202936!important;color:#fff!important}

html body .metro-layout-docs a.card:nth-child(n):hover{background:#202a38!important;border-color:#7298cb!important}
body .metro-layout-docs .main>.wrap.split{padding:24px!important}
body .metro-main>.hero,body .metro-main>.main>.hero{gap:0}

body .hero .chips{margin-top:16px}
html body .quick-card-green .quick-icon{background:#1e3933!important;color:#82d3b7!important}
html body .quick-card-amber .quick-icon{background:#3c3321!important;color:#e8c984!important}
html body .quick-card-violet .quick-icon{background:#302b49!important;color:#bdadf3!important}
body .opts>*,body .tabs{background:transparent}
body .metro-main>.panel .kinds{margin-bottom:8px}
body .metro-main>.panel .tabs{margin-bottom:8px}
body .metro-main>.panel{gap:12px}

@media(max-width:640px){body .metro-layout-docs .main>.wrap.split{padding:14px!important}body .hero .chips{margin-top:12px}}
html body .metro-main>.quick-tools .quick-card-green .quick-icon{background:#1e3933!important;color:#82d3b7!important}
html body .metro-main>.quick-tools .quick-card-amber .quick-icon{background:#3c3321!important;color:#e8c984!important}
html body .metro-main>.quick-tools .quick-card-violet .quick-icon{background:#302b49!important;color:#bdadf3!important}
html body #opts .field{background:transparent!important}



/* Richer category accents, retaining the calm workspace layout. */

html body .navlinks a:nth-child(1){color:#8bbdff!important}
html body .navlinks a:nth-child(2){color:#72ddbb!important}
html body .navlinks a:nth-child(3){color:#e2bcff!important}
html body .navlinks a:nth-child(4){color:#ffca7a!important}

html body .navlinks a[aria-current]{background:#293e62!important;box-shadow:inset 0 -2px #87b8ff!important}
html body .metro-main>.quick-tools .quick-card{border-top:3px solid #659fff!important;background:linear-gradient(125deg,#223a60,#1b2636)!important}
html body .metro-main>.quick-tools .quick-card-green{border-top-color:#55d8ae!important;background:linear-gradient(125deg,#194638,#1b2e2a)!important}
html body .metro-main>.quick-tools .quick-card-amber{border-top-color:#f4bd5e!important;background:linear-gradient(125deg,#4b3822,#2c2822)!important}
html body .metro-main>.quick-tools .quick-card-violet{border-top-color:#b997ff!important;background:linear-gradient(125deg,#3d2b60,#272238)!important}
html body .metro-main>.quick-tools .quick-copy small{color:#c4cfdf!important}





html body .metro-layout-docs a.card:hover,html body .metro-main>.quick-tools .quick-card:hover{filter:brightness(1.14);border-color:#9cb9e8!important}
html body .btn:not(:disabled):not(.ghost),html body .button:not(:disabled):not(.secondary){background:linear-gradient(110deg,#648fff,#88b9ff)!important;color:#0a1932!important;border-color:#91b9ff!important;box-shadow:0 5px 20px #326ade28!important}



.cad-toolbar{margin:14px 0}.cad-toolbar input[type=checkbox]{width:auto}.cad-toolbar input[type=number]{width:85px}.cad-controls p{font-size:13px}#cad-preview{max-width:100%}.cad-controls summary{cursor:pointer}
/* Shared header across media, tools and document catalog. */

body .design-header .design-brand{align-items:center;order:0}












html body .design-header>.nav{order:3!important;flex-basis:100%}
@media(max-width:1100px){html body .design-header>.nav{order:4!important}}
@media(max-width:640px){body .design-header .metro-lang a.metro-account{font-size:10px!important;padding:6px}body .design-header .metro-lang a{min-width:24px}}


/* Vivid category palette, matching the related-tools tiles. */








html body .metro-main>.quick-tools .quick-card{background:#3977dc!important;border-color:#679aff!important}
html body .metro-main>.quick-tools .quick-card-green{background:#70b600!important;border-color:#92d62a!important}
html body .metro-main>.quick-tools .quick-card-amber{background:#d7b91f!important;border-color:#f0d34f!important}
html body .metro-main>.quick-tools .quick-card-violet{background:#603cbb!important;border-color:#9571ec!important}
html body .metro-main>.quick-tools .quick-copy b,html body .metro-main>.quick-tools .quick-copy small{color:#fff!important}
html body .metro-main>.quick-tools .quick-card-green .quick-copy b,html body .metro-main>.quick-tools .quick-card-green .quick-copy small,html body .metro-main>.quick-tools .quick-card-amber .quick-copy b,html body .metro-main>.quick-tools .quick-card-amber .quick-copy small{color:#172000!important}
html body .metro-main>.quick-tools .quick-icon{background:#0002!important;color:#fff!important}






/* Give every section button the same raised edge as Media. */

.prepare-shortcuts{display:grid;gap:14px;margin:20px 0 24px}.prepare-shortcuts a{display:flex;flex-direction:column;gap:6px;text-decoration:none}.prepare-shortcuts span{font-size:13px}
.design-search-link{text-align:right}.prepare-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.prepare-shortcuts{grid-template-columns:1fr}}
.portal-home{margin:0 0 28px}

/* Unified section colours and a calmer portal hierarchy. */



html body .metro-main>.quick-tools .quick-card-green{background:#3977dc!important;border-color:#679aff!important}html body .metro-main>.quick-tools .quick-card-amber{background:#70b600!important;border-color:#92d62a!important}html body .metro-main>.quick-tools .quick-card-violet{background:#d7b91f!important;border-color:#f0d34f!important}html body .metro-main>.quick-tools .quick-card-green .quick-copy b,html body .metro-main>.quick-tools .quick-card-green .quick-copy small{color:#fff!important}html body .metro-main>.quick-tools .quick-card-violet .quick-copy b,html body .metro-main>.quick-tools .quick-card-violet .quick-copy small{color:#251e00!important}


/* ==== light-design.css ==== */
/* MediaTut light preview — CSS-only skin over existing tools. */
:root{color-scheme:light!important;--bg:#f7faff;--surface:#fff;--surface2:#edf4ff;--ink:#102747;--muted:#516784;--line:#d7e4f5;--link:#075bca}
html:root:root:root,body{color:#142d50}
body .catalog,body .wrap,body .metro-main{color:#142d50}




html:root:root:root body .design-header{border-bottom:0!important}



html:root:root:root body .design-header .metro-lang .metro-account{color:#143864!important}
html:root:root:root body .design-search-link{font-weight:600}









body .metro-main>.hero{position:relative}







body input,body select,body textarea,body #sample-search{background:#fff;color:#142d50;border:1px solid #b8cde9;border-radius:9px}
body input::placeholder,body textarea::placeholder{color:#708199}
html:root:root:root body .btn:not(:disabled):not(.ghost),html:root:root:root body .button:not(:disabled):not(.secondary){background:linear-gradient(135deg,#009bff,#0454e8)!important;color:#fff!important;border-color:#4b9aff!important;box-shadow:0 5px 15px #1673ed26!important}








html:root:root:root body .kbtn,html:root:root:root body .tabs button,html:root:root:root body .wbtn{background:#eef4fc!important;color:#38597f!important;border-color:#ccdcef!important}
html:root:root:root body .prepare-panel button,html:root:root:root body .inventory-panel button,html:root:root:root body .search-result button{background:linear-gradient(130deg,#108eff,#0559d3);color:white;border-color:#82b6f5}html:root:root:root body button:disabled{opacity:.55!important}



html:root:root:root body .sample,html:root:root:root body .document-pack,html:root:root:root body .search-result,html:root:root:root body .inventory-row{background:#fff!important;border-color:#cddcf0!important;box-shadow:0 7px 22px #175baa0b;color:#173a64}.sample p,.sample-top,.document-pack p{color:#526b8a}

body .search-options span{color:#526780}
body #diff-output{background:#f8fbff;color:#173a64;border-color:#cdddf1}html:root:root:root body #diff-output del{background:#ffe0e5;color:#93213b}html:root:root:root body #diff-output ins{background:#d9f4e2;color:#175e35}

html:root:root:root body footer.site,html:root:root:root body .site-foot .wrap,html:root:root:root body .site-foot .inner{border-color:#d4e2f2!important;color:#58728c!important}html:root:root:root body .site-foot a,html:root:root:root body footer.site a{color:#376895!important}



  



body [id*="cookie-banner"] a{color:#075bca!important}

/* Sidebar layout requested for the light preview. */









body .design-brand{flex-shrink:1;max-width:100%}

body .design-search-link{flex-basis:auto!important}
body .metro-main>.hero{padding:18px 0!important}



.processing-settings summary{cursor:pointer}.processing-settings[open] summary{margin-bottom:14px}
body #opts,body #opts>*{background:transparent;color:#345579!important}
html:root:root:root body #run:disabled{display:none!important}


/* Shared page shell and readable document controls. */

body .design-header .design-brand{margin:0}
body .design-header .metro-lang{justify-self:end}











body .metro-layout-docs .split{margin-top:0}
html:root:root:root body .metro-layout-docs .hero{padding:20px 0!important;margin:0!important}

body .metro-layout-docs .hero p,body .tool p,body .tool label,body .tool .note{color:#4c6580!important}
body .t-bar,body .t-status{background:#edf5ff;border-color:#d5e4f7}
html:root:root:root body .tool a{color:#0862bd!important}


@media(max-width:800px){body .design-header .metro-lang{justify-self:center}}
html:root:root:root body .tool{--panel:#fff;--panel-ink:#183c69;--panel-muted:#4d6683;--panel-line:#cbdcf1;--ink:#183c69;--muted:#4d6683;--accent:#0969da;--accent-soft:#eaf3ff}

body .t-bar .lbl,body .t-act,body .t-act span,body .t-act a,body .t-reset{color:#486586}

body .primary-workspace .col-tool{width:100%}
html:root:root:root body input,html:root:root:root body select,html:root:root:root body textarea{max-width:100%;box-sizing:border-box;min-width:0}
body .tool canvas{max-width:100%}
body .cad-drop{position:relative;overflow:hidden}
body .unified-footer{line-height:1.5}
body .unified-footer a{text-decoration:none}
html:root:root:root body .unified-footer a:hover{text-decoration:underline}
body .unified-footer .footer-brand{font-weight:800;margin-right:auto}


body .faq details,body .content details{color:#345775}

html:root:root:root body a:focus-visible,html:root:root:root body button:focus-visible,html:root:root:root body summary:focus-visible{outline:3px solid #175db1;outline-offset:3px}

@media(max-width:800px){.unified-footer nav{margin-top:16px}}




html:root:root:root body .tool-link:nth-child(6n+2),html:root:root:root body .tool-link:nth-child(6n+3),html:root:root:root body .tool-link:nth-child(6n+2) *,html:root:root:root body .tool-link:nth-child(6n+3) *{color:#183400}



body .metro-layout-docs a.card:nth-child(n) b,body .metro-layout-docs a.card:nth-child(n) span{color:#214d79!important}
/* Calm, single-accent interface. */












html:root:root:root body .btn:not(:disabled):not(.ghost),html:root:root:root body .button:not(:disabled):not(.secondary),html:root:root:root body .download,html:root:root:root body .prepare-panel button,html:root:root:root body .inventory-panel button{background:#0866df!important;color:#fff!important;border-color:#0866df!important;box-shadow:none!important}
body .prepare-shortcuts a,body .tool-link,body .quick-card,body .document-pack{color:#214264!important}
body .prepare-shortcuts a b,body .tool-link:nth-child(n) b,body .quick-card b{color:#214264}
body .prepare-shortcuts a span,body .tool-link:nth-child(n) span,body .quick-card small{color:#607086!important}

body .catalog-hero h1{font-size:40px;line-height:1.2}


body h1{font-size:36px;line-height:1.2}
body h2{font-size:24px;line-height:1.3}
body h3{font-size:19px;line-height:1.4}



@media(max-width:800px){body .catalog-hero h1{font-size:30px}}



body .catalog p{color:#526780!important}
html:root:root:root body .quick-card:nth-child(n) b,html:root:root:root body .quick-icon{color:#214264!important}
html:root:root:root body [class*="protect-"]{color:#345775!important}

html:root:root:root body [class*="protect-"] h2,html:root:root:root body [class*="protect-"] span{color:#264f77!important}
/* One shared header, with the brand at the top of navigation. */



body .design-header .design-search-link{margin:0!important;order:0!important}
body .design-header .metro-lang{order:1}
body .design-header::before,body .design-header::after{content:none}




/* Wide grouped tool navigation. */
body.with-mega-menu{padding-left:0;min-height:100vh}
body.with-mega-menu .design-header{position:relative;justify-content:space-between}

body.with-mega-menu .mega-nav{display:flex;align-items:center}

html:root:root:root body .mega-trigger:hover,html:root:root:root body .mega-trigger[aria-expanded=true]{color:#075dc9;background:#edf4ff;border-bottom-color:#0866df}
body .mega-panel{top:100%;left:0;right:0;z-index:100}
body .mega-panel[hidden]{display:none!important}
body .mega-panel section{border-radius:12px}

html:root:root:root body .mega-panel a{text-decoration:none}
html:root:root:root body .mega-panel a:hover,html:root:root:root body .mega-panel a[aria-current]{color:#075bc2;background:#edf4ff}
html:root:root:root body.with-mega-menu .design-header .design-search-link{font-size:13px}

@media(max-width:640px){body.with-mega-menu .mega-nav{align-items:stretch}}

body.with-mega-menu .design-header .design-brand{grid-column:1;grid-row:1;justify-self:start}
body.with-mega-menu .design-header .design-search-link{grid-column:2!important;grid-row:1!important;justify-self:end!important}
body.with-mega-menu .design-header .metro-lang{grid-column:3;grid-row:1}
body.with-mega-menu .mega-nav{grid-column:1/-1;grid-row:2}
@media(max-width:640px){body.with-mega-menu .design-header .metro-lang{grid-column:2}body.with-mega-menu .mega-nav{grid-row:3}}
/* Professional file-tool visual system. */

body .design-header .design-brand{letter-spacing:-.7px;white-space:nowrap}

body.with-mega-menu .design-header{display:flex!important;flex-wrap:wrap;min-height:76px;gap:16px!important}
body.with-mega-menu .mega-nav{border:0;padding:0;flex:1;justify-content:center}




body .mega-panel section{padding:0;background:transparent}


.format-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:white!important;font-size:15px;font-weight:700;line-height:1}
.format-word{background:#2866cf}.format-image{background:#c99109}.format-video{background:#7b52c6}
.mega-panel .format-icon{font-size:10px}



.popular-tools{margin:36px 0}.popular-tools h2{font-size:30px!important}
body .tool-link,body a.card,body .metro-layout-docs a.card:nth-child(n),body .prepare-shortcuts a{background:transparent;border:0;box-shadow:none;padding:20px;border-radius:0}
body .tool-link .format-icon,body a.card .format-icon{margin-bottom:14px}

@media(max-width:1000px){body.with-mega-menu .mega-nav{flex-basis:100%;order:3}}


body.with-mega-menu .design-header .metro-lang .metro-account{background:transparent;border:0}
/* Fluid page shell: one shared width, no nested fixed-width columns. */
html:root:root:root{--page-gutter:clamp(16px,3vw,48px);--page-max:1560px;--metro-shell:1560px!important}
body.with-mega-menu>header.site,body.with-mega-menu>header.site-head,body.with-mega-menu>.metro-layout,body.with-mega-menu>main.wrap,body.with-mega-menu>.catalog,body.with-mega-menu>.unified-footer{box-sizing:border-box}
body.with-mega-menu .design-header,body.with-mega-menu .metro-main,body.with-mega-menu .metro-work,body.with-mega-menu .metro-main>.main,body.with-mega-menu .metro-main .main>.wrap,body.with-mega-menu .metro-main .hero>.wrap{width:100%;box-sizing:border-box}



@media(max-width:767px){html:root:root:root{--page-gutter:16px}}


html:root:root:root{--page-gutter:clamp(16px,calc(4vw - 16px),48px)}
/* UI review: consistent semantics, hierarchy, and layout. */

body .t-bar,body .t-bar .lbl,body .badge,body .eyebrow{font:400 13px/1.5 Arial,sans-serif!important;text-transform:none}
body .badge::before,body .eyebrow::before,body .t-dot{display:none!important}
body .search-result button,body #only-favorites{box-shadow:none}
html:root:root:root body .search-result button[aria-pressed=true],html:root:root:root body #only-favorites[aria-pressed=true]{background:#edf4ff!important;color:#075bc2!important;border-color:#9bbde7!important}
.search-result a>.format-icon{margin-right:12px;vertical-align:middle}
body.account-page>main{display:flex;flex-direction:column}
body .mega-panel{position:static;max-height:none;overflow:visible;width:100%;box-sizing:border-box}




body .faq p,body .faq li,body .faq p b,body .faq details{color:#39424e}
body .faq a{color:#0866df!important}

html:root:root:root body input[aria-invalid=true]{border-color:#b42332!important}


/* Five coordinated hues; shape distinguishes related actions. */
body .format-pdf,body .format-print{background:hsl(352 70% 44%)}

body .format-media{background:hsl(270 70% 44%)}
body .format-office,body .format-secure{background:hsl(218 70% 44%)}

.format-icon svg{display:block;width:26px;height:26px;color:white;flex-shrink:0}
body.with-mega-menu .design-header{align-items:center}
body.with-mega-menu .design-header>.mega-panel{order:10;flex:0 0 100%;align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}
body .mega-panel section{align-self:stretch}
@media(max-width:1000px){body.with-mega-menu .design-header>.mega-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.with-mega-menu .design-header>.mega-panel{grid-template-columns:1fr}}
body .format-images{background:hsl(170 70% 44%)}

body .format-dxf{background:hsl(218 70% 44%)}
/* Only the JS-built chrome waits for initialization; content remains visible. */

/* пока скрипт перестраивает страницу, не показываем промежуточный (старый тёмный) вид — только светлый фон */


/* ==== components/pill-buttons.css ==== */
/* ID-weight opt-in selector overrides legacy repeated :root rules without changing other controls. */
/* Pill buttons: opt-in via data-pill; existing .btn controls are untouched. */
.btn--pink{--grad-start:#E8175D;--grad-end:#A020C8}
.btn--orange{--grad-start:#FF3D1F;--grad-end:#FFC21A}
.btn--blue{--grad-start:#2E55E6;--grad-end:#1ECBF2}
.btn--green{--grad-start:#3FD52B;--grad-end:#1FD8E0}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]){--pill-gradient:linear-gradient(90deg,var(--grad-start),var(--grad-end));--pill-ink:linear-gradient(rgba(0,0,0,.43),rgba(0,0,0,.43)),var(--pill-gradient);box-sizing:border-box;max-width:100%;text-decoration:none;cursor:pointer;vertical-align:middle;transition:transform .25s ease,box-shadow .25s ease;white-space:normal}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__text{min-width:0;overflow-wrap:anywhere;background:var(--pill-ink);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;transition:transform .25s ease;color:#17345c}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--filled .btn__text{background:none;color:white;-webkit-text-fill-color:white}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--filled .btn__arrow{background:white;color:var(--grad-start);color:color-mix(in srgb,var(--grad-start) 50%,black)}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline-circle .btn__arrow{background:var(--pill-ink);color:white;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline .btn__arrow{color:var(--grad-start);color:color-mix(in srgb,var(--grad-start) 50%,black)}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(20,40,70,.16)!important}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]):not(:disabled):not([aria-disabled=true]):hover .btn__arrow{transform:translateX(4px)}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline:not(:disabled):not([aria-disabled=true]):hover{background:var(--pill-ink)!important}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline:not(:disabled):not([aria-disabled=true]):hover .btn__text{background:none;color:white;-webkit-text-fill-color:white}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline:not(:disabled):not([aria-disabled=true]):hover .btn__arrow{color:white}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]):not(:disabled):not([aria-disabled=true]):active{transform:translateY(0);box-shadow:0 2px 5px rgba(20,40,70,.15)!important}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]):focus-visible{outline:3px solid #123c79!important;outline-offset:4px}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]):disabled,.btn[data-pill]:is(#mt-pill-scope,[data-pill])[aria-disabled=true]{opacity:.5!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}
@media(max-width:479px){.btn[data-pill]:is(#mt-pill-scope,[data-pill]){width:100%}.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{width:36px;height:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){.btn[data-pill]:is(#mt-pill-scope,[data-pill]),.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{transition:none!important;transform:none!important}}
@media(forced-colors:active){.btn[data-pill]:is(#mt-pill-scope,[data-pill]){border:2px solid ButtonText!important;background:Canvas!important;color:LinkText!important}.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__text{background:none!important;color:LinkText!important;-webkit-text-fill-color:LinkText!important}.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{background:Canvas!important;color:LinkText!important}}


/* Site integration: multiple download formats fit within narrow document cards. */
.downloads{display:flex!important;flex-wrap:wrap;gap:10px}
.downloads .btn[data-pill]:is(#mt-pill-scope,[data-pill]){flex:1 1 180px;min-width:0;width:auto;max-width:100%;font-size:15px!important;gap:10px;padding-left:18px!important}
.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__text small{display:block;font:400 11px/1.4 Arial,sans-serif!important;letter-spacing:0;text-transform:none;color:inherit!important;-webkit-text-fill-color:inherit}
.t-act .btn[data-pill]:is(#mt-pill-scope,[data-pill]),.t-sticky .btn[data-pill]:is(#mt-pill-scope,[data-pill]),.pe-bar .btn[data-pill]:is(#mt-pill-scope,[data-pill]){min-width:0}
.btn[data-pill]:is(#mt-pill-scope,[data-pill])[hidden]{display:none!important}
@media(max-width:479px){.downloads .btn[data-pill]:is(#mt-pill-scope,[data-pill]){flex-basis:100%;width:100%}.pe-bar .btn[data-pill]:is(#mt-pill-scope,[data-pill]){width:auto;font-size:14px!important;padding-left:14px!important}}

.btn[data-pill]:is(#mt-pill-scope,[data-pill]){flex-direction:row;align-items:center;justify-content:space-between;text-align:left}

/* Popular tools: offset blue/red frames from the owner's reference. */











/* Compact navigation pills: same palettes, usable density in tool lists. */
.mega-panel section>a.btn[data-pill]:is(#mt-pill-scope,[data-pill]),.mt-catalog-grid section>a.btn[data-pill]:is(#mt-pill-scope,[data-pill]){width:100%;min-width:0;min-height:48px;padding:3px 4px 3px 14px!important;font-size:13px!important;line-height:1.35!important;letter-spacing:0;text-transform:none;gap:8px;margin:0 0 8px!important}
.mega-panel .btn[data-pill] .btn__arrow,.mt-catalog-grid .btn[data-pill] .btn__arrow{width:30px;height:30px;flex-basis:30px}
.mega-panel .btn[data-pill] .btn__arrow svg,.mt-catalog-grid .btn[data-pill] .btn__arrow svg{width:17px;height:17px}
.mega-nav>.btn[data-pill]:is(#mt-pill-scope,[data-pill]){min-width:0;min-height:44px;padding:4px 5px 4px 14px!important;font-size:12px!important;letter-spacing:0;gap:8px;text-transform:none;margin:0!important}
.mega-nav>.btn[data-pill] .btn__arrow{width:30px;height:30px;flex-basis:30px}
.mega-trigger[data-pill] .btn__arrow svg{transform:rotate(90deg);transition:transform .2s ease}
.mega-trigger[data-pill][aria-expanded=true] .btn__arrow svg{transform:rotate(-90deg)}
.mega-trigger[data-pill][aria-expanded=true]{outline:2px solid #123c79!important;outline-offset:3px}
.design-header .mega-nav{gap:8px;flex-wrap:wrap}
@media(max-width:600px){.mega-nav>.btn[data-pill]:is(#mt-pill-scope,[data-pill]){flex:1 1 140px;width:auto}.mega-panel section>a.btn[data-pill]:is(#mt-pill-scope,[data-pill]),.mt-catalog-grid section>a.btn[data-pill]:is(#mt-pill-scope,[data-pill]){font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.mega-trigger[data-pill] .btn__arrow svg{transition:none!important}}

.mega-panel .btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow,.mt-catalog-grid .btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow,.mega-nav>.btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{width:30px;height:30px;flex-basis:30px}

/* Shared footer, FAQ and related tools. */
.unified-footer nav {display:flex!important;flex-wrap:wrap;gap:8px;align-items:center}
.unified-footer nav>a:is([href],#footer-link) {display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:9px 17px;text-decoration:none;line-height:1.4;white-space:normal;text-align:center}
.unified-footer nav>a:is([href],#footer-link):hover {background:#edf4ff!important;border-color:#2765bb!important}
.unified-footer nav>a:focus-visible,.tools-grid>a.tool-link:focus-visible {outline:3px solid #2463c5!important;outline-offset:4px}
:is(#faq,.faq) details {overflow:hidden}
:is(#faq,.faq) details>summary {cursor:pointer}
:is(#faq,.faq) details>summary:focus-visible {outline:3px solid #2463c5!important;outline-offset:-4px}
:is(#faq,.faq) details>p {padding-inline:24px}
.tools-grid>a.tool-link:is([href],#related-tool) {box-sizing:border-box;padding:22px;min-width:0}
.tools-grid>a.tool-link:is([href],#related-tool):hover {border-color:#2463c5!important;background:#f5f9ff!important}

@media(max-width:479px){.unified-footer nav {justify-content:flex-start}.unified-footer nav>a:is([href],#footer-link){padding:8px 13px}.tools-grid>a.tool-link:is([href],#related-tool){padding:18px}}

:is(#faq,.faq) details {padding:0}
.tools-grid>a.tool-link .format-icon svg {color:#fff;stroke:#fff}

.pro-tool-badge{display:inline-block!important;flex-shrink:0;font:700 10px/1.4 Arial!important;border-radius:999px;padding:3px 7px;margin:4px;text-transform:none;-webkit-text-fill-color:#ffe39a}
.pro-mode-note{display:inline-block;margin:8px 0 20px}
.plans-header-link{font-weight:700}
.pricing-page .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0;max-width:920px}
.pricing-page .pro-timer{margin:4px 0 12px;font-size:15px}.pricing-page .pro-timer b{font-variant-numeric:tabular-nums;color:var(--p-accent,#f5a073)}
@media(max-width:1360px){.pricing-page .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pricing-page .plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.pricing-page .plan-card h2{margin:30px 0 0}
.plan-label{font-weight:700}.plan-emblem{position:absolute;right:18px;top:16px;object-fit:contain;width:70px;height:70px}
.pricing-page .plan-card ul{padding-left:20px;line-height:1.8;margin:20px 0 30px;flex:1}
.pricing-page .plan-card .btn{width:100%}
.plan-note,.plan-explain{color:#47607c;line-height:1.7}.plan-explain{margin:30px 0}
@media(max-width:850px){.pricing-page .plan-grid{grid-template-columns:1fr}}

.design-header .plans-header-link,.design-header .metro-lang a.metro-account{align-items:center;justify-content:center;border:1px solid #b9cce8;border-radius:999px;padding:10px 17px;color:#174b85!important;background:#fff;text-decoration:none;min-height:42px;box-sizing:border-box}
.design-header .metro-lang>a:not(.metro-account){border:1px solid #b9cce8!important;border-radius:5px!important;padding:9px!important;min-height:36px;box-sizing:border-box}
.pro-roadmap ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.pro-roadmap li{padding:16px;border:1px solid #d3dfef;border-radius:12px}
@media(max-width:650px){.pro-roadmap ul{grid-template-columns:1fr}}

.pro-tool-badge{white-space:normal;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.btn__text{min-width:0}.mega-panel a{min-width:0!important}

.plan-emblem{border-radius:50%}.conversion-note{font-size:15px;line-height:1.6}
.pro-tool-badge.pro-tool-badge--live{-webkit-text-fill-color:#0b5d2a}

/* ==== portal-ui.css ==== */
/* МедиаТут — новый интерфейс портала (октябрь 2026).
   Подключается последним на всех страницах и перекрывает старые темы:
   шрифт, цвета, шапка с меню, кнопки, карточки, подвал. */
@font-face{font-family:'MT Onest';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/10fd3c6f16a5e45b.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'MT Onest';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/621a811c9397c872.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'MT Onest';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/a1981c57f2b7cdda.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MT Onest';font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bdc97f6f0c1cdfa9.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--mt-ink:#0f1b33;--mt-ink-2:#33415a;--mt-muted:#5b6b82;--mt-line:#e4eaf3;--mt-bg:#f6f8fc;--mt-card:#fff;--mt-blue:#2563eb;--mt-blue-d:#1d4fd0;--mt-blue-soft:#eaf1ff;--mt-red:#ef4444;--mt-orange:#f59e0b;--mt-green:#16a34a;--mt-violet:#7c3aed;--mt-cyan:#0891b2;--mt-radius:18px;--mt-shadow:0 1px 2px rgba(16,32,72,.04),0 8px 28px rgba(16,32,72,.07);--mt-font:'MT Onest','Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif}

html:root:root:root:root body :is(h1,h2,h3,h4,button,input,select,textarea,.btn,a,p,li,span,label,summary,b,strong,td,th,small){font-family:inherit}
html:root:root:root:root body :is(code,pre,kbd,.mono,.num){font-family:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace}



/* ---------- шапка ---------- */
body header.site-head,body header.site{backdrop-filter:saturate(1.4) blur(10px)}





body .design-header .mega-trigger{all:unset;box-sizing:border-box;min-height:40px;font:500 15px/1 var(--mt-font)!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-width:0!important}
body .design-header .mega-trigger::after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .15s}

body .design-header .mega-trigger[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
html:root:root:root:root body .design-header .mega-trigger:hover{background:#f1f4fa!important;color:var(--mt-ink)!important}
html:root:root:root:root body .design-header .mega-trigger:focus-visible{outline:2px solid var(--mt-blue);outline-offset:2px}

html:root:root:root:root body .design-header a.design-search-link.header-search{all:unset;min-height:0!important;box-sizing:border-box;cursor:pointer;flex:none}
html:root:root:root:root body .design-header .header-search:hover{border-color:#c9d5e6!important;color:var(--mt-blue)!important}
body .design-header .header-search svg{width:18px;height:18px;flex:none}

html:root:root:root:root body .design-header .header-help{align-items:center;gap:6px;padding:0 10px;min-height:40px;border-radius:10px;font:500 15px/1 var(--mt-font);color:var(--mt-ink-2)!important;text-decoration:none;white-space:nowrap;flex:none}
html:root:root:root:root body .design-header .header-help:hover{background:#f1f4fa;color:var(--mt-ink)!important}
body .design-header .metro-lang{display:inline-flex!important;align-items:center;gap:2px;margin:0 0 0 4px;flex:none}
body .design-header .metro-lang .metro-account{display:none!important}
html:root:root:root:root body .design-header .metro-lang a[lang]{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 6px;border:0!important;border-radius:8px!important;font:600 13px/1 var(--mt-font)!important;color:var(--mt-muted)!important;background:none!important;text-decoration:none!important}
html:root:root:root:root body .design-header .metro-lang a[aria-current="page"]{color:var(--mt-blue)!important;background:var(--mt-blue-soft)!important}
body .design-header .site-bookmark-button{width:40px;height:40px;flex:none}
body .design-header .plans-header-link{display:none!important}
@media (min-width:981px){
html:root:root:root:root body .design-header{align-items:center;gap:6px!important;padding-block:8px!important}
body .design-header .mega-nav{flex:1 1 auto;flex-wrap:nowrap;margin:0;padding:0;background:none;border:0}

}
@media (max-width:980px){

body .design-header .mega-trigger{justify-content:space-between;min-height:46px}
}
/* выпадающие панели */
body .design-header .mega-panel{padding:22px;gap:22px}
body .design-header .mega-panel h2{font:700 12px/1.2 var(--mt-font)!important;margin:0 0 8px}
html:root:root:root:root body .design-header .mega-panel section>a{all:unset;box-sizing:border-box;min-height:38px;font:500 14.5px/1.25 var(--mt-font)!important;cursor:pointer;border:0!important}
html:root:root:root:root body .design-header .mega-panel section>a:hover{background:#f3f6fb!important;color:var(--mt-blue)!important}

body .design-header .mega-panel section>a .format-icon{width:28px;height:28px;flex:none}
html:root:root:root:root body .design-header .mega-panel .btn__arrow{display:none!important}

/* ---------- кнопки ---------- */
body .btn[data-pill]:is(#mt-pill-scope,[data-pill]),body .btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--filled,body .btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline-circle{display:inline-flex!important;gap:8px;min-width:0;min-height:46px;padding:0 22px;font:600 16px/1.2 var(--mt-font);letter-spacing:0;text-transform:none}
html:root:root:root:root body .btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__text{background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
html:root:root:root:root body .btn[data-pill]:is(#mt-pill-scope,[data-pill]) .btn__arrow{display:none!important}
html:root:root:root:root body .btn[data-pill]:is(#mt-pill-scope,[data-pill]).btn--outline-circle{box-shadow:none!important}
html:root:root:root:root body .btn[data-pill]:is(#mt-pill-scope,[data-pill]):hover{transform:none!important;filter:brightness(1.05)}
body .btn[data-pill]:is(#mt-pill-scope,[data-pill])[disabled]{cursor:default}
body :is(.t-act .btn,.btn.big,#run,.btn.primary,.inv-btn-primary){font:600 16px/1.2 var(--mt-font)!important;text-transform:none;letter-spacing:0}
html:root:root:root:root body :is(.t-act .btn,.btn.big,#run):disabled{background:#e6ebf3!important;color:#4f5d72!important;box-shadow:none!important}

/* ---------- карточки и блоки ---------- */
body :is(.card,.tool-link,.panel,.t-wrap,.tool .t-bar+.t-body){border-radius:var(--mt-radius)}
body :is(a.card,.tool-link){transition:transform .15s,box-shadow .15s}
html:root:root:root:root body :is(a.card,.tool-link):hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(16,32,72,.05),0 14px 34px rgba(16,32,72,.10)}

html:root:root:root:root body .mt-catalog-grid section>a{all:unset;box-sizing:border-box;min-height:36px;border-radius:10px;font:500 14.5px/1.25 var(--mt-font);cursor:pointer}
html:root:root:root:root body .mt-catalog-grid section>a:hover{background:#f1f5fb;color:var(--mt-blue)}
html:root:root:root:root body .mt-catalog-grid section>a .btn__arrow{display:none}

body .mt-catalog-grid section h3{font:600 17px/1.3 var(--p-sans)!important;margin:0 0 10px}

/* ---------- подвал ---------- */



@media (max-width:980px){
  body .design-header .header-help{display:none!important}
}

/* старая тёмная тема (metro-theme) местами просвечивала тёмными панелями: перекрываем светлыми */



/* редактор страниц был в тёмной палитре */
html:root:root:root:root body .page-editor{--panel:#fff;--panel-text:#0f1b33;--panel-line:#e4eaf3;--panel-inset:#f7fafd;--panel-muted:#5b6b82;--panel-2:#f3f6fb}


body .page-editor :is(.editor-help,.editor-toolbar span){color:var(--p-muted)!important}
/* остатки старой тёмной темы (metro-theme.css) в карточках файлов и результатах */
html:root:root:root:root body :is(.filecard,.filelist .frow,.result,.where,.notice){background:#f7fafd!important;border:1px solid var(--mt-line)!important;color:var(--mt-ink)!important}

html:root:root:root:root body :is(.filecard .name,.frow .fn,.result .v,.result .k,.notice b){color:var(--mt-ink)!important}
html:root:root:root:root body :is(.filecard .facts,.filecard .num,.frow .fs,.result .k,.notice){color:var(--mt-muted)!important}

html:root:root:root:root body .result .saved{color:var(--mt-green)!important}


/* шапка: тарифы и личный кабинет */
html:root:root:root:root body .design-header .header-plans{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font:500 15px/1 var(--mt-font);white-space:nowrap;flex:none}
html:root:root:root:root body .design-header .header-plans:hover,html:root:root:root:root body .design-header .header-plans[aria-current="page"]{background:#f1f4fa;color:var(--mt-blue)!important}
html:root:root:root:root body .design-header .header-login{min-height:40px;margin-right:6px;font:600 14.5px/1 var(--mt-font);white-space:nowrap;flex:none}
html:root:root:root:root body .design-header .header-login:hover,html:root:root:root:root body .design-header .header-login[aria-current="page"]{background:var(--mt-blue-soft)}
@media (min-width:981px){body .design-header .header-plans{margin-left:auto}body .design-header a.design-search-link.header-search{margin-left:0!important}}
@media (max-width:1320px){body .design-header .header-help span{display:none}html:root:root:root:root body .design-header .header-help{padding:0 8px}}
@media (max-width:1360px){body .design-header .design-brand{margin-right:8px}}
@media (max-width:1280px){body .design-header .header-login span{display:none}}

/* второстепенные кнопки */

html:root:root:root:root body .btn.ghost:hover{border-color:#c9d5e6!important;color:var(--mt-blue)!important}
@media (min-width:981px){html:root:root:root:root body .design-header>*{order:0}html:root:root:root:root body .design-header>.mega-panel{order:9}}
@media (min-width:981px) and (max-width:1199px){
  body .design-header :is(.header-help,.site-bookmark-button){display:none!important}
  
  
  html:root:root:root:root body .design-header .header-plans{padding:0 8px}
}
@media (max-width:980px){
  body .design-header.menu-open>.header-plans{justify-self:start}
  html:root:root:root:root body .design-header.menu-open>.header-login{justify-self:end;margin:0}
  
}
/* выпадающие панели на компьютере — поверх страницы под шапкой, а не в строке шапки */
@media (min-width:981px){
  html:root:root:root:root body .design-header{position:relative}
  body .design-header>.mega-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;width:auto;overflow:auto;margin:0}
}
body :is(header.site-head,header.site,.design-header){z-index:100}


.mega-panel .pro-tool-badge{display:none!important}

/* ==== pulse.css ==== */
/* МедиаТут · ПУЛЬС — тёмная рабочая среда. Источник: pulse.src.css, «html:not(#mtp):root:root:root:root body» заменяется префиксом специфичности при сборке. */
:root{--p-bg:#151517;--p-bg2:#1b1b1e;--p-panel:#1f1f22;--p-panel2:#27272b;--p-ink:#f2f0ec;--p-muted:#b6b1aa;--p-dim:#9a948c;--p-line:#3a3835;--p-line2:#4d4843;--p-accent:#f5a073;--p-accent2:#ffbe94;--p-on:#2a1509;--p-soft:#3b2a20;--p-soft2:#4a3326;--p-ok:#8ad69a;--p-warn:#f2c86b;--p-err:#ff8f80;--p-sans:'MT Plex Sans','IBM Plex Sans','Segoe UI',system-ui,sans-serif;--p-mono:'MT Plex Mono','IBM Plex Mono',ui-monospace,Consolas,monospace}

/* ---------- основа ---------- */
body{background:var(--p-bg);color:var(--p-ink);font-family:var(--p-sans);-webkit-font-smoothing:antialiased}
body :is(main,.metro-main,.metro-work,.metro-layout,.main){background:transparent;color:var(--p-ink)}
html:not(#mtp):root:root:root:root body :is(h1,h2,h3,h4){font-family:var(--p-sans);color:var(--p-ink);letter-spacing:-.01em}
html:not(#mtp):root:root:root:root body :is(p,li,dd,dt,td,th,label,summary,figcaption){color:var(--p-muted)}
html:not(#mtp):root:root:root:root body a{color:var(--p-accent)}
html:not(#mtp):root:root:root:root body a:hover{color:var(--p-accent2)}
body ::selection{background:#6b4026;color:#fff}
html:not(#mtp):root:root:root:root body :focus-visible{outline:2px solid var(--p-accent)!important;outline-offset:2px}


/* ---------- шапка: две строки ---------- */
body :is(.site-head,header.site){background:linear-gradient(var(--p-bg2) 0 72px,var(--p-line) 72px 73px,#1c1c1f 73px);box-shadow:none}
@media (min-width:981px){
html:not(#mtp):root:root:root:root body .design-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;grid-template-rows:72px 52px;column-gap:18px!important;max-width:1440px;padding:0 32px!important;height:auto;flex-wrap:initial}

html:not(#mtp):root:root:root:root body .design-header>.header-search{grid-column:3!important;order:0!important}
html:not(#mtp):root:root:root:root body .design-header>.header-plans{grid-row:1;grid-column:4;order:0}
html:not(#mtp):root:root:root:root body .design-header>.header-login{grid-row:1;grid-column:5;order:0}
html:not(#mtp):root:root:root:root body .design-header>.site-bookmark-button{grid-row:1;grid-column:6;order:0}
body .design-header>.header-help{display:none!important}
html:not(#mtp):root:root:root:root body .design-header>.mega-nav{grid-row:2;grid-column:1/-1;display:flex!important;gap:2px;align-items:center;justify-content:flex-start;order:0}
body .design-header>.mega-panel{grid-column:1/-1}
}
html:not(#mtp):root:root:root:root body .design-brand{display:flex!important;gap:12px;color:var(--p-ink)!important;font-family:var(--p-sans);font-weight:500;font-size:22px;text-decoration:none!important}
body .design-brand .brand-accent{color:var(--p-accent)}
body .design-brand img{width:34px;height:34px;border-radius:0;filter:none}
body .design-brand::after{font-family:var(--p-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim);border-left:1px solid var(--p-line2);padding-left:14px;margin-left:4px;line-height:1.5;font-weight:400}
html:not(#mtp):root:root:root:root body .header-search{display:flex!important;align-items:center;gap:12px;width:min(380px,32vw);height:44px;padding:0 10px 0 16px;border:1px solid var(--p-line2)!important;border-radius:4px;box-shadow:none;text-decoration:none;justify-content:flex-start}
body .header-search .hs-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:nowrap;font-size:14px;color:var(--p-dim);margin:0}
html:not(#mtp):root:root:root:root body .header-search:hover{border-color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body .header-plans{color:var(--p-ink)!important;font-weight:500;font-size:15px;background:none;border:0;text-decoration:none}
html:not(#mtp):root:root:root:root body .header-login{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--p-line2);border-radius:4px;background:transparent;color:var(--p-ink)!important;font-weight:500;font-size:15px;text-decoration:none}
html:not(#mtp):root:root:root:root body .header-login:hover{border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
body .site-bookmark-button{border:1px solid var(--p-line2)!important;border-radius:4px;color:var(--p-muted)!important;background:transparent!important}
html:not(#mtp):root:root:root:root body .mega-trigger,html:not(#mtp):root:root:root:root body .pulse-navlink{display:inline-flex!important;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:3px;background:transparent!important;color:var(--p-muted)!important;font-family:var(--p-sans)!important;font-size:14px!important;font-weight:500!important;border:0;box-shadow:none;white-space:nowrap;text-decoration:none}
html:not(#mtp):root:root:root:root body .mega-trigger:hover,html:not(#mtp):root:root:root:root body .pulse-navlink:hover{color:var(--p-ink)!important;background:#28282c!important}
html:not(#mtp):root:root:root:root body .mega-trigger[aria-expanded=true]{color:var(--p-accent2)!important;background:var(--p-soft)!important}
html:not(#mtp):root:root:root:root body .pulse-navlink.is-home{color:var(--p-accent2)!important;background:var(--p-soft)!important;margin-right:6px}
body .pulse-navlink.is-home svg{color:var(--p-accent)}
body .pulse-navsep{width:1px;height:22px;background:var(--p-line2);margin:0 8px}
body .mega-trigger svg,body .mega-trigger::after{color:var(--p-dim)}
body .mega-panel{background:var(--p-panel);border:1px solid var(--p-line2);border-radius:4px;box-shadow:0 24px 60px rgba(0,0,0,.55);color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .mega-panel :is(h2,h3,h4,.mega-title,.mega-col>b,.mega-col>strong){font-family:var(--p-mono)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .mega-panel a{color:var(--p-ink)!important;border-radius:3px;background:transparent!important}
html:not(#mtp):root:root:root:root body .mega-panel a:hover{background:#2b2b30!important;color:var(--p-accent2)!important}
body .mega-panel .format-icon{filter:saturate(.75) brightness(.95);border-radius:3px}
html:not(#mtp):root:root:root:root body .mobile-menu-toggle{border:1px solid var(--p-line2);background:transparent;color:var(--p-ink);border-radius:4px}
@media (max-width:980px){
body :is(.site-head,header.site){background:var(--p-bg2)}
body .design-brand::after{display:none}
html:not(#mtp):root:root:root:root body .header-search{width:44px;padding:0!important;justify-content:center}
body .header-search .hs-label,body .header-search::after{display:none!important}
body .design-header.menu-open .mega-nav{background:var(--p-bg2)}
html:not(#mtp):root:root:root:root body .design-header.menu-open .mega-trigger,html:not(#mtp):root:root:root:root body .design-header.menu-open .pulse-navlink{background:#232326!important;border:1px solid var(--p-line);height:44px;width:100%;justify-content:space-between}
body .pulse-navsep{display:none}
}

/* ---------- заголовок страницы ---------- */
html:not(#mtp):root:root:root:root body :is(.hero .badge,.hero .crumbs,.pulse-eyebrow){display:inline-block!important;font-family:var(--p-mono)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--p-accent);background:none;border:0;padding:0;margin:0 0 14px}
html:not(#mtp):root:root:root:root body .hero .crumbs a{color:var(--p-accent)}
body .hero .crumbs span{color:var(--p-dim);margin:0 6px}
html:not(#mtp):root:root:root:root body .metro-main .hero h1,html:not(#mtp):root:root:root:root body .main .hero h1{font-size:clamp(34px,4vw,48px);line-height:1.06;font-weight:400;letter-spacing:-.035em;margin:0 0 14px;color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .hero .lead{font-size:17px;line-height:1.6;color:var(--p-muted)!important;max-width:760px}
body .hero .chips{display:flex;flex-wrap:wrap}
html:not(#mtp):root:root:root:root body .hero .chip{font-family:var(--p-mono);font-size:12px;color:var(--p-muted);background:#1d1d20;border:1px solid var(--p-line);border-radius:3px;padding:6px 10px}
body .hero .chip b,body .hero .chip strong{color:var(--p-ink)}
body .pro-mode-note{color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body .hero{background:transparent;border:0;box-shadow:none;padding-top:34px!important}

/* ---------- шаги ---------- */
body .pulse-steps{display:flex;align-items:center;gap:14px;margin:0;padding:16px 22px;background:#101012;border:1px solid var(--p-line);border-top:3px solid #b5784f;font-family:var(--p-sans)}
body .pulse-steps li{display:flex;align-items:center;gap:10px;list-style:none;font-size:15px;white-space:nowrap}
body .pulse-steps li i{font-style:normal;font-family:var(--p-mono);font-size:12px;color:var(--p-dim)}

body .pulse-steps li.on i{color:var(--p-accent)}

html:not(#mtp):root:root:root:root body .pulse-steps li.done i{color:var(--p-ok)}
body .pulse-steps .ln{flex:1;height:1px;background:#4a3a2e;min-width:24px}
body .pulse-steps .note{margin-left:auto;white-space:nowrap}
@media (max-width:700px){body .pulse-steps{gap:8px;padding:12px}body .pulse-steps .note{display:none}body .pulse-steps .ln{min-width:8px}}

/* ---------- рабочая область инструмента (PDF и документы) ---------- */
html:not(#mtp):root:root:root:root body .primary-workspace{padding:0!important;margin-top:10px}
body .primary-workspace .col-tool{padding:0}
body .tool{background:var(--p-panel);border:1px solid var(--p-line);border-radius:0;box-shadow:none;color:var(--p-ink);overflow:visible}
body .tool .t-bar{background:#1a1a1d;border-bottom:1px solid var(--p-line);font-family:var(--p-mono)!important;font-size:11.5px!important;letter-spacing:.12em;color:var(--p-dim);padding:12px 20px}
body .tool .t-bar .lbl{color:var(--p-accent)!important}
body .tool .t-bar .lbl::before{content:"■ Ваша рабочая область · ";color:var(--p-accent)}
body .tool .t-bar .right{color:var(--p-dim)}
body .tool .t-body{padding:24px;background:transparent}
html:not(#mtp):root:root:root:root body .tool .t-drop{border:1px dashed #7c6550!important;background:#242220!important;border-radius:0;min-height:220px;color:var(--p-ink)!important;box-shadow:none}
html:not(#mtp):root:root:root:root body .tool .t-drop:hover,html:not(#mtp):root:root:root:root body .tool .t-drop.over,html:not(#mtp):root:root:root:root body .tool .t-drop.drag{border-color:var(--p-accent)!important;background:#2c2622!important}
body .tool .t-drop b{font-size:28px;font-weight:500;color:var(--p-ink)}
body .tool .t-drop span{color:var(--p-muted)!important;font-size:14.5px}
body .tool .t-drop svg{color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .tool :is(.t-files li,.t-sub){border-color:var(--p-line)!important;background:#242427!important;color:var(--p-ink)!important}

html:not(#mtp):root:root:root:root body .tool .t-sub b,html:not(#mtp):root:root:root:root body .tool .t-files .nm{color:var(--p-ink)!important}
body .tool :is(.t-count,.t-files .sz,.tool-hint,.t-note){color:var(--p-dim)!important}
html:not(#mtp):root:root:root:root body .tool .t-files button{color:var(--p-muted)!important;background:transparent!important}
body .tool .t-add{background:transparent!important;border:1px dashed var(--p-line2)!important;color:var(--p-muted)!important;border-radius:3px}
html:not(#mtp):root:root:root:root body .tool .t-pg .t-paper{border-radius:2px!important;box-shadow:0 0 0 1px var(--p-line2)!important}
html:not(#mtp):root:root:root:root body .tool .t-pg .t-num{color:var(--p-dim)!important;font-family:var(--p-mono)!important}
html:not(#mtp):root:root:root:root body .tool .t-mark{background:var(--p-accent)!important;color:var(--p-on)!important}
body .tool .t-opts{background:#1b1b1e;border:1px solid var(--p-line);border-radius:0;padding:18px}
html:not(#mtp):root:root:root:root body .tool .t-opts .lbl{font-family:var(--p-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-dim)!important}
html:not(#mtp):root:root:root:root body .tool .chip,html:not(#mtp):root:root:root:root body .tool .t-opts button{background:#262629;border:1px solid var(--p-line2)!important;color:var(--p-ink)!important;border-radius:3px;box-shadow:none}
html:not(#mtp):root:root:root:root body .tool .chip:hover{border-color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body .tool :is(.chip.on,.chip[aria-pressed=true],.chip.active,.chip.sel){background:var(--p-soft2);border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body .tool :is(input[type=text],input[type=number],input[type=password],select,textarea){background:#141416;border:1px solid var(--p-line2);color:var(--p-ink);border-radius:3px}
html:not(#mtp):root:root:root:root body :is(.tool,#tool,.panel,.pulse-ws) .btn:not(.ghost):not(.t-reset),html:not(#mtp):root:root:root:root body .tool .t-dl .btn{background:var(--p-accent)!important;color:var(--p-on)!important;border:0!important;border-radius:3px;font-weight:600!important;box-shadow:none!important;background-image:none!important}
html:not(#mtp):root:root:root:root body :is(.tool,#tool) .btn:not(.ghost):hover{background:var(--p-accent2)!important}

html:not(#mtp):root:root:root:root body .tool .t-reset{color:var(--p-muted)!important;background:none}
body .tool .t-prog{background:#2b2b2f;border-radius:0}
body .tool .t-prog i{background:linear-gradient(90deg,#b5784f,var(--p-accent))}
body .tool .t-status{color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body .tool .t-done{background:#1b1d1b!important;border:1px solid #3d4a3f!important;border-radius:0!important;color:var(--p-ink)!important}
html:not(#mtp):root:root:root:root body .tool .t-done .t span{color:var(--p-ok)!important;font-family:var(--p-mono);letter-spacing:.12em;text-transform:uppercase;font-size:13px}
html:not(#mtp):root:root:root:root body .tool .t-done p{color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body .tool .t-done p b{color:var(--p-ink)!important;font-family:var(--p-mono)}
html:not(#mtp):root:root:root:root body .tool .t-next a{background:#26262a!important;border:1px solid var(--p-line2)!important;color:var(--p-ink)!important;border-radius:3px!important}
html:not(#mtp):root:root:root:root body .tool .t-next a:hover{border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
body .tool .t-sticky{background:var(--p-bg2);border-top:1px solid var(--p-line)}

/* ---------- рабочая область медиа (видео, аудио, фото) ---------- */
body #tool.panel{background:var(--p-panel);border:1px solid var(--p-line);border-radius:0;box-shadow:none;padding:0!important;overflow:hidden;color:var(--p-ink)}
body #tool.panel::before{content:"■ Ваша рабочая область · обработка на устройстве";display:block;padding:12px 20px;background:#1a1a1d;border-bottom:1px solid var(--p-line);font-family:var(--p-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-accent)}
body #tool.panel>*:not(#toolbody){margin-left:24px;margin-right:24px}
body #tool.panel>#kindRow{margin-top:20px}
body #tool #toolbody{padding:0 24px 24px}
body #tool :is(.kbtn,.tab){background:#232326!important;border:1px solid var(--p-line2)!important;color:var(--p-muted)!important;border-radius:3px;box-shadow:none;font-family:var(--p-sans)}
html:not(#mtp):root:root:root:root body #tool :is(.kbtn,.tab):hover{color:var(--p-ink)!important;border-color:#6b5a4b!important}
html:not(#mtp):root:root:root:root body #tool :is(.kbtn,.tab):is(.on,.active,[aria-selected=true],[aria-pressed=true]){background:var(--p-soft2)!important;border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
body #tool .drop{border:1px dashed #7c6550;background:#242220;border-radius:0;color:var(--p-ink)}
html:not(#mtp):root:root:root:root body #tool .drop.over,html:not(#mtp):root:root:root:root body #tool .drop:hover{border-color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body #tool .drop h3{font-size:28px;font-weight:500;color:var(--p-ink)}
body #tool .drop p{color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body #tool :is(.filecard,.filelist,.result,.where,.notice){background:#242427!important;border:1px solid var(--p-line)!important;border-radius:0;color:var(--p-ink)!important;box-shadow:none}
body #tool .filecard .name{color:var(--p-ink)!important}
body #tool :is(.num,.facts,.hint,#estimate){color:var(--p-dim)!important;font-family:var(--p-mono)}
body #tool .processing-settings{background:#1b1b1e;border:1px solid var(--p-line);border-radius:0}
html:not(#mtp):root:root:root:root body #tool .processing-settings summary{color:var(--p-ink);font-family:var(--p-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
body #tool .opt>span{font-family:var(--p-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim)}
html:not(#mtp):root:root:root:root body #tool select,html:not(#mtp):root:root:root:root body #tool input:not([type=file]){background:#141416;border:1px solid var(--p-line2);color:var(--p-ink);border-radius:3px}
body #tool .btn.ghost{background:transparent!important;border:1px solid var(--p-line2)!important;color:var(--p-ink)!important;border-radius:3px}
html:not(#mtp):root:root:root:root body #tool :is(.bar,.progress){background:#2b2b2f!important;border-radius:0!important}
body #tool :is(.bar i,.bar>div,.progress>div,#fill){background:linear-gradient(90deg,#b5784f,var(--p-accent))}
html:not(#mtp):root:root:root:root body #tool #download{background:var(--p-accent)!important;color:var(--p-on)!important}

/* ---------- текстовые разделы ---------- */
body :is(.content,.block,section.block,.col-text>.content){background:var(--p-panel);border:1px solid var(--p-line);border-radius:0;box-shadow:none;color:var(--p-muted)}
html:not(#mtp):root:root:root:root body :is(.content,.block) h2{font-size:26px;font-weight:500;letter-spacing:-.02em}
body :is(.content,.block) h2::before{content:"";display:block;width:28px;height:3px;background:var(--p-accent);margin-bottom:14px}
html:not(#mtp):root:root:root:root body :is(.content,.block) :is(p,li){color:var(--p-muted)!important;line-height:1.7}
body :is(.content,.block) :is(strong,b){color:var(--p-ink)}
body :is(.content,.block,.prose) table{border-color:var(--p-line)}

body :is(.content,.block,.prose) th{font-weight:500}
body :is(.faq,.content) details{border:0;border-bottom:1px solid var(--p-line);background:transparent;border-radius:0;box-shadow:none}
body :is(.faq,.content) summary{font-weight:500}
body :is(.faq,.content) summary::marker{color:var(--p-accent)}
html:not(#mtp):root:root:root:root body :is(.tools-grid,.professional-grid) a,html:not(#mtp):root:root:root:root body a.tool-link,html:not(#mtp):root:root:root:root body a.quick-card{background:#202023!important;border:1px solid var(--p-line)!important;border-radius:0;box-shadow:none;color:var(--p-ink)!important}
html:not(#mtp):root:root:root:root body :is(.tools-grid,.professional-grid) a:hover,html:not(#mtp):root:root:root:root body a.tool-link:hover{border-color:var(--p-accent)!important;background:#26221f!important}
html:not(#mtp):root:root:root:root body a.tool-link :is(b,strong,h3){color:var(--p-ink)}
html:not(#mtp):root:root:root:root body a.tool-link :is(span,p,small){color:var(--p-dim)!important}
html:not(#mtp):root:root:root:root body .block .sub{color:var(--p-dim)!important}

body code,body kbd{color:var(--p-accent2);border-radius:3px}
body .pro-tool-badge{background:var(--p-soft);color:var(--p-accent2);border:1px solid #6b4a35}
body .format-icon{border-radius:3px}

/* ---------- подвал ---------- */
body .unified-footer{background:#0f0f11;border-top:1px solid var(--p-line);color:var(--p-dim);font-family:var(--p-mono);font-size:12px}
html:not(#mtp):root:root:root:root body .unified-footer a{color:var(--p-muted);background:transparent!important;border:1px solid var(--p-line)!important;border-radius:3px;font-family:var(--p-mono);font-size:12px;letter-spacing:.04em}
html:not(#mtp):root:root:root:root body .unified-footer a:hover{color:var(--p-accent2)!important;border-color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body .unified-footer .footer-brand{border:0!important;color:var(--p-ink);font-family:var(--p-sans);font-size:17px}


body #mt-cookie-banner button:last-child{background:var(--p-accent)!important;color:var(--p-on)!important;border:0!important}
body #mt-cookie-banner button:first-of-type{background:transparent!important;color:var(--p-ink)!important;border:1px solid var(--p-line2)!important}

/* ---------- поправки после первого просмотра ---------- */
body :is(.site-head,header.site){width:100%;max-width:none;margin:0!important;border-radius:0;padding:0;border:0!important;border-bottom:1px solid var(--p-line)!important}
body :is(.site-head,header.site)>.design-header{margin:0 auto}
html:not(#mtp):root:root:root:root body a.design-search-link.header-search{background:#18181a;color:var(--p-muted)!important}
body .tool .t-bar .lbl,body .tool .t-bar .lbl::before{font-family:var(--p-mono)!important;font-size:11.5px!important;letter-spacing:.12em;text-transform:uppercase}
body :is(.split,.col-text,.col-tool,.metro-main>.wrap,.primary-workspace){background:transparent;border:0;box-shadow:none;border-radius:0}
html:not(#mtp):root:root:root:root body .pulse-steps .note{color:#c79a76;font-family:var(--p-mono);font-size:12px;letter-spacing:.06em}
html:not(#mtp):root:root:root:root body .pulse-steps li{color:var(--p-dim)}
html:not(#mtp):root:root:root:root body .pulse-steps li.on{color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .pulse-steps li.done{color:var(--p-ok)!important}

body .split>.col-text{min-width:0}
body .split :is(.content p,.content ul,.content ol){max-width:780px}
body .pulse-ops{position:sticky;top:20px;background:#232120;border:1px solid var(--p-line);padding:22px}
body .pulse-ops .cap{font-family:var(--p-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim);display:flex;justify-content:space-between}
html:not(#mtp):root:root:root:root body .pulse-ops .cap a{color:var(--p-accent);text-decoration:none;letter-spacing:.04em;text-transform:none;font-family:var(--p-sans);font-size:13.5px}
body .pulse-ops h2{font-size:24px;font-weight:400;margin:14px 0 4px}
html:not(#mtp):root:root:root:root body .pulse-ops>p{font-size:13.5px;margin:0 0 12px;color:var(--p-dim)}
body .pulse-ops ol{list-style:none;margin:0;padding:0}
body .pulse-ops li{border-top:1px solid var(--p-line)}
html:not(#mtp):root:root:root:root body .pulse-ops li a{display:grid;grid-template-columns:1fr 16px;gap:2px 8px;align-items:center;padding:12px 0;text-decoration:none;color:var(--p-ink)}
body .pulse-ops li a i{font-style:normal;font-family:var(--p-mono);font-size:11px;color:var(--p-dim);grid-row:1/3}
body .pulse-ops li a b{font-weight:500;font-size:14.5px}
body .pulse-ops li a small{grid-column:1;font-size:12px;color:var(--p-dim)}
body .pulse-ops li a em{grid-column:2;grid-row:1/3;font-style:normal;color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .pulse-ops li a:hover b{color:var(--p-accent2)}
html:not(#mtp):root:root:root:root body .pulse-ops li a[aria-current] b{color:var(--p-accent)}
@media (max-width:1000px){body .pulse-ops{position:static}}

body .pulse-split .col-text{display:flex;flex-direction:column;gap:20px}
body .pulse-split .col-text>section.block{margin:0;max-width:none}
html:not(#mtp):root:root:root:root body :is(.faq,.content,.block) details>summary{background:transparent;border:0;border-radius:0;padding:16px 0;color:var(--p-ink)}
html:not(#mtp):root:root:root:root body :is(.faq,.content,.block) details>:not(summary){color:var(--p-muted)!important}
body .metro-main .split{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
@media (max-width:1000px){body .metro-main .split{grid-template-columns:1fr}}

html:not(#mtp):root:root:root:root{background:var(--p-bg)}
body :is(.site-head,header.site){border-image:linear-gradient(var(--p-bg2) 0 72px,var(--p-line) 72px 73px,#1c1c1f 73px) fill 0 / / 0 100vw!important}
@media (max-width:980px){body :is(.site-head,header.site){border-image:linear-gradient(var(--p-bg2),var(--p-bg2)) fill 0 / / 0 100vw!important}}

/* ---------- главная: рабочая среда ---------- */
body .pulse-home{box-sizing:border-box;font-family:var(--p-sans)}
body .ph-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:28px}
html:not(#mtp):root:root:root:root body .ph-h1 h1{font-size:clamp(36px,4.6vw,58px);line-height:1.04;font-weight:400;letter-spacing:-.04em;margin:0 0 14px;color:var(--p-ink)}
body .ph-h1 h1 em{font-style:normal;color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .ph-sub{font-size:17px;line-height:1.6;color:var(--p-muted);max-width:720px;margin:0 0 22px}
body .ph-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body .ph-search{position:relative;display:flex;align-items:center;gap:12px;max-width:720px;height:56px;padding:0 6px 0 18px;background:#18181a;border:1px solid var(--p-line2);color:var(--p-dim)}
html:not(#mtp):root:root:root:root body .ph-search:focus-within{border-color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .ph-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--p-ink)!important;font:inherit;font-size:16px;box-shadow:none!important;padding:0!important;height:auto!important}

html:not(#mtp):root:root:root:root body .ph-search kbd{font-family:var(--p-mono);font-size:12px;border:1px solid var(--p-line2);padding:2px 7px;background:transparent}
html:not(#mtp):root:root:root:root body .ph-search button{height:44px;padding:0 20px;font:inherit;font-weight:600;cursor:pointer}
html:not(#mtp):root:root:root:root body .ph-search button:hover{background:var(--p-accent2)}
body .ph-suggest{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);background:var(--p-panel);border:1px solid var(--p-line2);z-index:20;box-shadow:0 20px 50px rgba(0,0,0,.5)}
html:not(#mtp):root:root:root:root body .ph-suggest a{display:flex;gap:12px;padding:12px 16px;color:var(--p-ink)!important;text-decoration:none!important;border-top:1px solid var(--p-line)}
html:not(#mtp):root:root:root:root body .ph-suggest a:first-child{border-top:0;background:#2a2622}
html:not(#mtp):root:root:root:root body .ph-suggest a i{font-style:normal;font-family:var(--p-mono);font-size:11px;color:var(--p-accent);padding-top:3px}
html:not(#mtp):root:root:root:root body .ph-suggest a:hover{background:#2a2622}
body .ph-count{display:flex;align-items:center;gap:12px}
body .ph-count b{font-size:56px;font-weight:400;color:var(--p-accent);letter-spacing:-.04em;line-height:1}
body .ph-count span{font-size:13px;color:var(--p-muted);line-height:1.4}

body .pulse-ws{border:1px solid var(--p-line);background:var(--p-panel)}
body .ws-top{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--p-line);background:#1a1a1d;font-family:var(--p-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
body .ws-tag{color:var(--p-accent)}
body .ws-state{color:var(--p-muted)}
body .ws-right{margin-left:auto;color:var(--p-dim)}
body .ws-body{display:grid;grid-template-columns:minmax(0,1fr) 380px}
body .ws-src{padding:22px 24px 24px;border-right:1px solid var(--p-line);background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 100%}
html:not(#mtp):root:root:root:root body .ws-cap{display:block;font-family:var(--p-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim);margin-bottom:14px}
body .ws-drop{border:1px dashed #7c6550;background:#242220;padding:30px;transition:border-color .15s,background .15s}
html:not(#mtp):root:root:root:root body .ws-drop.over{border-color:var(--p-accent);background:#2e2722}
html:not(#mtp):root:root:root:root body .ws-drop.has-file{border-style:solid;border-color:#6b5240;background:#26221f}
body .ws-idle{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:22px;align-items:center}
body .ws-ico{width:68px;height:68px;display:grid;place-items:center;border:1px solid #7a5a40;background:#3d2c1e;color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .ws-label{display:block;font-family:var(--p-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim);margin-bottom:6px}
body .ws-txt h2{font-size:30px;font-weight:500;margin:0 0 6px}
html:not(#mtp):root:root:root:root body .ws-txt p{margin:0;color:var(--p-muted);font-size:15px}
html:not(#mtp):root:root:root:root body .ws-fmts{display:block;margin-top:14px;font-size:14px;color:var(--p-muted)}
body .ws-pick{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;background:var(--p-accent);color:var(--p-on);font-weight:600;font-size:16px;cursor:pointer;white-space:nowrap}
html:not(#mtp):root:root:root:root body .ws-pick:hover{background:var(--p-accent2)}
html:not(#mtp):root:root:root:root body button.ws-pick{border:0;font-family:inherit;line-height:1}
html:not(#mtp):root:root:root:root body .ws-pick:focus-visible,html:not(#mtp):root:root:root:root body .ws-cats button:focus-visible,html:not(#mtp):root:root:root:root body .ws-ops :is(a,button):focus-visible{outline:2px solid var(--p-ink);outline-offset:3px}
body .ws-card{grid-template-columns:72px minmax(0,1fr) auto;gap:22px;align-items:center}

html:not(#mtp):root:root:root:root body .ws-badge{width:68px;height:68px;display:grid;place-items:center;background:var(--p-accent);color:var(--p-on);font-family:var(--p-mono);font-weight:600;font-size:15px}
html:not(#mtp):root:root:root:root body .ws-fi b{display:block;font-size:22px;font-weight:500;color:var(--p-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:not(#mtp):root:root:root:root body .ws-fi>span:last-child{font-size:14px;color:var(--p-ok)}
html:not(#mtp):root:root:root:root body .ws-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--p-line2);background:transparent;color:var(--p-muted);cursor:pointer}
html:not(#mtp):root:root:root:root body .ws-x:hover{border-color:var(--p-accent);color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .ws-warn{grid-column:1/-1;margin:0;color:var(--p-warn)!important;font-size:14px}
body .ws-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
html:not(#mtp):root:root:root:root body .ws-cats button{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;text-align:left;padding:14px;min-height:76px;background:#28272a;border:1px solid #4a433d;color:var(--p-ink);font:inherit;cursor:pointer}
body .ws-cats button i{grid-row:1/3;font-style:normal;font-family:var(--p-mono);font-size:12.5px;color:#c79a76;padding-top:2px}
body .ws-cats button b{font-weight:600;font-size:15px}
body .ws-cats button small{font-size:12.5px;color:var(--p-dim)}
html:not(#mtp):root:root:root:root body .ws-cats button:hover{border-color:#8a6a50}
html:not(#mtp):root:root:root:root body .ws-cats button[aria-selected=true]{background:#44301f;border-color:var(--p-accent)}
body .ws-cats button[aria-selected=true] small{color:#e2bfa3}
body .ws-ops{padding:22px 24px;background:#252321}
body .ws-opcap{display:flex;justify-content:space-between;font-family:var(--p-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim)}
html:not(#mtp):root:root:root:root body .ws-opcap a{font-family:var(--p-sans);letter-spacing:0;text-transform:none;font-size:14px;color:var(--p-accent);text-decoration:none}
body .ws-ops h2{font-size:28px;font-weight:400;margin:14px 0 4px}
html:not(#mtp):root:root:root:root body .ws-ops>p{margin:0 0 14px;font-size:14px;color:var(--p-dim)}
body .ws-ops ol{list-style:none;margin:0;padding:0}
body .ws-ops li{border-top:1px solid var(--p-line)}
html:not(#mtp):root:root:root:root body .ws-ops li>:is(a,button){display:grid;grid-template-columns:1fr 18px;gap:2px 8px;align-items:center;width:100%;padding:12px 0;background:none;border:0;text-align:left;font:inherit;color:var(--p-ink);text-decoration:none;cursor:pointer}
body .ws-ops li i{grid-row:1/3;font-style:normal;font-family:var(--p-mono);font-size:11.5px;color:var(--p-dim)}
body .ws-ops li b{font-weight:500;font-size:15px}
body .ws-ops li small{grid-column:1;font-size:12.5px;color:var(--p-dim)}
body .ws-ops li em{grid-column:2;grid-row:1/3;font-style:normal;color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .ws-ops li>:is(a,button):hover b{color:var(--p-accent2)}
html:not(#mtp):root:root:root:root body .ws-ops li:first-child>button{background:#33281f;margin:0 -10px;padding:12px 10px;width:calc(100% + 20px)}
body .ws-opnote{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0!important;padding-top:14px;border-top:1px solid var(--p-line);line-height:1.5}
body .ws-opnote svg{flex:none;color:var(--p-ok);margin-top:1px}
body .ws-steps{border:0;border-top:3px solid #b5784f}

body .ph-sec{margin-top:56px}
body .ph-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
html:not(#mtp):root:root:root:root body .ph-sh h2,html:not(#mtp):root:root:root:root body .ph-safe h2{font-size:28px;font-weight:400;margin:0;letter-spacing:-.02em}
html:not(#mtp):root:root:root:root body .ph-sh a{color:var(--p-accent);text-decoration:none;font-size:15px;white-space:nowrap}
body .ph-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--p-line);background:#1e1e21}
html:not(#mtp):root:root:root:root body .ph-ribbon a{display:grid;grid-template-columns:1fr 16px;gap:6px 8px;padding:24px 22px;border-right:1px solid var(--p-line);color:var(--p-ink);text-decoration:none}
html:not(#mtp):root:root:root:root body .ph-ribbon a:last-child{border-right:0}
body .ph-ribbon a i{font-style:normal;font-family:var(--p-mono);font-size:11.5px;color:var(--p-accent);padding-top:4px}
body .ph-ribbon a b{font-size:17px;font-weight:500}
body .ph-ribbon a span{grid-column:1;font-size:14px;color:var(--p-dim)}
body .ph-ribbon a em{grid-row:1;grid-column:2;font-style:normal;color:var(--p-dim)}
html:not(#mtp):root:root:root:root body .ph-ribbon a:hover{background:#26221f}
html:not(#mtp):root:root:root:root body .ph-ribbon a:hover em{color:var(--p-accent)}
body .ph-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body .ph-routes article{border:1px solid var(--p-line);background:var(--p-panel);padding:22px}
body .ph-routes h3{font-size:17px;font-weight:500;margin:0 0 14px}
body .ph-routes ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html:not(#mtp):root:root:root:root body .ph-routes a{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#26262a;border:1px solid var(--p-line);color:var(--p-ink);text-decoration:none;font-size:14.5px}
html:not(#mtp):root:root:root:root body .ph-routes a:hover{border-color:var(--p-accent)}
body .ph-routes a i{font-style:normal;font-family:var(--p-mono);font-size:11.5px;width:20px;height:20px;display:grid;place-items:center;background:var(--p-soft2);color:var(--p-accent2)}
body .ph-safe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:36px;border:1px solid var(--p-line);background:linear-gradient(135deg,#1f1d1b,#1a1a1d)}
html:not(#mtp):root:root:root:root body .ph-safe p{color:var(--p-muted);line-height:1.7;margin:14px 0}
html:not(#mtp):root:root:root:root body .ph-safe a{color:var(--p-accent);text-decoration:none}
body .ph-safe dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--p-line);border:1px solid var(--p-line)}
body .ph-safe dl div{background:#1d1d20;padding:20px}
html:not(#mtp):root:root:root:root body .ph-safe dt{font-size:18px;color:var(--p-ink);font-weight:500}
html:not(#mtp):root:root:root:root body .ph-safe dd{margin:6px 0 0;font-size:13.5px;color:var(--p-dim)}
body .ph-life{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body .ph-life details{border:1px solid var(--p-line);background:var(--p-panel);padding:0}
body .ph-life summary{list-style:none;cursor:pointer;padding:20px;display:flex!important;flex-direction:column;gap:4px}
body .ph-life summary::-webkit-details-marker{display:none}
body .ph-life summary b{font-size:16px;font-weight:500;color:var(--p-ink)}
body .ph-life summary span{font-size:13.5px;color:var(--p-dim)}
body .ph-life ul{list-style:none;margin:0;padding:0 20px 18px;display:flex;flex-direction:column;gap:8px}
html:not(#mtp):root:root:root:root body .ph-life ul a{color:var(--p-accent);font-size:14.5px}
html:not(#mtp):root:root:root:root body .metro-main .mt-catalog{margin:32px auto 0!important;padding:0 32px!important;background:transparent;border:0}
body .mt-catalog h2{font-size:28px;font-weight:400}
body .mt-catalog-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
body .mt-catalog-grid>section{background:var(--p-panel);padding:24px;border-radius:0;box-shadow:none}
html:not(#mtp):root:root:root:root body .mt-catalog-grid h3{color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .mt-catalog-grid a{display:flex!important;align-items:center;gap:12px;color:var(--p-ink);background:transparent;border:0;padding:10px 0;min-height:44px;font-size:16px;text-decoration:none}
html:not(#mtp):root:root:root:root body .mt-catalog-grid a:hover{color:var(--p-accent2)!important}
@media (max-width:1180px){body .ws-src{border-right:0;border-bottom:1px solid var(--p-line)}body .ws-ops #ws-oplist{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}body .ph-routes,body .ph-life,body .mt-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .ph-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}body .ph-ribbon a:nth-child(-n+2){border-bottom:1px solid var(--p-line)}html:not(#mtp):root:root:root:root body .ph-ribbon a:nth-child(2){border-right:0}}
@media (max-width:760px){body .ph-head{gap:14px}body .ph-count{display:none}body .ph-search kbd{display:none}body .ws-top .ws-right{display:none}body .ws-src{padding:16px}body .ws-drop{padding:20px}body .ws-idle,body .ws-card{grid-template-columns:1fr;text-align:center;justify-items:center;gap:14px}body .ws-card{grid-template-columns:56px minmax(0,1fr) 44px;text-align:left;justify-items:start}html:not(#mtp):root:root:root:root body .ws-badge{width:56px;height:56px}html:not(#mtp):root:root:root:root body .ws-fi b{font-size:17px;white-space:normal;word-break:break-all}body .ws-cats button:last-child{grid-column:1/-1}body .ws-ops{padding:18px 16px}body .ws-ops #ws-oplist{display:block}body .ph-ribbon,body .ph-routes,body .ph-life,body .mt-catalog-grid{grid-template-columns:1fr}body .ph-ribbon a{border-right:0!important;border-bottom:1px solid var(--p-line)}body .ph-safe{grid-template-columns:1fr;padding:22px;gap:20px}body .ph-safe dl{grid-template-columns:1fr}body .ph-sh{flex-direction:column;gap:6px}}
body .ws-src{display:flex;flex-direction:column}
body .ws-drop{flex:1;display:flex;align-items:center}
body .ws-drop>.ws-idle,body .ws-drop>.ws-card{width:100%}
body .mt-catalog-grid{background:transparent;border:0;gap:0}
body .mt-catalog-grid>section{border:1px solid var(--p-line);margin:0 -1px -1px 0}
body :is(.ph-life,.faq,.content,.block) summary::after{color:var(--p-accent)}


body #tool .thumb{background:#111;border:1px solid var(--p-line)!important}
@media (max-width:760px){body .ph-head{grid-template-columns:minmax(0,1fr)}body .ph-search{height:52px}html:not(#mtp):root:root:root:root body .ph-search button{padding:0 14px}body .ws-cats{grid-template-columns:repeat(2,minmax(0,1fr))}html:not(#mtp):root:root:root:root body .metro-main .mt-catalog{padding:0!important}}
@media (max-width:1180px){body .ws-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){body .pulse-steps{justify-content:space-between;flex-wrap:nowrap}body .pulse-steps .ln{display:none}body .pulse-steps li{font-size:12.5px;gap:5px}body .pulse-steps li i{font-size:10.5px}}
@media (max-width:980px){html:not(#mtp):root:root:root:root body .header-login{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;flex:none}body .header-login span{display:none!important}body .header-plans{display:none!important}body .design-header.menu-open .header-plans{display:inline-flex!important}}
@media (max-width:760px){html:not(#mtp):root:root:root:root body .ws-cats button{grid-template-columns:1fr;padding:12px}body .ws-cats button i{grid-row:auto}body .ws-cats button b{font-size:14px;overflow-wrap:anywhere}}
@media (max-width:980px){html:not(#mtp):root:root:root:root body .design-header:not(.menu-open)>.header-login{display:none!important}html:not(#mtp):root:root:root:root body .design-header.menu-open>.header-login{display:inline-flex!important;padding:0 14px}body .design-header.menu-open>.header-login span{display:inline!important}}
@media (max-width:980px){html:not(#mtp):root:root:root:root body .mobile-menu-toggle{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;overflow:hidden}html:not(#mtp):root:root:root:root body .design-brand{font-size:20px;min-width:0}body .design-brand img{width:30px;height:30px}}
@media (max-width:980px){html:not(#mtp):root:root:root:root body .design-header{grid-template-columns:minmax(0,1fr) 44px 44px 44px!important;column-gap:8px!important}body .design-header.menu-open>.header-plans{grid-column:1/-1;grid-row:5}html:not(#mtp):root:root:root:root body .design-header.menu-open>.header-login{grid-column:1/-1;grid-row:6;width:100%;justify-content:center}}
body .ws-idle[hidden],body .ws-card[hidden]{display:none!important}
body .ph-life details{margin:0;height:100%;box-sizing:border-box}body .ph-life{align-items:stretch}body .ph-life summary{min-height:96px;box-sizing:border-box;justify-content:flex-start}body .pulse-all svg{margin-right:2px}

/* ---------- остальные типы страниц: панели, формы, генераторы ---------- */
html:not(#mtp):root:root:root:root body :is(.card,article.card,.prepare-panel,.inv-card,.inventory-panel,.catalog-note,.catalog-hero,.cad-panel,.page-editor,.search-result,.plan-card,.notice,.design-pro-note,.content.solo .wrap,.metro-main>.wrap:not(.split):not(.primary-workspace),.protect-panel,.account-card,.prepare-shortcuts,.pd-box,.tablewrap){background:var(--p-panel)!important;border:1px solid var(--p-line)!important;border-radius:0;box-shadow:none;color:var(--p-muted)!important;background-image:none!important}
html:not(#mtp):root:root:root:root body :is(.card,.prepare-panel,.inv-card,.inventory-panel,.catalog-note,.catalog-hero,.cad-panel,.page-editor,.search-result,.plan-card,.notice,.design-pro-note,.content.solo .wrap,.protect-panel,.account-card,.tablewrap) :is(h1,h2,h3,h4,b,strong,legend,dt,th){color:var(--p-ink)!important}
html:not(#mtp):root:root:root:root body :is(.card,.prepare-panel,.inv-card,.inventory-panel,.catalog-note,.catalog-hero,.cad-panel,.page-editor,.search-result,.plan-card,.notice,.design-pro-note,.content.solo .wrap,.protect-panel,.account-card,.tablewrap) :is(p,li,span,small,label,dd,td,figcaption){color:var(--p-muted)}
html:not(#mtp):root:root:root:root body .design-pro-note a,html:not(#mtp):root:root:root:root body .notice a{color:var(--p-accent)}
html:not(#mtp):root:root:root:root body :is(.pe-drop,.cad-drop,.editor-upload,.t-drop,.inv-drop,.drop-zone){border:1px dashed #7c6550!important;background:#242220!important;border-radius:0;color:var(--p-ink)!important;box-shadow:none}
body :is(.pe-drop,.cad-drop,.editor-upload) :is(b,strong,h2,h3){color:var(--p-ink)}
html:not(#mtp):root:root:root:root body :is(.pe-drop,.cad-drop,.editor-upload) :is(span,p,small){color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body main :is(input[type=text],input[type=search],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=password],input:not([type]),select,textarea){background:#141416;border:1px solid var(--p-line2);color:var(--p-ink);border-radius:3px;box-shadow:none}
body main :is(input,textarea)::placeholder{color:#8a847c}
body main select option{background:#1f1f22;color:var(--p-ink)}
html:not(#mtp):root:root:root:root body :is(.inv-btn,#only-favorites,.mt-chip,.chip-btn,.prepare-panel button:not(.btn),.inv-card button:not(.btn),.search-tools button){background:#262629!important;border:1px solid var(--p-line2)!important;color:var(--p-ink)!important;border-radius:3px;box-shadow:none!important;background-image:none!important}
html:not(#mtp):root:root:root:root body :is(.inv-btn,#only-favorites):is(:hover,[aria-pressed=true],.on){border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body main :is(.btn--blue.btn--filled,.btn.primary,button.primary,.inv-primary,.btn-primary,.prepare-panel .btn:not(.ghost),.inv-actions .btn:not(.ghost),.page-editor .btn:not(.ghost),.cad-panel .btn:not(.ghost)){background:var(--p-accent)!important;color:var(--p-on)!important;border:0!important;border-radius:3px;box-shadow:none!important;background-image:none!important}
body main :is(.btn--outline-circle,.btn.ghost,.btn--outline){box-shadow:none}
html:not(#mtp):root:root:root:root body main .btn__text{color:inherit!important}
html:not(#mtp):root:root:root:root body main button[disabled]{opacity:.55}
body :is(p.eyebrow,span.eyebrow,.eyebrow){font-family:var(--p-mono)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--p-accent)!important;background:none;border:0;padding:0}
html:not(#mtp):root:root:root:root body :is(.inv-card,.prepare-panel) label:has(input[type=radio],input[type=checkbox]){background:#232326;border:1px solid var(--p-line2);border-radius:3px;color:var(--p-ink)!important}
html:not(#mtp):root:root:root:root body :is(.inv-card,.prepare-panel) label:has(input:checked){border-color:var(--p-accent)!important;background:var(--p-soft)!important;color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body .cad-panel span:has(>b){background:#232326!important;border:1px solid var(--p-line)!important;color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body main p[role=status]{background:#2a2320!important;color:var(--p-ink)!important;border-left:3px solid var(--p-accent)!important}
body :is(.tablewrap,table.fmt){background:transparent}
html:not(#mtp):root:root:root:root body table.fmt :is(th,td){background:transparent;color:var(--p-muted)!important;border-color:var(--p-line)}

body .document-preview{background:#fff;color:#111;box-shadow:0 0 0 1px var(--p-line2),0 20px 50px rgba(0,0,0,.45)}
body .document-preview *{color:#111}
html:not(#mtp):root:root:root:root body .plan-card .plan-label{color:var(--p-accent)!important;font-family:var(--p-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}
body .plan-card h2{font-size:40px;font-weight:400}
html:not(#mtp):root:root:root:root body .search-result :is(a,h2,h3){color:var(--p-ink)}
html:not(#mtp):root:root:root:root body .search-result:hover{border-color:var(--p-accent)!important}
html:not(#mtp):root:root:root:root body :is(.ts-chips button,.filters button,.hero-tags span,.cad-modes span){background:#262629!important;border:1px solid var(--p-line2)!important;color:var(--p-ink)!important;border-radius:3px;box-shadow:none!important}
html:not(#mtp):root:root:root:root body :is(.ts-chips button,.filters button):is(:hover,[aria-pressed=true],.active,.on){border-color:var(--p-accent)!important;color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body .filters button:is([aria-pressed=true],.active,.on,[aria-selected=true]){background:var(--p-soft)!important}
html:not(#mtp):root:root:root:root body .cad-modes label:has(input:checked) span{border-color:var(--p-accent)!important;background:var(--p-soft)!important;color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body :is(article.document-pack,article.sample,.sample details,.catalog-tools,.task-search){background:var(--p-panel)!important;border:1px solid var(--p-line)!important;border-radius:0;box-shadow:none;color:var(--p-muted)!important}
html:not(#mtp):root:root:root:root body :is(article.document-pack,article.sample) :is(h2,h3,b,strong,summary){color:var(--p-ink)}
html:not(#mtp):root:root:root:root body :is(article.document-pack,article.sample) :is(p,li,span,small){color:var(--p-muted)}
html:not(#mtp):root:root:root:root body :is(article.document-pack,article.sample) a{color:var(--p-accent)}
html:not(#mtp):root:root:root:root body .sample details{border-width:1px 0 0!important}

html:not(#mtp):root:root:root:root body .plan-card button.btn[disabled]{background:#3a3633!important;color:#b8b1a9!important}


/* ---------- кнопки: единый оранжевый акцент вместо синего ---------- */
html:not(#mtp):root:root:root:root body :is(main,.metro-main,.pulse-home) :is(.btn,.button,a.download,button[type=submit],.btn[data-pill]):not(.ghost):not(.btn--outline-circle):not(.t-reset):not(.mega-trigger):not([disabled]){background:var(--p-accent)!important;background-image:none!important;color:var(--p-on)!important;border:0!important;border-radius:3px;box-shadow:none!important}
html:not(#mtp):root:root:root:root body :is(main,.metro-main,.pulse-home) :is(.btn,.button,a.download,button[type=submit],.btn[data-pill]):not(.ghost):not(.btn--outline-circle):not(.t-reset):not([disabled]):hover{background:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body :is(main,.metro-main) :is(.btn,.button,a.download,button[type=submit]):not(.ghost):not(.btn--outline-circle) *{color:inherit}
html:not(#mtp):root:root:root:root body :is(main,.metro-main) .btn[data-pill].btn--outline-circle{background:transparent!important;color:var(--p-ink)!important;border:1px solid var(--p-line2)!important;border-radius:3px}

html:not(#mtp):root:root:root:root body :is(main,.metro-main) :is(.btn,.button,button)[disabled]{background:#3a3633!important;color:#b8b1a9!important;border:0!important;background-image:none!important}
body :is(.catalog-hero,.hero) h1 :is(span,em,strong){color:var(--p-accent);-webkit-text-fill-color:var(--p-accent);background:none}
body main input[type=file]{background:#141416;color:var(--p-muted);border:1px solid var(--p-line2);border-radius:3px;padding:6px}
body main input[type=file]::file-selector-button{background:#2a2a2e;color:var(--p-ink);border:1px solid var(--p-line2);border-radius:3px;padding:6px 12px;margin-right:12px;cursor:pointer}
html:not(#mtp):root:root:root:root body .search-result :is(button,.star,.fav){background:transparent;border:1px solid var(--p-line2);color:var(--p-accent)}

/* ---------- единая сетка: все блоки по краям шапки (1376 px) ---------- */
html:not(#mtp):root:root:root:root body :is(.metro-layout,.metro-work){max-width:none;width:100%;padding:0;margin:0;display:block!important;background:transparent;border:0}
html:not(#mtp):root:root:root:root body .metro-main{width:min(1376px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0 0 72px;box-sizing:border-box;float:none}
html:not(#mtp):root:root:root:root body .metro-main>main.main{padding:0;margin:0!important;width:auto}
html:not(#mtp):root:root:root:root body :is(.metro-main>*,.metro-main>main.main>*):not(.pulse-home){max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
html:not(#mtp):root:root:root:root body :is(.metro-main>.wrap,.metro-main>main>.wrap,.metro-main>main.wrap,.hero>.wrap,.metro-main .split,.primary-workspace){padding-left:0!important;padding-right:0!important;max-width:none;width:auto}
html:not(#mtp):root:root:root:root body .metro-main>main.wrap{padding-top:28px!important}
html:not(#mtp):root:root:root:root body .metro-main .hero{padding-left:0!important;padding-right:0!important}
body .metro-main>:is(section,div,main,ol,aside,p):not(.hero):not(:first-child){margin-top:20px}
body .pulse-home{max-width:none;width:auto;padding:40px 0 0;margin:0}
body .metro-main>.ph-faq{width:auto;margin:56px 0 0!important}
/* отступы внутри панелей: текст не прижат к краю */
html:not(#mtp):root:root:root:root body :is(.content,.block,.card,.prepare-panel,.inv-card,.inventory-panel,.catalog-note,.catalog-hero,.notice,.design-pro-note,.protect-panel,.account-card,.search-result,.plan-card){padding:28px 32px!important}
html:not(#mtp):root:root:root:root body .notice,html:not(#mtp):root:root:root:root body .design-pro-note{padding:16px 20px!important}
html:not(#mtp):root:root:root:root body .search-result{padding:18px 20px!important}
html:not(#mtp):root:root:root:root body .content.solo{padding:0!important;background:transparent;border:0}
body .content.solo>.wrap{max-width:none;width:auto;margin:0;padding:32px 36px!important}
body :is(.content,.block)>:first-child{margin-top:0}
body .split>.col-text>.content{margin:0}
@media (max-width:760px){html:not(#mtp):root:root:root:root body .metro-main{width:calc(100% - 32px)}html:not(#mtp):root:root:root:root body :is(.content,.block,.card,.prepare-panel,.inv-card,.inventory-panel,.catalog-note,.catalog-hero,.protect-panel,.account-card,.plan-card,.content.solo>.wrap){padding:20px 18px!important}}
/* подвал: фон во всю ширину, содержимое по сетке */
html:not(#mtp):root:root:root:root body .unified-footer{max-width:none;width:100%;margin:0;box-sizing:border-box;padding:26px max(32px,calc((100% - 1376px) / 2));border-radius:0;display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:760px){html:not(#mtp):root:root:root:root body .unified-footer{padding:22px 16px}}
/* выпадающее меню: колонки по содержимому, без растягивания */
html:not(#mtp):root:root:root:root body .mega-panel:not([hidden]){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 24px;padding:22px}
body .mega-panel>section{display:flex!important;flex-direction:column;gap:2px;min-width:0}
html:not(#mtp):root:root:root:root body .mega-panel a{display:flex!important;align-items:center;gap:10px;padding:8px 10px}
body>main#main-content,body>main.catalog,body>main.wrap{width:min(1376px,calc(100% - 64px));max-width:none;margin:0 auto;padding:28px 0 72px;box-sizing:border-box;background:transparent}
body>main#main-content .hero,body>main#main-content>.wrap{padding-left:0;padding-right:0;max-width:none;margin-left:0;margin-right:0}
@media (max-width:760px){body>main#main-content,body>main.catalog,body>main.wrap{width:calc(100% - 32px)}}
body>div.wrap{max-width:none;width:100%;padding:0!important;margin:0;box-sizing:border-box}
html:not(#mtp):root:root:root:root body main :is(p,div)[role=status]:empty{display:none!important}body summary::before,body summary::after{color:var(--p-accent)}
@media (max-width:980px){html:not(#mtp):root:root:root:root body .design-header{padding:0 16px!important;box-sizing:border-box;max-width:none;width:100%}}@media (min-width:761px) and (max-width:980px){html:not(#mtp):root:root:root:root body .design-header{padding:0 32px!important}}
body .pulse-text{margin-top:20px}

/* Каталог: поиск и переходы по разделам (аудит 04.10) */
body .cat-bar{display:grid;gap:14px;margin:0 0 20px}
html:not(#mtp):root:root:root:root body .cat-find input{width:100%;box-sizing:border-box;height:48px;padding:0 16px;font:inherit;font-size:16px}
html:not(#mtp):root:root:root:root body .cat-find input:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}
body .cat-jump{display:flex;flex-wrap:wrap;gap:8px}
html:not(#mtp):root:root:root:root body .cat-jump a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--p-line2);color:var(--p-ink);text-decoration:none;font-size:14px;border-radius:3px}
html:not(#mtp):root:root:root:root body .cat-jump a:hover,html:not(#mtp):root:root:root:root body .cat-jump a:focus-visible{border-color:var(--p-accent);color:var(--p-accent2)!important}
html:not(#mtp):root:root:root:root body .cat-empty{color:var(--p-muted);margin:0}
body .mt-catalog-grid>section[id]{scroll-margin-top:96px}
html:not(#mtp):root:root:root:root body .mt-catalog-grid :is(section,a)[hidden]{display:none!important}
body #all-tools{scroll-margin-top:80px}
@media (max-width:640px){body #mt-cookie-banner{left:8px!important;right:8px!important;bottom:8px!important;padding:10px 12px!important;font-size:13.5px!important}html:not(#mtp):root:root:root:root body #mt-cookie-banner h2,html:not(#mtp):root:root:root:root body #mt-cookie-banner strong{font-size:15px!important;margin:0 0 6px!important}body #mt-cookie-banner div{flex:1 1 auto}body #mt-cookie-banner button{flex:1 1 auto;min-height:44px}}
/* Предупреждение об электронной подписи */
html:not(#mtp):root:root:root:root body .t-sigwarn{margin:12px 0 0;padding:12px 14px 12px 40px;position:relative;background:rgba(245,160,115,.10);border:1px solid rgba(245,160,115,.45);color:var(--p-ink)!important;font-size:14.5px;line-height:1.5;border-radius:3px}
html:not(#mtp):root:root:root:root body .t-sigwarn::before{content:"!";position:absolute;left:14px;top:12px;width:18px;height:18px;border-radius:50%;background:var(--p-accent);color:var(--p-on);font:700 12px/18px var(--p-mono);text-align:center}
/* Превью страниц, которые нельзя выбирать (сжатие и т.п.), — полной яркости */
html:not(#mtp):root:root:root:root body .t-pg:disabled:not([data-st=wait]){opacity:1}
/* Узкие экраны (до 420 px): этапы в сетке 2 × 2, без выхода за край */
@media (max-width:420px){body .pulse-steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}body .pulse-steps li{white-space:normal;min-width:0}}
html:not(#mtp):root:root:root:root body #tool #estimate .eng-note{display:block;margin-top:6px;color:var(--p-warn,#c58a00)!important}
/* r39: на сенсорных экранах — зоны нажатия не меньше 44 px (WCAG 2.5.5) */
@media (pointer:coarse){
  body :is(.ph-life,.document-pack) li>a,
  body :is(.ph-sh,.ws-opcap,.cap) a, body .ph-safe>div>a,
  body a.tax-shortcut,
  body button.t-reset{display:inline-flex!important;align-items:center;min-height:44px}
  body :is(.sample details,details.processing-settings)>summary{padding-block:12px}
  body main.catalog>a, body p.crumbs a, body main.wrap>p>a:only-child{display:inline-flex!important;align-items:center;min-height:44px}
}

/* ---------- шапка в одну строку на широком экране: логотип, разделы, поиск, тарифы, вход ---------- */
@media (min-width:1200px){
html:not(#mtp):root:root:root:root body .design-header{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-rows:68px;column-gap:20px!important}
html:not(#mtp):root:root:root:root body .design-header>.mega-nav{grid-row:1;grid-column:2}
html:not(#mtp):root:root:root:root body .design-header>.header-search{width:240px}
body :is(.site-head,header.site){background:var(--p-bg2);border-bottom:1px solid var(--p-line)}
}

/* ---------- шапка на телефоне: логотип, поиск, «Меню» ---------- */
@media (max-width:640px){
html:not(#mtp):root:root:root:root body .design-header{grid-template-columns:minmax(0,1fr) 44px auto!important}
html:not(#mtp):root:root:root:root body .design-header>.design-search-link{grid-column:2!important;grid-row:1!important;width:44px;height:44px;padding:0!important;justify-content:center}
html:not(#mtp):root:root:root:root body .design-header>.mobile-menu-toggle{grid-column:3;grid-row:1;width:auto;max-width:none;min-width:44px;height:44px;padding:0 14px;gap:6px;justify-content:center}
html:not(#mtp):root:root:root:root body .design-header>.mobile-menu-toggle .mm-label{display:inline}
}
@media (min-width:641px) and (max-width:980px){
body .design-header>.design-brand{margin-right:auto}
}
