*{box-sizing:border-box}:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--text:#131827;--muted:#6f7890;--line:#dfe5ef;--brand:#0869ff;--brand2:#08cfe5;--soft:#eaf6ff;--danger:#d84d5b;--shadow:0 18px 55px rgba(35,44,82,.10);--ad:#eef1f6}html[data-theme="dark"]{--bg:#0f1320;--surface:#171c2c;--surface2:#1d2335;--text:#edf1ff;--muted:#a8b1c7;--line:#2b3348;--soft:#16344c;--shadow:0 18px 55px rgba(0,0,0,.28);--ad:#171c2c}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);transition:.2s}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.topbar{height:74px;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,5vw,72px);background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.35rem;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 20px rgba(91,97,246,.28)}.brand-copy strong{display:block}.brand-copy small{display:block;color:var(--muted);margin-top:1px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions select,.icon-btn{height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 11px}.icon-btn{min-width:42px;display:grid;place-items:center}.page{width:min(1380px,94%);margin:0 auto}.hero{padding:58px 0 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-size:.74rem;letter-spacing:.15em;font-weight:900;color:var(--brand)}.hero h1{font-size:clamp(2.3rem,5.2vw,4.9rem);letter-spacing:-.055em;line-height:.98;margin:10px 0 13px;max-width:900px}.hero p{margin:0;color:var(--muted);max-width:800px;line-height:1.7;font-size:1.05rem}.hero-badge{flex:0 0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);font-size:.88rem;color:var(--muted)}.ad-slot{display:none!important}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:60px}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:.2s}.tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.tool-card img{width:100%;height:185px;display:block;object-fit:cover;background:var(--surface2)}.tool-card-body{padding:20px}.tool-card h2{margin:0 0 7px;font-size:1.15rem}.tool-card p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}.card-link{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--brand);font-weight:800;font-size:.86rem}.section-title{text-align:center;padding:10px 0 24px}.section-title h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 8px}.section-title p{margin:0;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:70px}.feature{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.feature b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--brand);margin-bottom:10px}.feature h3{margin:0 0 8px}.feature p{margin:0;color:var(--muted);line-height:1.6;font-size:.9rem}footer{padding:30px clamp(18px,5vw,72px);background:#101522;color:#eef2ff;display:flex;align-items:center;gap:24px;justify-content:space-between}footer p{color:#98a3bb;font-size:.84rem}.footer-links{display:flex;gap:18px}.footer-links a{color:#c4cbda;text-decoration:none;font-size:.84rem}.tool-hero{padding:38px 0 20px}.breadcrumb{font-size:.83rem;color:var(--muted);margin-bottom:10px}.breadcrumb a{text-decoration:none;color:var(--brand)}.tool-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 8px;letter-spacing:-.04em}.tool-hero p{margin:0;color:var(--muted);max-width:800px;line-height:1.65}.tool-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:650px;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:25px}.controls{border-right:1px solid var(--line);padding:20px;background:var(--surface2);overflow:auto}.controls h3{margin:0 0 18px}.field{display:block;margin-bottom:16px}.field>span,.label-row span{display:block;font-size:.82rem;font-weight:750;color:var(--muted);margin-bottom:7px}.field input:not([type=color]):not([type=range]),.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:9px 11px}.field input[type=color]{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:4px}.slider{margin-bottom:17px}.label-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px}.label-row span{margin:0}.label-row strong{font-size:.78rem;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--brand)}.button-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}.btn,.btn-primary,.btn-soft,.btn-danger{min-height:42px;border-radius:11px;border:1px solid var(--line);font-weight:780}.btn{background:var(--surface);color:var(--text)}.btn-soft{background:var(--soft);color:var(--brand);border-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0;box-shadow:0 8px 20px rgba(91,97,246,.2)}.btn-danger{background:color-mix(in srgb,#ffeff1 88%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.workspace{min-width:0;display:flex;flex-direction:column;background:#e9edf5}html[data-theme="dark"] .workspace{background:#101522}.workspace-top{min-height:64px;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.file-info strong,.file-info span{display:block}.file-info span{font-size:.75rem;color:var(--muted);margin-top:2px}.preview-stage{flex:1;min-height:500px;padding:26px;display:grid;place-items:center;overflow:auto;background-image:linear-gradient(45deg,rgba(120,130,150,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(120,130,150,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(120,130,150,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(120,130,150,.12) 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0}.preview-stage canvas,.preview-stage img{max-width:min(100%,1000px);max-height:650px;display:block;box-shadow:0 16px 45px rgba(0,0,0,.22);background:#fff}.upload-box{width:min(560px,92%);padding:48px 28px;text-align:center;border:2px dashed color-mix(in srgb,var(--muted) 38%,transparent);border-radius:20px;background:var(--surface)}.upload-box .big-icon{width:70px;height:70px;margin:0 auto 15px;border-radius:20px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:2rem}.upload-box h3{margin:0 0 8px}.upload-box p{margin:0 0 18px;color:var(--muted)}.export-bar{background:var(--surface);border-top:1px solid var(--line);padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.export-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-options select{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 10px}.notice{padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--brand);font-size:.83rem;line-height:1.45;margin-bottom:14px}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.preset-grid button{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:720}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stat small{display:block;color:var(--muted);margin-bottom:4px}.stat strong{font-size:1rem}.inline{display:flex;gap:9px;align-items:center}.inline>*{flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:45px;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:0 11px;margin-bottom:14px;font-size:.84rem;font-weight:700}.tool-bottom-copy{padding:16px 0 65px}.tool-bottom-copy h2{margin-bottom:6px}.tool-bottom-copy p{color:var(--muted);line-height:1.65;max-width:850px}@media(max-width:1020px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:820px){.hero{flex-direction:column;align-items:flex-start}.hero-badge{align-self:flex-start}.tool-layout{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.features{grid-template-columns:1fr}.preview-stage{min-height:400px}.export-bar{align-items:stretch;flex-direction:column}}@media(max-width:620px){.topbar{padding:0 12px}.brand-copy small{display:none}.header-actions select{max-width:120px}.tool-grid{grid-template-columns:1fr}.tool-card img{height:170px}.page{width:96%}.stats{grid-template-columns:1fr}.button-row{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Expanded portal components */
.tool-grid.expanded{grid-template-columns:repeat(4,1fr)}
.info-band{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin:10px 0 64px}
.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.info-panel h2,.info-panel h3{margin-top:0}.info-panel p,.info-panel li{color:var(--muted);line-height:1.7}
.info-panel ul,.info-panel ol{padding-left:20px}.mini-kicker{font-size:.73rem;color:var(--brand);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tool-knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:15px 0 28px}
.knowledge-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.knowledge-card h3{margin:0 0 9px;font-size:1rem}.knowledge-card p,.knowledge-card li{color:var(--muted);font-size:.88rem;line-height:1.62}.knowledge-card ol,.knowledge-card ul{padding-left:19px;margin-bottom:0}
.format-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}
.format-tabs button{min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:760}
.format-tabs button.active{background:var(--soft);color:var(--brand);border-color:transparent}
.format-list{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.format-chip{padding:6px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.75rem;color:var(--muted);font-weight:750}.format-chip.live{background:#ecfdf3;color:#168244;border-color:#bfe8ce}.format-chip.server{background:#fff8e7;color:#9a6700;border-color:#f0ddb1}
.converter-status{padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:14px}
.converter-status.good{background:#edfdf3;color:#207341;border-color:#c7efd4}.converter-status.warn{background:#fff9e9;color:#8a6300;border-color:#f2dfab}
.frame-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.frame-choice{min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:720}.frame-choice.active{background:var(--soft);color:var(--brand);border-color:transparent}
.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.swatch{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer}.swatch-color{height:82px}.swatch code{display:block;padding:9px;text-align:center;color:var(--text);font-size:.78rem}
.drop-file{min-height:44px;padding:11px;border:1px dashed var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:.82rem;line-height:1.45}
.target-result{padding:14px;border-radius:13px;background:var(--surface);border:1px solid var(--line);margin:12px 0}.target-result strong{display:block;font-size:1.15rem;margin-top:3px}.target-result small{color:var(--muted)}
.tool-card .badge-new{position:absolute;top:12px;right:12px;background:var(--brand);color:#fff;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900}.tool-card{position:relative}
@media(max-width:1180px){.tool-grid.expanded{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.tool-grid.expanded{grid-template-columns:repeat(2,1fr)}.info-band{grid-template-columns:1fr}.tool-knowledge{grid-template-columns:1fr}.format-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.tool-grid.expanded{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,1fr)}.format-tabs{grid-template-columns:repeat(2,1fr)}}

/* Production-facing trust, guides and FAQ */
.security-section{margin:8px 0 64px}.security-head{text-align:center;max-width:820px;margin:0 auto 24px}.security-head h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 9px}.security-head p{color:var(--muted);line-height:1.7;margin:0}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.security-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.security-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--brand);font-size:1.1rem;font-weight:900;margin-bottom:11px}.security-card h3{font-size:.98rem;margin:0 0 7px}.security-card p{font-size:.86rem;line-height:1.6;color:var(--muted);margin:0}
.guide-section,.faq-section{margin:18px 0 54px}.guide-section>h2,.faq-section>h2{font-size:clamp(1.55rem,2.5vw,2.15rem);margin:0 0 8px}.section-lead{color:var(--muted);line-height:1.7;max-width:900px;margin:0 0 18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.guide-card h3{margin:0 0 8px;font-size:1rem}.guide-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.88rem}.faq-list{display:grid;gap:10px}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--soft);color:var(--brand);font-size:1.1rem;flex:0 0 auto}.faq-list details[open] summary:after{content:'−'}.faq-answer{padding:0 18px 17px;color:var(--muted);line-height:1.7;font-size:.9rem;max-width:1050px}.trust-strip{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--surface) 70%,var(--soft)));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:17px;padding:17px 19px;margin:18px 0 28px}.trust-strip .security-icon{margin:0}.trust-strip strong{display:block;margin-bottom:4px}.trust-strip p{margin:0;color:var(--muted);line-height:1.55;font-size:.86rem}
.option-group{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.option-group-title{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:900;margin-bottom:12px}.preset-grid.dense{grid-template-columns:repeat(3,1fr)}.small-help{font-size:.76rem;color:var(--muted);line-height:1.5;margin:-5px 0 14px}.paper-result{margin-top:13px;padding:13px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.paper-result small{display:block;color:var(--muted);margin-bottom:4px}.paper-result strong{font-size:.96rem}
@media(max-width:1050px){.security-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.security-grid,.guide-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.preset-grid.dense{grid-template-columns:repeat(2,1fr)}}

/* PhotoTools4You navigation shell */
.tools-sidebar{position:fixed;left:0;top:74px;bottom:0;width:250px;background:var(--surface);border-right:1px solid var(--line);z-index:80;display:flex;flex-direction:column;overflow:auto;box-shadow:8px 0 30px rgba(35,44,82,.035)}
.tools-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 12px;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sidebar-close{display:none;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);font-size:1.15rem}
.tools-sidebar-nav{padding:0 10px 12px;display:flex;flex-direction:column;gap:4px}
.tool-nav-link,.tool-nav-home{min-height:45px;padding:7px 10px;border-radius:11px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--muted);font-size:.86rem;font-weight:700;border:1px solid transparent}
.tool-nav-link:hover,.tool-nav-home:hover{background:var(--surface2);color:var(--text)}
.tool-nav-link.active,.tool-nav-home.active{background:var(--soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 14%,var(--line))}
.tool-nav-icon{flex:0 0 31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font-size:.72rem;font-weight:900;color:var(--brand)}
.tool-nav-link.active .tool-nav-icon,.tool-nav-home.active .tool-nav-icon{background:var(--surface);border-color:color-mix(in srgb,var(--brand) 24%,var(--line))}
.sidebar-privacy{margin:auto 12px 14px;padding:12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);display:flex;gap:9px;color:var(--muted);font-size:.72rem;line-height:1.4}.sidebar-privacy span{color:#22c55e;font-weight:900}.sidebar-privacy p{margin:0}
body>.page{width:min(1250px,calc(100% - 300px));margin-left:280px;margin-right:auto}
body>footer{padding-left:280px}
.sidebar-toggle{display:none}.sidebar-scrim{display:none}
.ad-ready-zone:empty{display:none}.ad-ready-zone{margin:22px 0;text-align:center;min-height:0}
.legal-page{max-width:920px;padding:44px 0 72px}.legal-page h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:0 0 12px}.legal-page .legal-lead{color:var(--muted);font-size:1.02rem;line-height:1.7;margin-bottom:28px}.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;margin:14px 0}.legal-card h2{font-size:1.16rem;margin:0 0 9px}.legal-card p,.legal-card li{color:var(--muted);line-height:1.7}.legal-card ul{padding-left:20px}.legal-note{padding:12px 14px;border-radius:12px;background:var(--soft);color:var(--brand);font-size:.86rem;line-height:1.55}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-link{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);text-decoration:none}.contact-link strong{display:block;margin-bottom:4px}.contact-link span{color:var(--muted);font-size:.86rem}.privacy-choice-box{border:1px dashed var(--line);border-radius:14px;padding:18px;background:var(--surface2)}
@media(max-width:1180px){.tools-sidebar{transform:translateX(-105%);transition:.2s transform;box-shadow:18px 0 45px rgba(0,0,0,.18)}body.sidebar-open .tools-sidebar{transform:translateX(0)}.sidebar-close{display:grid;place-items:center}.sidebar-toggle{display:grid}.sidebar-scrim{position:fixed;inset:74px 0 0;background:rgba(7,11,20,.45);border:0;z-index:70}body.sidebar-open .sidebar-scrim{display:block}body>.page{width:min(94%,1380px);margin-left:auto;margin-right:auto}body>footer{padding-left:clamp(18px,5vw,72px)}}
@media(max-width:620px){.tools-sidebar{width:min(88vw,300px)}.contact-links{grid-template-columns:1fr}.brand-copy strong{font-size:.9rem}.topbar{gap:8px}.header-actions{gap:6px}.header-actions select{max-width:112px}}

/* PhotoTools4You supplied vector branding */
.brand{min-width:0}.brand-logo{display:block;width:auto;height:52px;max-width:min(290px,38vw)}
html[data-theme="dark"] .brand-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
@media(max-width:760px){.brand-logo{height:42px;max-width:190px}.topbar{height:68px}.tools-sidebar{top:68px}.sidebar-scrim{inset:68px 0 0}}
@media(max-width:430px){.brand-logo{height:36px;max-width:155px}.header-actions select{max-width:96px;padding:0 6px}.icon-btn{min-width:38px}}


/* Polished local build */
.top-links{display:flex;align-items:center;gap:18px;margin-left:auto}
.top-links a{color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:750}
.top-links a:hover{color:var(--brand)}
.header-actions{margin-left:0}
.legal-page{max-width:1050px;margin:0 auto;padding:52px 0 80px}
.legal-page h1{font-size:clamp(2.15rem,4vw,3.65rem);letter-spacing:-.045em;margin:8px 0 12px}
.legal-lead{max-width:780px;color:var(--muted);font-size:1.04rem;line-height:1.7;margin:0 0 28px}
.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0}
.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;margin:14px 0}
.legal-card h2{font-size:1.12rem;margin:0 0 9px}
.legal-card h3{font-size:.95rem;margin:18px 0 7px}
.legal-card p,.legal-card li{color:var(--muted);line-height:1.7;font-size:.92rem}
.legal-card ul,.legal-card ol{padding-left:20px;margin:8px 0}
.legal-note{border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));background:var(--soft);color:var(--text);border-radius:15px;padding:15px 17px;line-height:1.6;margin:18px 0}
.legal-note strong{color:var(--brand)}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0}
.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
.contact-box .contact-icon{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-weight:900;margin-bottom:12px}
.contact-box h2{margin:0 0 7px;font-size:1.08rem}
.contact-box p{color:var(--muted);line-height:1.62;font-size:.9rem}
.contact-box a{color:var(--brand);font-weight:850;text-decoration:none}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}
.about-principle{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:21px}
.about-principle b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--brand);margin-bottom:11px}
.about-principle h3{margin:0 0 7px}.about-principle p{color:var(--muted);line-height:1.6;font-size:.9rem;margin:0}
.support-table{width:100%;border-collapse:collapse;margin-top:10px}
.support-table th,.support-table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:top}
.support-table th{color:var(--text)}.support-table td{color:var(--muted)}
.spec-section{padding:10px 0 18px}
.spec-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:13px}
.spec-head h2{margin:0;font-size:1.4rem}.spec-head p{margin:0;color:var(--muted);font-size:.86rem}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.spec-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px}
.spec-card small{display:block;color:var(--muted);font-weight:750;margin-bottom:6px}
.spec-card strong{font-size:.9rem;line-height:1.45;display:block}
.transparency-section{margin:8px 0 60px;background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--line);border-radius:22px;padding:26px}
.transparency-section h2{margin:0 0 8px;font-size:1.55rem}
.transparency-section>p{color:var(--muted);line-height:1.65;max-width:850px}
.transparency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}
.transparency-item{padding:17px;border:1px solid var(--line);background:var(--surface);border-radius:14px}
.transparency-item h3{font-size:.95rem;margin:0 0 6px}.transparency-item p{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.status-message{margin-top:12px;color:var(--brand);font-weight:750;font-size:.88rem}
.home-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.home-cta-row a{text-decoration:none}
.btn-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-weight:800;color:var(--text)}
.btn-link.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0}
@media(max-width:900px){
 .top-links{display:none}
 .spec-grid{grid-template-columns:repeat(2,1fr)}
 .about-principles,.transparency-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .legal-grid,.contact-grid,.spec-grid{grid-template-columns:1fr}
 .legal-page{padding-top:35px}
}

/* PhotoTools4You production branding */
.brand{background:#fff;border:1px solid rgba(14,45,80,.08);padding:4px 9px;border-radius:14px;box-shadow:0 5px 18px rgba(20,80,140,.07)}
.brand-logo{display:block;width:auto;height:52px;max-width:min(310px,42vw);object-fit:contain}
html[data-theme="dark"] .brand-logo{filter:none}
html[data-theme="dark"] .brand{background:#fff}
@media(max-width:760px){.brand-logo{height:43px;max-width:205px}}
@media(max-width:430px){.brand-logo{height:36px;max-width:165px}.brand{padding:3px 6px}}