/* Paper / Motion. Shared screen UI; printed artwork has its own styling. */
:root{--paper-bg:#f6f7f9;--paper-panel:#fff;--paper-ink:#1d1d1f;--paper-muted:#64666d;--paper-line:#e0e2e7;--paper-accent:#0071e3;--paper-soft:#eef5ff;--paper-input:#fff;--paper-shadow:0 10px 30px #26354c0a;--paper-radius:24px;--paper-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--paper-gutter:clamp(20px,3.34vw,48px)}
:root[data-theme=dark]{--paper-bg:#151718;--paper-panel:#202326;--paper-ink:#f1f2f4;--paper-muted:#aab0b8;--paper-line:#383d43;--paper-accent:#79b6ff;--paper-soft:#253547;--paper-input:#191c1f;--paper-shadow:0 10px 30px #00000016}
@media screen{
html:has(body.paper-site){background:var(--paper-bg)}
body.paper-site.home-start{background:var(--paper-bg)!important;color:var(--paper-ink);padding-top:0!important;font-family:var(--paper-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;--site-page:var(--paper-bg);--site-panel:var(--paper-panel);--site-heading:var(--paper-ink);--site-muted:var(--paper-muted);--site-line:var(--paper-line);--site-header-width:1360px;--site-content-width:1360px;--site-gutter:var(--paper-gutter);--page-bg:var(--paper-bg);--card-bg:var(--paper-panel);--text-main:var(--paper-ink);--text-soft:var(--paper-muted);--border-soft:var(--paper-line);--border:var(--paper-line);--primary:var(--paper-accent)}
body.paper-site :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--paper-accent);outline-offset:3px}
body.paper-site.home-start .site-header:is(.reference-header,.lime-header){position:relative;top:auto;left:auto;transform:none;width:min(1360px,calc(100% - var(--paper-gutter)*2));max-width:1360px;min-height:100px;height:auto;margin:0 auto!important;padding:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;border:0!important;border-bottom:1px solid var(--paper-line)!important;border-radius:0!important;z-index:30}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .site-nav{width:100%;max-width:none;min-height:100px;margin:0;padding:0;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(40px,.32fr);gap:20px;align-items:center}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.site-nav__brand,.lime-brand){display:flex;gap:11px;align-items:center;font-size:19px;font-weight:600;letter-spacing:-.6px;color:var(--paper-ink);white-space:nowrap}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo{width:28px;height:27px;flex-basis:28px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--paper-ink);gap:3px;display:flex;align-items:stretch}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo i{height:27px!important;width:3px!important;transform:none;background:currentColor;border-radius:0}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo i:nth-child(2){width:2px!important}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo i:nth-child(3){width:5px!important}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks){grid-column:2;grid-row:1;display:flex;gap:6px;justify-content:center;align-items:center;font-size:13px;color:var(--paper-muted)}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks)>a,html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks) summary{padding:9px 12px;border-radius:100px;font-weight:450;color:var(--paper-ink);background:transparent}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks) :is(a,summary):hover{background:var(--paper-panel);color:var(--paper-accent)}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks)>a[aria-current=page]{background:var(--paper-soft);color:var(--paper-accent)}
body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .site-nav__actions{grid-column:3;grid-row:1;justify-self:end;position:static;display:flex;align-items:center}
html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .theme-toggle{width:38px;height:38px;min-height:38px;border-radius:50%;border:1px solid var(--paper-line);background:transparent!important;color:var(--paper-ink)!important;box-shadow:none}
body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .header-cta[hidden]{display:none!important}
html[data-theme] body.paper-site :is(.seo-menu-dropdown,.lime-dropdown){background:var(--paper-panel);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:16px;box-shadow:0 14px 40px #1820391a;padding:8px;min-width:210px}
html[data-theme] body.paper-site :is(.seo-menu-dropdown,.lime-dropdown) a{color:var(--paper-ink);font-size:13px;padding:10px 12px;border-radius:8px}
html[data-theme] body.paper-site :is(.seo-menu-dropdown,.lime-dropdown) a:hover{background:var(--paper-soft);color:var(--paper-accent)}
body.paper-site.home-start .landing-wrap{max-width:1360px;width:calc(100% - var(--paper-gutter)*2);margin-inline:auto}
body.paper-site.service-tool .tool-intro{padding:44px 0 28px;border:0;background:none}
body.paper-site.service-tool .tool-intro>a{font-size:12px;color:var(--paper-muted);text-decoration:none}
body.paper-site.service-tool .tool-intro h1{font-size:clamp(31px,3.5vw,48px);line-height:1.1;letter-spacing:-1.6px;font-weight:600;color:var(--paper-ink);margin:19px 0 15px}
body.paper-site.service-tool .tool-intro>p{max-width:820px;font-size:16px;line-height:1.7;color:var(--paper-muted)}
body.paper-site.service-tool .tool-nav{display:flex;flex-wrap:wrap;gap:6px;background:transparent;margin-top:23px;padding:0}
html[data-theme] body.paper-site.service-tool .tool-nav a{padding:10px 16px;border:1px solid var(--paper-line);background:var(--paper-panel);color:var(--paper-muted);font-size:12px;border-radius:100px;box-shadow:none}
html[data-theme] body.paper-site.service-tool .tool-nav a[aria-current=page]{background:var(--paper-soft);border-color:transparent;color:var(--paper-accent)}
body.paper-site.service-tool .tool-guide-link{margin-top:17px;font-size:12px!important}
body.paper-site.service-tool .tool-guide-link a{color:var(--paper-accent);text-decoration:none}
body.paper-site.service-tool .constructor-surface{border:1px solid var(--paper-line);border-radius:24px;background:var(--paper-panel);box-shadow:var(--paper-shadow)}
body.paper-site.service-tool .tool-help{padding-block:40px;color:var(--paper-muted);font-size:14px;line-height:1.7}
body.paper-site.service-tool .tool-help h2{color:var(--paper-ink);font-size:25px;letter-spacing:-.6px;font-weight:600}
body.paper-site.service-tool .tool-help .text-link{color:var(--paper-accent);font-size:13px}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer){background:var(--paper-bg);color:var(--paper-muted);border-top:1px solid var(--paper-line);box-shadow:none;border-radius:0;padding-top:44px;margin-top:40px}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer) :is(.footer-name,.footer-brand__name){color:var(--paper-ink);font-size:18px;font-weight:600;letter-spacing:-.5px}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer) :is(h3,strong){font-size:12px;color:var(--paper-ink);font-weight:600}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer) a{color:var(--paper-muted);font-size:12px;text-decoration:none;line-height:1.8}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer) a:hover{color:var(--paper-accent)}
html[data-theme] body.paper-site :is(.landing-footer,.site-footer) p{color:var(--paper-muted);font-size:12px;line-height:1.7}
html[data-theme] body.paper-site :is(.footer-note,.footer-bottom){border-color:var(--paper-line);font-size:11px;color:var(--paper-muted);margin-top:32px;padding-block:24px}
html[data-theme] body.paper-site .privacy-box{background:var(--paper-panel);border:1px solid var(--paper-line);border-radius:16px;color:var(--paper-muted)}
body.paper-site .paper-local-note{font:10px/1.5 var(--paper-font);color:var(--paper-muted);text-align:center;padding:14px 20px}
/* Home adopts the same header, footer and theme as every tool. */
body.paper-home{--ink:var(--paper-ink);--muted:var(--paper-muted);--canvas:var(--paper-bg);--line:var(--paper-line)}
body.paper-home .hero{padding-top:65px}
body.paper-home h1{color:var(--paper-ink)}
body.paper-home h1>span{color:var(--paper-accent)}
body.paper-home .tool-card{background:var(--paper-panel);border-color:var(--paper-line)}
body.paper-home .tabs{background:var(--paper-line)}
body.paper-home .tabs [aria-selected=true]{background:var(--paper-panel);color:var(--paper-ink)}
body.paper-home .card-copy h3,body.paper-home .card-top{color:var(--paper-ink)}
body.paper-home .card-copy ul{color:var(--paper-muted)}
html[data-theme=dark] body.paper-home .card-button{background:var(--paper-soft);color:var(--paper-accent);border-color:var(--paper-line)}
html[data-theme=dark] body.paper-home .compat strong{color:var(--paper-ink)}
body.paper-home .format-list a{border:1px solid #41463f;border-radius:30px;font-size:10px;padding:8px 11px;color:#c2cbbf;text-decoration:none}
body.paper-home .format-list a:hover{border-color:#abff84;color:#abff84}
body.paper-home .landing-footer .footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
body.paper-home .footer-columns>div{display:flex;flex-direction:column;gap:8px}
body.paper-home .footer-note{display:flex;justify-content:space-between}
@media(max-width:1100px){html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .site-nav{grid-template-columns:1fr auto;gap:4px 16px;padding:17px 0 12px;min-height:95px}body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .site-nav__actions{grid-column:2}html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks){grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-top:7px}}
@media(max-width:700px){body.paper-site.home-start .site-header:is(.reference-header,.lime-header){min-height:0}html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.site-nav__brand,.lime-brand){font-size:17px;gap:9px}html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks){font-size:11px;justify-content:space-between;flex-wrap:wrap;gap:0}html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks)>a,html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) :is(.seo-header-menu,.lime-navlinks) summary{padding:9px 4px;min-height:40px}html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo,html[data-theme] body.paper-site.home-start .site-header:is(.reference-header,.lime-header) .barcode-logo i{height:24px!important}body.paper-site.service-tool .tool-intro{padding-top:28px}body.paper-site.service-tool .tool-intro h1{letter-spacing:-1px}body.paper-site.service-tool .tool-intro>p{font-size:14px}body.paper-site.service-tool .tool-nav{gap:5px}body.paper-site.service-tool .tool-nav a{font-size:10px;padding:8px 10px}body.paper-site.service-tool .constructor-surface{border-radius:16px}body.paper-home .hero{padding-top:32px}body.paper-home .landing-footer .footer-columns{grid-template-columns:1fr 1fr;gap:28px 18px}body.paper-home .footer-note{display:block}body.paper-home .footer-note span{display:block;margin-top:8px}}
}
@media screen {
/* White paper illustrations keep ink contrast in both themes. */
body.paper-home :is(.float-chip,.design-label,.sheet){color:#1d1d1f}
}
@media screen {
/* Compatibility with the current service shell and its palette controls. */
html[data-palette=green]{--paper-accent:#496b25;--paper-soft:#f0f5e8}
html[data-palette=green][data-theme=dark]{--paper-accent:#b9df87;--paper-soft:#303d29}
html[data-theme] body.paper-site.lime-site{--ls-bg:var(--paper-bg);--ls-panel:var(--paper-panel);--ls-ink:var(--paper-ink);--ls-muted:var(--paper-muted);--ls-line:var(--paper-line);--ls-soft:var(--paper-bg);--lt-accent:var(--paper-accent);--lt-ink:var(--paper-ink);--lt-muted:var(--paper-muted);--lt-line:var(--paper-line);--lt-selected:var(--paper-soft)}
body.paper-site .lime-brand svg{width:28px;height:28px;flex:none}
body.paper-site .lime-menu-button{display:none!important}
html[data-theme] body.paper-site .site-header .lime-navlinks{position:static;opacity:1;visibility:visible;transform:none;border:0;background:none;box-shadow:none;width:auto;max-height:none;overflow:visible}
body.paper-site .lime-navlinks summary svg{width:12px;height:12px}
body.paper-site .site-header .header-cta{display:none!important}
body.paper-site .site-header .site-nav__actions{gap:10px}
html[data-theme] body.paper-site .lime-footer{background:var(--paper-bg);color:var(--paper-muted);border-top:1px solid var(--paper-line);padding-block:45px 0;margin-top:40px}
body.paper-site .lime-footer .lime-wrap{width:min(1360px,calc(100% - 40px));margin:auto}
body.paper-site .lime-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
body.paper-site .lime-footer-grid>div{display:flex;flex-direction:column;gap:8px}
body.paper-site .lime-footer :is(p,a){font-size:12px;color:var(--paper-muted);line-height:1.8}
body.paper-site .lime-footer h3{font-size:12px;color:var(--paper-ink)}
body.paper-site .lime-footer .lime-brand{display:flex;align-items:center;font-size:18px;color:var(--paper-ink);gap:10px}
body.paper-site .lime-footer-bottom{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--paper-line);padding-block:22px;margin-top:32px}
body.paper-home .paper-extras{padding-bottom:80px}
body.paper-home .hp-extra-heading{margin-bottom:25px}
body.paper-home .hp-extra-heading h3{font-size:28px;font-weight:550;letter-spacing:-1px}
body.paper-home .hp-extra-heading p{font-size:14px;color:var(--paper-muted);margin-top:8px}
body.paper-home .hp-tools-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.paper-home .hp-tool{display:block;background:var(--paper-panel);border:1px solid var(--paper-line);border-radius:28px;overflow:hidden}
body.paper-home .hp-tool-art{height:190px;background:#f0f2f5}
body.paper-home .hp-tool-art img{width:100%;height:100%;object-fit:contain}
body.paper-home .hp-tool-copy{padding:24px}
body.paper-home .hp-index{font-size:9px;color:var(--paper-muted);letter-spacing:1px}
body.paper-home .hp-tool h3{font-size:24px;letter-spacing:-.7px;margin-block:12px;color:var(--paper-ink)}
body.paper-home .hp-tool p{font-size:14px;color:var(--paper-muted);line-height:1.7}
body.paper-home .hp-card-link{display:block;margin-top:20px;font-size:12px;color:var(--paper-accent)}
@media(max-width:700px){html[data-theme] body.paper-site .site-header .site-nav{grid-template-columns:1fr auto!important}body.paper-site .site-nav__actions{gap:5px!important}body.paper-site .palette-switch{gap:2px;padding:2px}body.paper-site .palette-switch button{width:25px;height:25px}html[data-theme] body.paper-site .site-header .lime-brand{font-size:15px;gap:6px}body.paper-site .lime-footer-grid{grid-template-columns:1fr 1fr;gap:26px}body.paper-site .lime-footer-bottom{display:block}body.paper-site .lime-footer-bottom span{display:block}body.paper-home .hp-tools-secondary{grid-template-columns:1fr}body.paper-home .paper-extras{padding-bottom:50px}}
}
@media screen {
html[data-palette=green] body.paper-home{--blue:#496b25}
html[data-palette=green] body.paper-home .primary:hover{background:#3c5a1e}
@media(max-width:700px){html[data-theme] body.paper-site .site-header .lime-navlinks>a,html[data-theme] body.paper-site .site-header .lime-navlinks summary{font-size:11px;line-height:1.5;padding:9px 4px}html[data-theme] body.paper-site .site-header .lime-navlinks{gap:0}}
}
/* Accessible action pairs, shared by all skins and independent of artwork. */
:root{--paper-button-bg:#0071e3;--paper-button-ink:#fff;--paper-button-hover:#0064ca}
:root[data-theme=dark]{--paper-button-bg:#79b6ff;--paper-button-ink:#10243e;--paper-button-hover:#9ac9ff}
:root[data-palette=green]{--paper-button-bg:#496b25;--paper-button-ink:#fff;--paper-button-hover:#3c5a1e}
:root[data-palette=green][data-theme=dark]{--paper-button-bg:#b9df87;--paper-button-ink:#1d2b14;--paper-button-hover:#cceba7}
@media screen {
body.paper-site .skip{background:var(--paper-panel);color:var(--paper-ink)}
html[data-theme] body.paper-home .primary{background:var(--paper-button-bg);color:var(--paper-button-ink)}
html[data-theme] body.paper-home .primary:hover{background:var(--paper-button-hover)}
html[data-theme] body.paper-site .site-header :is(.lime-navlinks,.seo-header-menu)>a[aria-current=page]{box-shadow:none;background:var(--paper-soft);color:var(--paper-accent)}
html[data-theme] body.paper-site .site-header .lime-navlinks summary{color:var(--paper-ink)}
html[data-theme] body.paper-site .lime-dropdown{background:var(--paper-panel);border-color:var(--paper-line);color:var(--paper-ink)}
html[data-theme] body.paper-site .lime-dropdown a{color:var(--paper-ink)}
html[data-theme] body.paper-site .lime-dropdown a:hover{background:var(--paper-soft);color:var(--paper-accent)}
}
@media screen {
body.paper-home .float-chip small{color:#596170}
body.paper-home .scene-bottom button{background:#fff;color:#596170}
body.paper-home .scene-bottom button:hover{background:#f1f4f8}
body.paper-home .primary{transition:transform .2s,box-shadow .2s}
}
@media screen and (max-width:850px){
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-navlinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:7px 0 0;gap:0;width:100%;position:static}
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-navlinks>a,
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-navlinks summary{font-size:11px;line-height:1.5;padding:9px 4px;min-height:36px;white-space:nowrap}
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-navlinks details{position:relative;flex:none}
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-dropdown{position:absolute;top:100%;left:auto;right:0;width:210px;max-width:calc(100vw - 40px);display:grid;grid-template-columns:1fr;background:var(--paper-panel);border:1px solid var(--paper-line);box-shadow:0 12px 30px #0003;border-radius:14px;z-index:40}
html[data-theme] body.paper-site.paper-site.lime-site .site-header .lime-dropdown a{font-size:13px;padding:10px 12px}
}
