/* Rich colour and real imagery around the work; readers keep publisher themes. */
body[data-workspace-polish]{--visual-accent:#ad5136;--visual-soft:#fae9dd;--visual-line:#e8cbb9}
body[data-workspace-polish][data-theme=money]{--visual-accent:#6550a0;--visual-soft:#eee6fa;--visual-line:#d5c6ed}
body[data-workspace-polish][data-theme=images]{--visual-accent:#285ba0;--visual-soft:#dfedfa;--visual-line:#b9d2ec}
body[data-workspace-polish][data-theme=internet]{--visual-accent:#146a60;--visual-soft:#dcf0e9;--visual-line:#b3d9cb}
body[data-workspace-polish][data-theme=writing]{--visual-accent:#9e4743;--visual-soft:#f8e5e0;--visual-line:#e8c4ba}
body[data-workspace-polish][data-theme=travel]{--visual-accent:#226e89;--visual-soft:#dff0f5;--visual-line:#b8d8e3}
body[data-workspace-polish][data-extra=menu],body[data-workspace-polish][data-extra=knitting]{--visual-accent:#235e4e;--visual-soft:#dff0e5;--visual-line:#b8d6c3}
body[data-workspace-polish][data-extra=qr],body[data-workspace-polish][data-extra=qr-sign-designer]{--visual-accent:#604395;--visual-soft:#eee4f8;--visual-line:#d3bfe8}
body[data-workspace-polish]{background:linear-gradient(145deg,var(--visual-soft),#f8fafb 44%);background-attachment:fixed}
body[data-workspace-polish] main>.toolintro{background:linear-gradient(120deg,#fff 8%,var(--visual-soft));border-color:var(--visual-line);border-radius:20px;border-top:3px solid var(--visual-accent)}
body[data-workspace-polish] main>.toolintro .back{color:var(--visual-accent)}
body[data-workspace-polish] main>.workspace{border-color:var(--visual-line);box-shadow:0 8px 32px #1e354008}
body[data-workspace-polish] .workspace>.sectionhead h2{color:var(--visual-accent)}
body[data-workspace-polish] .workspace>.tag,body[data-workspace-polish] .workspace .sectionhead .tag{background:var(--visual-soft);color:var(--visual-accent)}
body[data-workspace-polish] .workspace>form:not(#passwordform){background:color-mix(in srgb,var(--visual-soft) 52%,#fff);border-color:var(--visual-line)}
body[data-workspace-polish] main>.toolintro-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);align-items:center;gap:28px;padding:28px 32px}
body[data-workspace-polish] .toolintro-photo .toolintrocopy{min-width:0;max-width:none}
.tool-scene{position:relative;margin:0;min-width:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #25473818}
.tool-scene-photo{display:block;width:100%;height:190px;object-fit:cover;object-position:center}
body[data-workspace-polish][data-extra=flipbook] .tool-scene-photo,body[data-workspace-polish][data-extra=pdf-organiser] .tool-scene-photo{object-position:50% 24%;height:205px}
body[data-workspace-polish] .workspace-tabs{background:var(--visual-soft);border-color:var(--visual-line)}
body[data-workspace-polish] .workspace-tabs [aria-selected=true]{border-color:var(--visual-accent);color:var(--visual-accent);background:#fff}
body[data-workspace-polish] .qr-start-card:nth-child(1){background:#e1f1eb;border-color:#bdd9cd}
body[data-workspace-polish] .qr-start-card:nth-child(2){background:#ece5f8;border-color:#d0c0e6}
body[data-workspace-polish] .qr-start-card:nth-child(3){background:#fbecd9;border-color:#e8d1ae}
[data-action-tone=primary]{--action-bg:#205c50;--action-fg:#fff;--action-line:#205c50}
body[data-workspace-polish] [data-action-tone=primary]{--action-bg:var(--visual-accent);--action-fg:#fff;--action-line:var(--visual-accent)}
[data-action-tone=save]{--action-bg:#d6eddf;--action-fg:#205838;--action-line:#a8ceba}
[data-action-tone=download]{--action-bg:#dce9fa;--action-fg:#234f89;--action-line:#afc7e7}
[data-action-tone=share]{--action-bg:#d7eef0;--action-fg:#225d65;--action-line:#a8d0d5}
[data-action-tone=preview]{--action-bg:#ece0f7;--action-fg:#603584;--action-line:#cbb0e1}
[data-action-tone=upload]{--action-bg:#f8e7c9;--action-fg:#775019;--action-line:#dec397}
[data-action-tone=neutral]{--action-bg:#e1e9f1;--action-fg:#354e65;--action-line:#bacbdc}
/* Homepage: warm editorial hero, then four photographic tool cards. */
.examples-page>.vt-demos{max-width:1200px}
.examples-page .demo-intro{gap:38px;min-height:0;padding:42px;background:linear-gradient(125deg,#e1f1e8 5%,#f8ecd9 95%);border:1px solid #cee0d6;border-radius:28px;margin:22px 0 30px}
.examples-page .demo-hero-copy h1{font-size:clamp(2.5rem,4.8vw,4.5rem);letter-spacing:-.055em}
.examples-page .demo-hero-copy h1>span:last-child{color:#22664f}
.examples-page .demo-hero-art{height:440px;margin:0 0 12px 8px}
.examples-page .demo-hero-photo-caption{top:26px;left:24px}
.examples-page .demo-hero-photo-caption strong{font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.12}
.examples-page .demo-hero-photo{filter:brightness(.91);border-radius:75px 18px 18px 18px}
.examples-page .demo-hero-magazine{left:-20px;bottom:-18px;box-shadow:8px 16px 28px #112d372c}
.demo-knit-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.examples-page .demo-hero-stamp{background:#aa563a;box-shadow:0 4px 15px #8f422525}
.examples-page .demo-jump{gap:16px;margin:0 0 58px}
.examples-page .demo-jump>a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:start;gap:12px;padding:16px;border-radius:18px;box-shadow:0 5px 22px #1e354009}
.demo-jump-photo{grid-column:1/-1;display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:7px}
.examples-page .demo-jump>a:first-child{background:#e2f0e6;border-color:#bbd8c5}
.examples-page .demo-jump>a.demo-jump-book{background:#fae9d8!important;border-color:#e8cbaa!important}
.examples-page .demo-jump>a.demo-jump-knit{background:#e8ede2!important;border-color:#c5d3b6!important}
.examples-page .demo-jump>a.demo-jump-qr{background:#ede4f6!important;border-color:#d3bfe6!important}
.examples-page .demo-jump-copy strong{font-size:15px;color:#183b3b}
.examples-page .demo-jump-copy small{font-size:12px;line-height:1.55;color:#41574f}
.examples-page .demo-jump-number{font-size:25px;color:#516e5a}
.examples-page .demo-section{border:1px solid #bdd8c8;background:linear-gradient(135deg,#e2efe5,#f7fbf7);box-shadow:0 10px 34px #264b3510}
.examples-page #flipbook.demo-section{border-color:#e6c9ad;background:linear-gradient(135deg,#f7e5d3,#fcf7ed)}
.examples-page #knitting.demo-section{border-color:#c5d7be;background:linear-gradient(135deg,#e4eedc,#f8faf5)}
.examples-page #editable-qr.demo-section{border-color:#d3c0e4;background:linear-gradient(135deg,#eee3f7,#faf6fe)}
/* Each product gets its own restrained, recognisable colour identity. */
.product-page{--product-accent:#23664e;--product-soft:#deefe3}
.product-page[data-product=flipbook]{--product-accent:#9a5230;--product-soft:#fae8d5}
.product-page[data-product=knitting]{--product-accent:#536b38;--product-soft:#e6eedc}
.product-page[data-product=qr]{--product-accent:#67419a;--product-soft:#eee1f9}
.product-page .product-hero{background:linear-gradient(130deg,var(--product-soft),#fff 98%);border-color:color-mix(in srgb,var(--product-accent) 25%,#fff);box-shadow:0 12px 35px #19383e08}
.product-page .product-eyebrow{color:var(--product-accent)!important}
.product-page .product-benefits{gap:18px;margin-bottom:42px}
.product-page .product-benefits article{padding:24px;border:1px solid color-mix(in srgb,var(--product-accent) 25%,#fff);border-radius:16px;background:var(--product-soft)}
.product-page .product-benefit-number{color:var(--product-accent)}
.product-page .product-section-nav a{background:var(--product-soft);color:var(--product-accent);border:1px solid transparent;border-radius:9px}
.product-photo-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;margin:45px 0 64px;background:#fff;border:1px solid #dce4df;border-radius:24px;overflow:hidden}
.product-photo-story figure{position:relative;margin:0;min-width:0}
.product-lifestyle-photo{display:block;width:100%;height:330px;object-fit:cover}
.product-page[data-product=flipbook] .product-lifestyle-photo{object-position:50% 20%;height:360px}
.product-photo-story figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:7px 11px;border:1px solid #ffffff70;border-radius:7px;background:#183b35e8;color:#fff;font-size:12px;line-height:1.5}
.product-photo-story>div{min-width:0;padding:24px 38px 24px 0}
.product-photo-story h2{font-family:Georgia,serif;font-size:clamp(1.9rem,3vw,2.65rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:18px 0}
.product-photo-story p{font-size:16px;line-height:1.75;margin:0}
.product-photo-line{display:block;width:54px;height:3px;background:var(--product-accent)}
.product-page .product-saved,.product-page .product-final{border:1px solid color-mix(in srgb,var(--product-accent) 24%,#fff);background:var(--product-soft)}
.product-page .product-demo .demo-section{background:linear-gradient(145deg,var(--product-soft),#fff);border-color:color-mix(in srgb,var(--product-accent) 24%,#fff)}
/* Directory photos respect the administrator's illustration preference. */
.tool-card-photo{display:none}
html:not([data-homepage-illustrations=off]) .homecard[data-photo] .cardtop{height:170px;padding:0;overflow:hidden}
html:not([data-homepage-illustrations=off]) .homecard[data-photo] .tool-card-photo{display:block;width:100%;height:100%;object-fit:cover}
html:not([data-homepage-illustrations=off]) .homecard[data-photo] .cardtop>:is(.tileicon,.tool-illustration){display:none}
html:not([data-homepage-illustrations=off]) .homecard[data-photo] .cardtop:after{display:none}
html:not([data-homepage-illustrations=off]) .homecard[data-photo] .cardarrow{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffec;color:#173c3b}
.homecard[data-category=money]{--cardaccent:#66529e;--cardsoft:#eae2f6}
.homecard[data-category=images]{--cardaccent:#315fa0;--cardsoft:#e0ecfa}
.homecard[data-category=internet]{--cardaccent:#1e7461;--cardsoft:#ddf0e6}
.homecard[data-category=writing]{--cardaccent:#9b5340;--cardsoft:#f6e2d8}
.homecard[data-category=everyday]{--cardaccent:#9d6430;--cardsoft:#f7ebd6}
.homecard[data-category=travel]{--cardaccent:#2c7590;--cardsoft:#deeff4}
.homecard{border-color:color-mix(in srgb,var(--cardaccent) 24%,#fff)}
.homecard>.category{color:var(--cardaccent);font-weight:750}
@media(max-width:1000px){.examples-page .demo-intro{padding:30px;gap:24px}.examples-page .demo-hero-art{height:385px}.product-photo-story{gap:25px}.product-photo-story>div{padding-right:25px}}
@media(max-width:800px){.examples-page .demo-intro{grid-template-columns:1fr;padding:28px}.examples-page .demo-hero-art{height:430px;width:min(100%,500px);margin:22px auto 20px}.examples-page .demo-hero-magazine{left:0}.examples-page .demo-hero-stamp{right:0}.product-photo-story{grid-template-columns:1fr;gap:0}.product-photo-story>div{padding:28px}.product-lifestyle-photo,.product-page[data-product=flipbook] .product-lifestyle-photo{height:320px}body[data-workspace-polish] main>.toolintro-photo{grid-template-columns:1fr;gap:22px}.tool-scene-photo{height:200px}.examples-page .demo-jump-photo{height:160px}}
@media(max-width:600px){.examples-page .demo-intro{padding:24px 20px;border-radius:20px}.examples-page .demo-hero-art{height:350px;margin-top:14px}.examples-page .demo-hero-copy h1{font-size:clamp(2.4rem,10vw,3.3rem)}.examples-page .demo-hero-description{font-size:16px}.examples-page .demo-jump{grid-template-columns:1fr 1fr;gap:12px}.examples-page .demo-jump>a{padding:12px;grid-template-columns:1fr 18px;gap:8px}.examples-page .demo-jump-number{display:none}.demo-jump-photo{height:120px!important}.examples-page .demo-jump-copy strong{font-size:14px}.examples-page .demo-jump-copy small{font-size:12px}.product-page .product-benefits article{padding:22px}.product-photo-story{border-radius:18px;margin:32px 0 42px}.product-photo-story>div{padding:24px}.product-lifestyle-photo,.product-page[data-product=flipbook] .product-lifestyle-photo{height:250px}.product-photo-story h2{font-size:2rem}body[data-workspace-polish] main>.toolintro-photo{padding:24px 20px}.tool-scene-photo{height:175px}html:not([data-homepage-illustrations=off]) .homecard[data-photo] .cardtop{height:145px}}
@media(max-width:360px){.examples-page .demo-jump{grid-template-columns:1fr}.examples-page .demo-hero-art{height:300px}}
@media print{.tool-scene,.product-photo-story,.demo-jump-photo{display:none}body[data-workspace-polish]{background:#fff!important}}
.product-page .product-primary[data-action-tone]{--action-bg:var(--product-accent);--action-fg:#fff;--action-line:var(--product-accent)}

/* Preserve the complete reader preview instead of cropping a publication cover. */
.examples-page .demo-jump-book .demo-jump-photo{object-fit:contain;background:#38291f}

/* Five genuine editorial examples: quiet cover shelves with one clear selection. */
.magazine-samples{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:28px 0}
.magazine-samples .magazine-sample{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;padding:12px;background:#faf7ef;color:#23332f;border:1px solid #d9d3c7;border-radius:13px;box-shadow:none;white-space:normal;font-size:12px;line-height:1.45;cursor:pointer}
.magazine-samples .magazine-sample img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:5px;box-shadow:0 5px 14px #23332f20}
.magazine-samples .magazine-sample-title{font:600 16px Georgia,serif;letter-spacing:.03em}
.magazine-samples .magazine-sample[aria-pressed=true]{background:#f6e6d5;border-color:#9d432b;outline:2px solid #9d432b;outline-offset:2px}
.magazine-samples .magazine-sample:hover{background:#f3eadf}.magazine-samples .magazine-sample:focus-visible{outline:3px solid #285ba0;outline-offset:3px}
.magazine-samples .button-icon{display:none}
@media(max-width:650px){.magazine-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.magazine-samples .magazine-sample{padding:9px;font-size:11px}.magazine-samples .magazine-sample-title{font-size:13px}}
@media print{.magazine-samples{display:none}}
