/* 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,html:root:root:root body{background:radial-gradient(ellipse at 12% 0,#e9f5ff 0,transparent 40%),#fbfdff!important;color:#142d50!important;background-attachment:fixed!important}
html:root:root:root body .catalog,html:root:root:root body .wrap,html:root:root:root body .metro-main{color:#142d50!important}
html:root:root:root body a{color:#075bca}
html:root:root:root body h1,html:root:root:root body h2,html:root:root:root body h3{color:#102747}
html:root:root:root body p,html:root:root:root body .lead,html:root:root:root body .note,html:root:root:root body .muted{color:#526780}
html:root:root:root body header.site,html:root:root:root body header.site-head{background:#ffffffdc!important;border-bottom:1px solid #e1eafa!important}
html:root:root:root body .design-header{padding:18px 0!important;border-bottom:0!important;gap:14px!important}
html:root:root:root body .design-header .design-brand{font-size:25px!important;letter-spacing:-1px!important;color:#102747!important;gap:9px!important}
.media-logo{width:39px;height:42px;display:block}.media-word{font-weight:800}.media-word em{font-style:normal;color:#006aff}
html:root:root:root body .design-header .metro-lang a{color:#335277!important}
html:root:root:root body .design-header .metro-lang .metro-account{background:#edf4ff!important;border-color:#cddff8!important;color:#143864!important}
html:root:root:root body .design-search-link{color:#1760bc;font-weight:600}
html:root:root:root body .design-primary-nav a:nth-child(n){border-color:#ffffff90!important;box-shadow:inset 0 1px #ffffff70,0 4px 9px #1c65b51c!important;border-radius:10px!important;padding:10px!important}
html:root:root:root body .design-primary-nav .design-media{background:linear-gradient(135deg,#00aeff,#0055e8)!important;color:white!important}
html:root:root:root body .design-primary-nav .design-images{background:linear-gradient(135deg,#ac42ff,#6820c1)!important;color:white!important}
html:root:root:root body .design-primary-nav .design-pdf{background:linear-gradient(135deg,#fc3976,#bf0051)!important;color:white!important}
html:root:root:root body .design-primary-nav .design-dxf{background:linear-gradient(135deg,#ffae00,#e55a00)!important;color:#242000!important}
html:root:root:root body .design-primary-nav .design-gosuslugi{background:linear-gradient(135deg,#55d119,#177c20)!important;color:white!important}
html:root:root:root body .design-primary-nav .design-templates{background:linear-gradient(135deg,#049eff,#0752cf)!important;color:white!important}
html:root:root:root body .design-primary-nav a[aria-current]{outline:2px solid #183f78!important;outline-offset:3px!important}
html:root:root:root body .design-pro{background:#ffffff22!important;border-color:#ffffff70!important;color:white!important}
html:root:root:root body .metro-main>.hero{padding:40px 0 28px!important;position:relative}
html:root:root:root body .metro-main>.hero .lead{color:#526780!important}
html:root:root:root body .metro-main>.hero h1{color:#102747!important;font-size:clamp(32px,4vw,48px)!important;letter-spacing:-1.5px}
html:root:root:root body .design-eyebrow{color:#0868ce!important}
html:root:root:root body .hero .chips .chip{color:#426584!important}
.media-hero-art{display:flex;gap:10px;align-items:center;margin:24px 0 0;flex-wrap:wrap}.media-hero-art span{display:flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1px solid #dce9fd;border-radius:30px;box-shadow:0 8px 20px #2871cc0c;color:#193859;font-weight:700;font-size:12px}.media-hero-art i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;background:linear-gradient(135deg,#0af,#0358de);color:white;border-radius:50%}.media-hero-art span:nth-child(2) i{background:linear-gradient(135deg,#ff3978,#b9004a)}.media-hero-art span:nth-child(3) i{background:linear-gradient(135deg,#a04bff,#6024c5)}.media-hero-art span:nth-child(4) i{background:linear-gradient(135deg,#5bd61d,#14832a)}.media-hero-art span:nth-child(5) i{background:linear-gradient(135deg,#ffb500,#e15a00)}
html:root:root:root body .portal-search{background:linear-gradient(125deg,#eef6ff,#fff)!important;border:1px solid #d4e5ff;box-shadow:0 12px 35px #2276d20d;border-radius:20px}
html:root:root:root body .portal-search label{color:#113761}.portal-search p,.portal-search a{color:#315c92!important}
html:root:root:root body input,html:root:root:root body select,html:root:root:root body textarea,html:root:root:root body #sample-search{background:#fff!important;color:#142d50!important;border:1px solid #b8cde9!important;border-radius:9px!important}
html:root:root:root body input::placeholder,html:root:root:root body textarea::placeholder{color:#708199!important}
html:root:root:root body .portal-search button,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 .portal-category{border-radius:18px;background:linear-gradient(135deg,#009dff,#004edb);position:relative;overflow:hidden;box-shadow:0 8px 22px #276bb322;color:white!important;border:0;padding:25px}
.portal-category::after{content:'›';position:absolute;right:18px;top:22px;font-size:32px;color:#ffffffc9}
html:root:root:root body .portal-category.category-pdf{background:linear-gradient(135deg,#ff367c,#c40051)}html:root:root:root body .portal-category.category-images{background:linear-gradient(135deg,#a340ff,#6220bd)}html:root:root:root body .portal-category.category-media{background:linear-gradient(135deg,#4bcd1a,#18872c)}html:root:root:root body .portal-category.category-templates{background:linear-gradient(135deg,#00a9ff,#004ddc)}html:root:root:root body .portal-category.category-dxf{background:linear-gradient(135deg,#ffa914,#e85f00)}html:root:root:root body .portal-category.category-print{background:linear-gradient(135deg,#ffda17,#dd9900);color:#392900!important}
html:root:root:root body .portal-heading a{color:#075bca}html:root:root:root body .portal-situations details:nth-child(n),html:root:root:root body .portal-extra{background:#fff!important;border:1px solid #d3e1f2!important;box-shadow:0 5px 18px #245faa08}
html:root:root:root body .portal-situations summary,html:root:root:root body .portal-extra summary{color:#163559!important}html:root:root:root body .portal-situations summary span{color:#60748c}html:root:root:root body .portal-situations a,html:root:root:root body .portal-extra a{color:#075bca}html:root:root:root body .portal-situations summary::after{color:#1269ce!important}
html:root:root:root body #portal-saved a{background:#eef5ff;border-color:#cdddF5;color:#164882}html:root:root:root body #portal-saved p{color:#526780}
html:root:root:root body .metro-main>.panel,html:root:root:root body .metro-main>.block,html:root:root:root body .metro-layout-docs .split,html:root:root:root body .tool,html:root:root:root body .prepare-panel,html:root:root:root body .inventory-panel{background:#fff!important;border:1px solid #d4e2f3!important;box-shadow:0 8px 28px #194e9010!important;border-radius:18px!important;color:#163559}
html:root:root:root body .drop,html:root:root:root body .t-drop{background:linear-gradient(130deg,#f0f7ff,#fff)!important;border-color:#71a8f0!important}html:root:root:root body .drop h3,html:root:root:root body .t-drop strong{color:#183c69!important}html:root:root:root body .drop p,html:root:root:root body .t-drop span{color:#59708b!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 .kbtn[aria-pressed=true],html:root:root:root body .tabs button[aria-selected=true],html:root:root:root body .tabs button.active{background:#dbeaff!important;color:#074fa6!important;border-color:#6c9fe1!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 details{background:#f5f8fd!important;border-color:#d5e1f1!important;color:#1c3b62}html:root:root:root body summary{color:#183f70}html:root:root:root body .faq p{color:#536e8c!important}
html:root:root:root body .catalog-hero{background:radial-gradient(ellipse at 100% 0,#e7ddff,transparent 60%),linear-gradient(120deg,#e5f2ff,#fff)!important;border-color:#cddff5!important;box-shadow:0 10px 30px #2b70c510}html:root:root:root body .catalog-hero h1{color:#11375f}html:root:root:root body .catalog h1 em{color:#006bf0}html:root:root:root body .catalog-hero>p{color:#476586}.eyebrow{color:#216bc1}.hero-tags span{background:#fff;border-color:#d1e1f6;color:#204f87}
html:root:root:root body .catalog-note{background:#eef7f2;border-color:#c9e1d2;border-left-color:#43ad78;color:#264a39}html:root:root:root body .catalog-note p{color:#385b4b}.preview-note{color:#6c5e23!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 h2{color:#153b6b}.sample p,.sample-top,.document-pack p{color:#526b8a!important}.sample details a,.sample summary,.document-pack a,.sample-preview{color:#075bca}.free{color:#207745}
html:root:root:root body .filters button{background:#edf4ff!important;border-color:#cbddf6!important;color:#24568c!important}html:root:root:root body .filters button[aria-pressed=true]{background:#0867db!important;color:#fff!important}.download{color:#fff!important;background:linear-gradient(135deg,#168fff,#0756d2)}.download.docx{background:linear-gradient(135deg,#9148e7,#5c25b4)}
html:root:root:root body .search-options span{color:#526780}.search-result a{color:#153d6d}.search-result small{color:#627c98}
html:root:root:root 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 #tool-status,html:root:root:root body #share-status{color:#805317}html:root:root:root body .tool-local{color:#237746}.document-preview{background:#e7edf5}.pack-related a{color:#075bca}
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}
html:root:root:root body .notice{background:#eaf7f0!important;color:#235b40!important}.notice.warn{background:#fff5dc!important;color:#755719!important}
@media(max-width:640px){html:root:root:root body .design-header .design-brand{font-size:21px!important}.media-logo{width:30px;height:34px}.media-hero-art{gap:6px}.media-hero-art span{padding:7px 10px}.portal-category::after{right:10px}.portal-category span{max-width:90%}}

html:root:root:root body .hero .chip{color:#3f6085!important} html:root:root:root body header{border-color:#dce6f4!important} html:root:root:root body [id*="cookie-banner"],html:root:root:root body .cookie-banner{background:#fff!important;color:#28476d!important;border-color:#ccddf3!important}
html:root:root:root body .hero .chip,html:root:root:root body .hero .chip b{color:#345b82!important}
html:root:root:root body .prepare-shortcuts a,html:root:root:root body .prepare-shortcuts b{color:#fff!important}
html:root:root:root body .catalog-hero .eyebrow{background:#d6e7ff;color:#1854a0}
html:root:root:root body .cookie-banner a,html:root:root:root body [id*="cookie-banner"] a{color:#075bca!important}
html:root:root:root body .portal-category:hover{filter:brightness(1.04);transform:translateY(-2px)}
/* Sidebar layout requested for the light preview. */
html:root:root:root body.with-tool-sidebar{padding-left:260px!important}
html:root:root:root body .tool-sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:18px 12px;box-sizing:border-box;background:#fff;border-right:1px solid #dae6f5;display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:20}
html:root:root:root body .tool-sidebar .portal-category{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:85px;padding:18px 16px;flex:1;border-radius:14px;box-sizing:border-box;text-decoration:none}
html:root:root:root body .tool-sidebar .portal-category b{font-size:19px}
html:root:root:root body .tool-sidebar .portal-category span{font-size:12px;line-height:1.4;padding-right:12px}
html:root:root:root body .tool-sidebar .portal-category::after{right:10px;font-size:26px}
.rail-home{padding:3px 8px;font-weight:700;text-decoration:none}
html:root:root:root body .category-gosuslugi{background:linear-gradient(135deg,#ff8a19,#e14405)}
html:root:root:root body .design-header{justify-content:space-between;flex-wrap:wrap;padding:8px 0!important}
html:root:root:root body .design-brand{flex-shrink:1!important;max-width:100%}
html:root:root:root body .media-reference-logo{display:block;width:350px;max-width:100%;height:auto}
html:root:root:root body .design-search-link{flex-basis:auto!important;margin:0 0 0 auto!important}
html:root:root:root body .metro-main>.hero{padding:18px 0!important}
html:root:root:root body .metro-main>.hero .design-eyebrow{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html:root:root:root body .processing-settings{padding:12px 16px;background:#f5f9ff!important;border:1px solid #d5e3f6!important;border-radius:10px}
.processing-settings summary{cursor:pointer}.processing-settings[open] summary{margin-bottom:14px}
html:root:root:root body #opts,html:root:root:root body #opts>*{background:transparent!important;color:#345579!important}
html:root:root:root body #run:disabled{display:none!important}
@media(min-width:1000px){html:root:root:root body.with-tool-sidebar header.site,html:root:root:root body.with-tool-sidebar .metro-main{width:calc(100% - 48px)!important;max-width:1160px!important}}
@media(max-width:800px){html:root:root:root body.with-tool-sidebar{padding-left:0!important;padding-top:0!important}html:root:root:root body .tool-sidebar{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px;border-bottom:1px solid #dae6f5}html:root:root:root body .tool-sidebar .rail-home{grid-column:1/-1}html:root:root:root body .tool-sidebar .portal-category{min-height:70px;padding:12px}html:root:root:root body .tool-sidebar .portal-category b{font-size:16px}html:root:root:root body .tool-sidebar .portal-category span{display:none}html:root:root:root body .media-reference-logo{width:300px}}
/* Shared page shell and readable document controls. */
html:root:root:root body .design-header{display:grid!important;grid-template-columns:1fr auto 1fr!important;position:relative;min-height:145px;align-items:center}
html:root:root:root body .design-header .design-brand{grid-column:2;grid-row:1;justify-self:center;margin:0!important}
html:root:root:root body .design-header .metro-lang{grid-column:3;grid-row:1;justify-self:end}
html:root:root:root body .design-header .design-search-link{grid-column:3;grid-row:2;justify-self:end;margin:0!important;padding-bottom:12px}
html:root:root:root body .tool-sidebar{display:block}
html:root:root:root body .tool-sidebar .rail-group{padding:0!important;margin:12px 0!important;border:0!important;background:transparent!important;border-radius:14px!important}
html:root:root:root body .tool-sidebar summary.portal-category{min-height:95px;cursor:pointer;list-style:none}
html:root:root:root body .tool-sidebar summary::-webkit-details-marker{display:none}
html:root:root:root body .tool-sidebar summary::after{content:'+';position:absolute;right:12px;top:16px;color:inherit}
html:root:root:root body .tool-sidebar details[open]>summary::after{content:'−'}
.rail-actions{display:grid;padding:8px 0;gap:3px}
html:root:root:root body .rail-actions a{display:block;padding:10px 12px;border-radius:8px;background:#f1f6ff;color:#20466e;text-decoration:none;font-size:13px;line-height:1.35}
html:root:root:root body .rail-actions a:hover,html:root:root:root body .rail-actions a[aria-current]{background:#dbeaff;color:#064aa7}
html:root:root:root body .metro-layout-docs .main{padding-top:16px!important}
html:root:root:root body .metro-layout-docs .split{margin-top:0!important}
html:root:root:root body .metro-layout-docs .hero{padding:20px 0!important;margin:0!important;background:transparent!important}
html:root:root:root body .metro-layout-docs .hero h1,html:root:root:root body .t-drop-title,html:root:root:root body .tool h1,html:root:root:root body .tool h2,html:root:root:root body .tool h3{color:#163c68!important}
html:root:root:root body .metro-layout-docs .hero p,html:root:root:root body .tool p,html:root:root:root body .tool label,html:root:root:root body .tool .note,html:root:root:root body .t-drop-hint{color:#4c6580!important}
html:root:root:root body .t-bar,html:root:root:root body .t-status,html:root:root:root body .t-top,html:root:root:root body .tool-head{background:#edf5ff!important;color:#345d8d!important;border-color:#d5e4f7!important}
html:root:root:root body .tool a{color:#0862bd!important}
html:root:root:root body .design-pro-note{background:#edf5ff!important;border:1px solid #cbdff6!important;color:#345d8d!important}
html:root:root:root body .content,html:root:root:root body .content p,html:root:root:root body .content li{color:#3d5876!important}
@media(max-width:800px){html:root:root:root body .design-header{grid-template-columns:1fr!important;gap:8px!important}html:root:root:root body .design-header .design-brand{grid-column:1;grid-row:1}html:root:root:root body .design-header .metro-lang{grid-column:1;grid-row:2;justify-self:center}html:root:root:root body .design-header .design-search-link{grid-column:1;grid-row:3;justify-self:center}html:root:root:root body .tool-sidebar{display:grid;align-items:start}html:root:root:root body .tool-sidebar .rail-group{margin:0!important}}
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}
html:root:root:root body .t-drop b{color:#183c69!important}
html:root:root:root body .t-bar .lbl,html:root:root:root body .t-act,html:root:root:root body .t-act span,html:root:root:root body .t-act a,html:root:root:root body .t-reset{color:#486586!important}
html:root:root:root body .primary-workspace{width:100%!important;max-width:none!important;padding:0!important}
html:root:root:root body .primary-workspace .col-tool{width:100%!important}
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}
html:root:root:root body .tool canvas{max-width:100%}
html:root:root:root body .cad-drop{position:relative;overflow:hidden}
html:root:root:root body .unified-footer{box-sizing:border-box;max-width:1160px;width:calc(100% - 48px);margin:32px auto 0;padding:24px 0 32px;border-top:1px solid #d4e2f2;background:transparent;color:#345575;display:flex;flex-wrap:wrap;align-items:center;gap:20px;line-height:1.5}
html:root:root:root body .unified-footer a{color:#265783!important;text-decoration:none;font-size:14px}
html:root:root:root body .unified-footer a:hover{text-decoration:underline}
html:root:root:root body .unified-footer .footer-brand{font-size:19px;font-weight:800;margin-right:auto}
.unified-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}
html:root:root:root body .faq summary,html:root:root:root body .content summary,html:root:root:root body .faq h2,html:root:root:root body .content h2,html:root:root:root body .content h3{color:#173e68!important}
html:root:root:root body .faq details,html:root:root:root body .content details{background:#f3f7fd!important;color:#345775!important;border-color:#d6e3f3!important}
html:root:root:root body .faq details p{color:#45617e!important}
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}
html:root:root:root body .step,html:root:root:root body .tablewrap,html:root:root:root body .fmt td,html:root:root:root body .fmt th{background:#f1f6fc!important;color:#274a70!important;border-color:#d4e1f1!important}
@media(max-width:800px){html:root:root:root body .unified-footer{width:calc(100% - 32px);display:block}.unified-footer nav{margin-top:16px}}
html:root:root:root body .block h2,html:root:root:root body .block h3,html:root:root:root body .block p b,html:root:root:root body .content b,html:root:root:root body .t-opts b{color:#193f68!important}
html:root:root:root body article.card,html:root:root:root body .card.section{background:#fff!important;color:#345775!important;border:1px solid #d5e3f3!important}
html:root:root:root body article.card h2,html:root:root:root body article.card h3,html:root:root:root body article.card b{color:#193f68!important}
html:root:root:root body .eyebrow{background:#e3efff!important;color:#22578d!important}
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!important}
html:root:root:root body .block li,html:root:root:root body .block li b{color:#294d72!important}
html:root:root:root body section.card{background:#fff!important;color:#345775!important;border-color:#d5e3f3!important}
html:root:root:root body .metro-layout-docs a.card:nth-child(n){background:#f2f7ff!important;color:#214d79!important;border:1px solid #ccddf3!important;border-top:3px solid #5794e7!important}
html:root:root:root body .metro-layout-docs a.card:nth-child(n) b,html:root:root:root body .metro-layout-docs a.card:nth-child(n) span{color:#214d79!important}
/* Calm, single-accent interface. */
html:root:root:root body{background:#f7f9fc!important;color:#203550!important;font-family:Arial,Helvetica,sans-serif!important}
html:root:root:root body .media-reference-logo{width:285px!important}
html:root:root:root body .design-header{min-height:118px!important}
html:root:root:root body .tool-sidebar .portal-category,html:root:root:root body .portal-category{background:#fff!important;color:#28405b!important;border:1px solid #dce4ee!important;box-shadow:none!important;border-radius:10px!important;min-height:72px!important;padding:14px 16px!important}
html:root:root:root body .tool-sidebar .portal-category b{font-size:16px!important;font-weight:600!important}
html:root:root:root body .tool-sidebar .portal-category span{color:#607086!important;font-size:12px!important}
html:root:root:root body .tool-sidebar .rail-group[open]>.portal-category{background:#edf4ff!important;border-color:#a9c8f4!important;color:#095bc8!important}
html:root:root:root body .rail-actions a{background:transparent!important;color:#52647b!important;border-radius:7px!important}
html:root:root:root body .rail-actions a:hover,html:root:root:root body .rail-actions a[aria-current]{background:#e7f0fe!important;color:#0757b7!important}
html:root:root:root body .portal-search{background:#fff!important;border:1px solid #d8e2ef!important;padding:28px!important;box-shadow:0 6px 22px #24466a08!important;border-radius:14px!important}
html:root:root:root body .portal-search label{font-size:30px!important;line-height:1.25;font-weight:700;color:#1c3552!important}
html:root:root:root body .portal-search input{min-height:56px!important;font-size:17px!important}
html:root:root:root body .portal-search button,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}
html:root:root:root body .prepare-shortcuts a,html:root:root:root body .tool-link,html:root:root:root body .quick-card,html:root:root:root body .document-pack{background:#fff!important;border:1px solid #d8e2ef!important;box-shadow:none!important;color:#214264!important;border-radius:10px!important}
html:root:root:root body .prepare-shortcuts a b,html:root:root:root body .tool-link:nth-child(n) b,html:root:root:root body .quick-card b{color:#214264!important}
html:root:root:root body .prepare-shortcuts a span,html:root:root:root body .tool-link:nth-child(n) span,html:root:root:root body .quick-card small{color:#607086!important}
html:root:root:root body .catalog-hero{background:#fff!important;border-color:#d8e2ef!important;box-shadow:none!important}
html:root:root:root body .catalog-hero h1{font-size:40px!important;line-height:1.2!important}
html:root:root:root body .portal-situations details{min-height:100px;box-shadow:none!important;border-radius:10px!important}
html:root:root:root body .portal-situations summary{padding:20px!important}
html:root:root:root body h1{font-size:36px;line-height:1.2;letter-spacing:-.7px}
html:root:root:root body h2{font-size:24px;line-height:1.3}
html:root:root:root body h3{font-size:19px;line-height:1.4}
html:root:root:root body .portal-heading{margin-top:28px!important}
html:root:root:root body .tool,html:root:root:root body .prepare-panel,html:root:root:root body .inventory-panel,html:root:root:root body .sample{box-shadow:none!important;border-radius:12px!important}
html:root:root:root body .t-drop,html:root:root:root body .drop{background:#f8faff!important}
@media(max-width:800px){html:root:root:root body .media-reference-logo{width:250px!important}html:root:root:root body .portal-search{padding:20px!important}html:root:root:root body .portal-search label{font-size:25px!important}html:root:root:root body .catalog-hero h1{font-size:30px!important}}
html:root:root:root body #mt-cookie-banner button{background:#edf3fb!important;color:#24517e!important;border:1px solid #cbd9ea!important;border-radius:8px!important}
html:root:root:root body #mt-cookie-banner button:last-child{background:#0866df!important;color:#fff!important;border-color:#0866df!important}
html:root:root:root body .badge{color:#36628c!important}
html:root:root:root 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 .protect-card,html:root:root:root body .protect-panel{background:#fff!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. */
html:root:root:root body .tool-sidebar>.design-brand{display:block!important;margin:0 0 14px!important;max-width:100%!important}
html:root:root:root body .tool-sidebar .media-reference-logo{width:210px!important;max-width:100%;height:auto}
html:root:root:root body .design-header{display:flex!important;justify-content:flex-end!important;gap:22px!important;min-height:64px!important;padding:12px 0!important}
html:root:root:root body .design-header .design-search-link{margin:0!important;padding:0!important;order:0!important}
html:root:root:root body .design-header .metro-lang{order:1!important}
html:root:root:root body .design-header::before,html:root:root:root body .design-header::after{content:none!important}
@media(max-width:800px){html:root:root:root body .tool-sidebar>.design-brand{grid-column:1/-1;justify-self:center}html:root:root:root body .design-header{flex-wrap:wrap!important;justify-content:center!important}}
html:root:root:root body.with-tool-sidebar{min-height:100vh;box-sizing:border-box;margin-top:0!important;margin-bottom:0!important}
.mobile-tools-toggle{display:none}
@media(max-width:800px){html:root:root:root body .tool-sidebar>.design-brand{grid-row:1}html:root:root:root body .mobile-tools-toggle{display:block;grid-column:1/-1;grid-row:2;background:#edf4ff;color:#24517e;border:1px solid #bfd3ef;border-radius:8px;padding:12px;font-size:15px;cursor:pointer}html:root:root:root body .tool-sidebar:not(.mobile-expanded)>.rail-group{display:none!important}}
/* Wide grouped tool navigation. */
html:root:root:root body.with-mega-menu{padding-left:0!important;min-height:100vh}
html:root:root:root body.with-mega-menu .design-header{position:relative;display:flex!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;min-height:90px!important}
html:root:root:root body.with-mega-menu .design-header .media-reference-logo{width:200px!important}
html:root:root:root body.with-mega-menu .mega-nav{display:flex;align-items:center;gap:3px;flex:1;justify-content:center}
html:root:root:root body .mega-trigger{font:600 14px Arial,sans-serif;background:transparent;color:#34465e;border:0;border-bottom:3px solid transparent;padding:16px 10px;cursor:pointer;white-space:nowrap}
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}
html:root:root:root body .mega-panel{position:absolute;top:100%;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;background:#edf1f6;border:1px solid #d8e2ef;border-radius:0 0 16px 16px;box-shadow:0 18px 35px #18345525}
html:root:root:root body .mega-panel[hidden]{display:none!important}
html:root:root:root body .mega-panel section{background:#fff;border-radius:12px;padding:22px;min-width:0}
html:root:root:root body .mega-panel h2{font-size:19px;margin:0 0 16px;color:#203550}
html:root:root:root body .mega-panel a{display:block;padding:9px 6px;color:#365575;text-decoration:none;font-size:14px;line-height:1.4;border-radius:5px}
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:1150px){html:root:root:root body.with-mega-menu .mega-nav{flex-basis:100%;order:3;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:640px){html:root:root:root body .mega-panel{position:static;flex-basis:100%;grid-template-columns:1fr;padding:10px;box-shadow:none;max-height:60vh;overflow:auto}html:root:root:root body .mega-trigger{font-size:13px;padding:12px 8px}html:root:root:root body.with-mega-menu .design-header .media-reference-logo{width:160px!important}html:root:root:root body.with-mega-menu .mega-nav{display:flex;align-items:stretch}.mega-panel section{padding:16px!important}}
html:root:root:root body.with-mega-menu .design-header{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px 20px!important}
html:root:root:root body.with-mega-menu .design-header .design-brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}
html:root:root:root body.with-mega-menu .design-header .design-search-link{grid-column:2!important;grid-row:1!important;justify-self:end!important}
html:root:root:root body.with-mega-menu .design-header .metro-lang{grid-column:3!important;grid-row:1!important}
html:root:root:root body.with-mega-menu .mega-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid #edf1f7;padding-top:4px}
@media(max-width:640px){html:root:root:root body.with-mega-menu .design-header{grid-template-columns:1fr auto!important}html:root:root:root body.with-mega-menu .design-header .metro-lang{grid-column:2!important}html:root:root:root body.with-mega-menu .design-header .design-search-link{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important}html:root:root:root body.with-mega-menu .mega-nav{grid-row:3}}
/* Professional file-tool visual system. */
html:root:root:root body,html:root:root:root{background:#fff!important}
html:root:root:root body .design-header .design-brand{display:flex!important;align-items:center;gap:9px;font-size:24px!important;letter-spacing:-.7px!important;color:#152c48!important;white-space:nowrap}
.simple-brand-mark{width:35px;height:38px}.brand-accent{color:#0866df}
html:root:root:root body.with-mega-menu .design-header{display:flex!important;flex-wrap:wrap!important;min-height:76px!important;gap:16px!important}
html:root:root:root body.with-mega-menu .mega-nav{border:0!important;padding:0!important;flex:1;justify-content:center!important}
html:root:root:root body .frequent-action{font-size:14px;font-weight:600;color:#29415b!important;text-decoration:none;padding:14px 10px}
html:root:root:root body .header-search{padding:10px 16px!important;background:#0866df!important;color:#fff!important;border-radius:6px;text-decoration:none}
html:root:root:root body .design-header .metro-account{background:transparent!important;border:0!important;font-weight:600}
html:root:root:root body .mega-panel{background:#fff!important;box-shadow:none!important;grid-template-columns:repeat(4,minmax(0,1fr));max-height:75vh;overflow:auto;border-radius:0!important;gap:20px!important;padding:24px!important}
html:root:root:root body .mega-panel section{padding:0!important;background:transparent!important}
html:root:root:root body .mega-panel h2{font-size:12px!important;text-transform:uppercase;letter-spacing:.7px;color:#677789!important;margin-bottom:10px}
html:root:root:root body .mega-panel a{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px}
.format-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:9px;background:#7756c5;color:white!important;font-size:15px;font-weight:700;line-height:1;font-family:Arial,sans-serif}
.format-pdf{background:#df3945}.format-word{background:#2866cf}.format-image{background:#c99109}.format-video{background:#7b52c6}.format-secure{background:#294f7c}.format-dxf{background:#d57424}
.mega-panel .format-icon{width:25px;height:25px;border-radius:5px;font-size:10px}
.professional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;margin-top:26px}
.professional-grid a{padding:22px 8px;color:#19334f;text-decoration:none}.professional-grid a:hover{background:#f7faff}
.professional-grid h3{margin:18px 0 8px;font-size:20px!important}.professional-grid p{margin:0;color:#657489!important;font-size:15px;line-height:1.55}
.popular-tools{margin:36px 0}.popular-tools h2{font-size:30px!important}
html:root:root:root body .tool-link,html:root:root:root body a.card,html:root:root:root body .metro-layout-docs a.card:nth-child(n),html:root:root:root body .prepare-shortcuts a{background:transparent!important;border:0!important;box-shadow:none!important;padding:20px!important;border-radius:0!important}
html:root:root:root body .tool-link .format-icon,html:root:root:root body a.card .format-icon{margin-bottom:14px}
html:root:root:root body .portal-search,html:root:root:root body .catalog-hero,html:root:root:root body .panel,html:root:root:root body .block,html:root:root:root body .sample,html:root:root:root body .portal-situations details,html:root:root:root body .portal-extra{box-shadow:none!important;background:#fff!important}
@media(max-width:1000px){html:root:root:root body .mega-panel{grid-template-columns:repeat(2,minmax(0,1fr))}html:root:root:root body.with-mega-menu .mega-nav{flex-basis:100%;order:3!important}}
@media(max-width:640px){.professional-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.professional-grid h3{font-size:17px!important}html:root:root:root body .mega-panel{grid-template-columns:1fr;position:static}html:root:root:root body .frequent-action{font-size:12px;padding:10px 6px}html:root:root:root body .mega-trigger{font-size:12px!important}}
html:root:root:root body.with-mega-menu .design-header .design-search-link.header-search{padding:11px 17px!important;display:inline-flex;align-items:center;min-height:38px;box-sizing:border-box}
html:root:root:root body.with-mega-menu .design-header .metro-lang .metro-account{background:transparent!important;border:0!important}
/* 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}
html:root:root:root body.with-mega-menu>header.site,html:root:root:root body.with-mega-menu>header.site-head,html:root:root:root body.with-mega-menu>.metro-layout,html:root:root:root body.with-mega-menu>main.wrap,html:root:root:root body.with-mega-menu>.catalog,html:root:root:root body.with-mega-menu>.unified-footer{width:calc(100% - 2 * var(--page-gutter))!important;max-width:var(--page-max)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important}
html:root:root:root body.with-mega-menu .design-header,html:root:root:root body.with-mega-menu .metro-main,html:root:root:root body.with-mega-menu .metro-work,html:root:root:root body.with-mega-menu .metro-main>.main,html:root:root:root body.with-mega-menu .metro-main .main>.wrap,html:root:root:root body.with-mega-menu .metro-main .hero>.wrap{width:100%!important;max-width:none!important;box-sizing:border-box}
html:root:root:root body .professional-grid,html:root:root:root body .portal-situations{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
@media(max-width:1199px){html:root:root:root body .professional-grid,html:root:root:root body .portal-situations{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}}
@media(max-width:999px){html:root:root:root body .professional-grid,html:root:root:root body .portal-situations{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){html:root:root:root{--page-gutter:16px}html:root:root:root body .professional-grid,html:root:root:root body .portal-situations{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}}
html:root:root:root body.with-mega-menu>div.wrap{width:calc(100% - 2 * var(--page-gutter))!important;max-width:var(--page-max)!important;margin:0 auto!important;padding:0!important;box-sizing:border-box}
html:root:root:root body.with-mega-menu>div.wrap>header,html:root:root:root body.with-mega-menu>div.wrap>.metro-layout{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html:root:root:root{--page-gutter:clamp(16px,calc(4vw - 16px),48px)}
/* UI review: consistent semantics, hierarchy, and layout. */
.format-pdf{background:#dc3545!important}.format-images{background:#b48100!important}.format-media{background:#7850bf!important}.format-office{background:#2563cf!important}.format-secure{background:#27815d!important}
html:root:root:root body .t-bar,html:root:root:root body .t-bar .lbl,html:root:root:root body .badge,html:root:root:root body .eyebrow,html:root:root:root body .design-eyebrow{font:400 13px/1.5 Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#526780!important}
html:root:root:root body .badge::before,html:root:root:root body .eyebrow::before,html:root:root:root body .t-dot{display:none!important}
html:root:root:root body .search-result button,html:root:root:root body #only-favorites{background:#fff!important;border:1px solid #cbd8e8!important;box-shadow:none!important;color:#526780!important}
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}
html:root:root:root body.account-page>main{min-height:calc(100vh - 220px);display:flex;flex-direction:column;justify-content:center}
html:root:root:root body .mega-panel{position:static!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important;flex-basis:100%;width:100%;box-sizing:border-box}
html:root:root:root body.with-mega-menu .mega-nav{flex-wrap:wrap}
html:root:root:root body .mega-panel a{font-size:13px}
@media(max-width:1100px){html:root:root:root body .mega-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){html:root:root:root body .mega-panel{grid-template-columns:1fr!important}html:root:root:root body.account-page>main{min-height:calc(100svh - 240px)}}
html:root:root:root body .faq p,html:root:root:root body .faq li,html:root:root:root body .faq p b,html:root:root:root body .faq details{color:#39424e!important}
html:root:root:root body .faq a{color:#0866df!important}
html:root:root:root body .portal-search .field-error{color:#b42332!important;font-size:14px;margin:8px 0 0}
html:root:root:root body input[aria-invalid=true]{border-color:#b42332!important}
.format-dxf{background:#b85f16!important}.format-print{background:#526071!important}
html:root:root:root body .faq details p,html:root:root:root body .faq details li,html:root:root:root body .faq details p b{color:#39424e!important}
/* Five coordinated hues; shape distinguishes related actions. */
html:root:root:root body .format-pdf,html:root:root:root body .format-print{background:hsl(352 70% 44%)!important}
html:root:root:root body .format-images{background:hsl(170 70% 36%)!important}
html:root:root:root body .format-media{background:hsl(270 70% 44%)!important}
html:root:root:root body .format-office,html:root:root:root body .format-secure{background:hsl(218 70% 44%)!important}
html:root:root:root body .format-dxf{background:hsl(28 70% 44%)!important}
.format-icon svg{display:block;width:26px;height:26px;color:white;flex-shrink:0}.mega-panel .format-icon svg{width:18px;height:18px}
html:root:root:root body.with-mega-menu .design-header{align-items:center!important}
html:root:root:root body.with-mega-menu .design-header>.mega-panel{order:10!important;flex:0 0 100%!important;align-items:stretch!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;padding:24px!important}
html:root:root:root body .mega-panel section{align-self:stretch;min-width:0}
@media(max-width:1000px){html:root:root:root body.with-mega-menu .design-header>.mega-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html:root:root:root body.with-mega-menu .design-header>.mega-panel{grid-template-columns:1fr!important;padding:16px!important}}
html:root:root:root body .format-images{background:hsl(170 70% 44%)!important}
html:root:root:root body .mega-panel .category-more{padding-left:34px;font-weight:600}
html:root:root:root body .format-dxf{background:hsl(218 70% 44%)!important}
/* Only the JS-built chrome waits for initialization; content remains visible. */
html.ui-initializing body header.site,html.ui-initializing body header.site-head,html.ui-initializing body footer{visibility:hidden!important}
/* пока скрипт перестраивает страницу, не показываем промежуточный (старый тёмный) вид — только светлый фон */
html.ui-initializing body>*:not(noscript){opacity:0!important}