/* Original design studies. No third-party styles, fonts or assets are loaded. */
.template-switcher{border-top:1px solid var(--line);margin-top:24px;padding:18px 24px 0;color:var(--fg);font:13px/1.5 Geist,Arial,sans-serif}
.template-switcher-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.template-switcher label{font-weight:600}.template-switcher select{min-width:180px;max-width:100%;padding:8px 12px;font-size:14px;min-height:40px}
.template-switcher button{width:38px;height:38px;padding:4px}.template-switcher a{margin-left:8px}.template-switcher #template-description{color:var(--muted);font-size:12px;margin-left:8px}
.template-rail{display:none}.template-free-note{font-size:13px!important;color:var(--accent,var(--muted))!important;margin-bottom:22px!important;font-weight:500}
html:where([data-template]:not([data-template="1"])){--accent:#3055c8;--accent-text:#fff;--tint:#eff3ff;--panel:#fff;--page:#f8f9fc;--curve:14px;--twidth:1180px;--bg:var(--panel);--subtle:var(--page);--hover:var(--tint);--line:#e3e5eb;--strong-line:#c5c9d3;--fg:#20242c;--muted:#5d6370;--blue:var(--accent)}
html:where([data-template]:not([data-template="1"])) body{background:var(--page)}
html:where([data-template]:not([data-template="1"])) .container{max-width:var(--twidth)}
html:where([data-template]:not([data-template="1"])) .header{background:var(--panel);border-bottom:1px solid var(--line)}
html:where([data-template]:not([data-template="1"])) .header-inner{height:76px}
html:where([data-template]:not([data-template="1"])) .brand{font-size:21px;letter-spacing:-.7px}
html:where([data-template]:not([data-template="1"])) .brand-symbol{color:var(--accent)}
html:where([data-template]:not([data-template="1"])) .hero{max-width:880px;padding:60px 0 42px}
html:where([data-template]:not([data-template="1"])) .hero h1{font-size:clamp(38px,4.5vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:600}
html:where([data-template]:not([data-template="1"])) .hero h1 span{color:var(--accent)}
html:where([data-template]:not([data-template="1"])) .hero>p:not(.template-free-note){font-size:17px;line-height:1.6;max-width:640px}
html:where([data-template]:not([data-template="1"])) .search{background:var(--panel);border:1px solid var(--strong-line);box-shadow:0 3px 12px #15234a06;border-radius:var(--curve);font-size:16px}
html:where([data-template]:not([data-template="1"])) :is(.home-category-grid,.tool-grid){gap:12px;border:0;border-radius:0;overflow:visible}
html:where([data-template]:not([data-template="1"])) :is(.home-category-card,.tool-card,.category-card){background:var(--panel);border:1px solid var(--line);border-radius:var(--curve);transition:none;box-shadow:none}
html:where([data-template]:not([data-template="1"])) :is(.home-category-card,.tool-card,.category-card):hover{border-color:var(--accent);background:var(--tint)}
html:where([data-template]:not([data-template="1"])) .home-category-card{padding:20px;min-height:92px}
html:where([data-template]:not([data-template="1"])) .card-icon{background:var(--tint);color:var(--accent);border-radius:9px;padding:8px;width:40px;height:40px}
html:where([data-template]:not([data-template="1"])) .tool-card{padding:22px;min-height:155px}
html:where([data-template]:not([data-template="1"])) .tool-card .symbol{color:var(--accent);font-size:20px;margin-bottom:16px}
html:where([data-template]:not([data-template="1"])) :is(.workspace,.runtime-workspace){background:var(--panel);border:1px solid var(--line);border-radius:var(--curve);box-shadow:0 5px 24px #162b4a04}
html:where([data-template]:not([data-template="1"])) .upload-zone{background:var(--tint);border:1.5px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:calc(var(--curve) - 4px);padding:48px 24px}
html:where([data-template]:not([data-template="1"])) .upload-zone.is-compact{padding:16px 20px}
html:where([data-template]:not([data-template="1"])) .upload-symbol{color:var(--accent);background:var(--panel);border-color:var(--line);border-radius:12px;width:48px;height:48px}
html:where([data-template]:not([data-template="1"])) :is(.upload-pick,.primary,[id="rt-run"]){background:var(--accent);color:var(--accent-text);border-color:var(--accent);border-radius:8px}
html:where([data-template]:not([data-template="1"])) :is(.upload-pick,.primary,[id="rt-run"]):hover{filter:brightness(.92)}
html:where([data-template]:not([data-template="1"])) .upload-help,html:where([data-template]:not([data-template="1"])) .upload-privacy{color:var(--muted)}
html:where([data-template]:not([data-template="1"])) .workspace textarea,html:where([data-template]:not([data-template="1"])) .runtime-workspace textarea{background:var(--page);border:1px solid var(--line)}
html:where([data-template]:not([data-template="1"])) :is(.usage-guide,.seo-content,.details){margin-top:32px;padding-top:24px}
html:where([data-template]:not([data-template="1"])) .usage-guide ol{padding-left:23px}
html:where([data-template]:not([data-template="1"])) .usage-guide li::marker{color:var(--accent);font-weight:600}
html:where([data-template]:not([data-template="1"])) .footer{background:var(--panel);margin-top:32px}
html:where([data-template]:not([data-template="1"])) .menu{border-radius:var(--curve);background:var(--panel)}
html:where([data-template]:not([data-template="1"])) .breadcrumbs{margin-top:28px}
/* 2 Harbor: broad, blue action surface and centered flow. */
html[data-template="2"]{--accent:#3055c8;--tint:#eef2ff;--page:#fbfcff;--curve:18px;--twidth:1120px}
html[data-template="2"] .hero{margin:auto;text-align:center;padding-top:68px}
html[data-template="2"] .hero :is(p,.search-wrap){margin-left:auto;margin-right:auto}
html[data-template="2"] body[data-page-type="tool"] main>:is(.page-title,.page-desc){text-align:center;margin-left:auto;margin-right:auto}
html[data-template="2"] .upload-zone:not(.is-compact){background:var(--accent);border-color:var(--accent);color:#fff;min-height:260px;justify-content:center}
html[data-template="2"] .upload-zone:not(.is-compact) :is(.upload-title,.upload-subtitle){color:#fff}
html[data-template="2"] .upload-zone:not(.is-compact) .upload-pick{background:#fff;color:#2449b2}
html[data-template="2"] .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* 3 Toolbox: catalogue first, colour-coded families. */
html[data-template="3"]{--accent:#ac3734;--tint:#fff0ed;--page:#f7f7f9;--curve:12px;--twidth:1280px}
html[data-template="3"] .hero{margin:auto;text-align:center;max-width:850px;padding:42px 0 32px}
html[data-template="3"] .hero :is(p,.search-wrap){margin-left:auto;margin-right:auto}
html[data-template="3"] .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-template="3"] .home-category-card{min-height:120px;align-items:flex-start;flex-wrap:wrap;gap:12px}
html[data-template="3"] .home-category-card:nth-child(4n+1) .card-icon{background:#fcebe6;color:#a44228}
html[data-template="3"] .home-category-card:nth-child(4n+2) .card-icon{background:#edf4e3;color:#42682d}
html[data-template="3"] .home-category-card:nth-child(4n+3) .card-icon{background:#e7edfc;color:#375db2}
html[data-template="3"] .home-category-card:nth-child(4n) .card-icon{background:#f2e8f8;color:#81559c}
html[data-template="3"] .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* 4 Studio: split task description and work area. */
html[data-template="4"]{--accent:#aa3a32;--tint:#fff0e8;--page:#fcf8f5;--curve:20px;--twidth:1220px}
html[data-template="4"] .hero{border-bottom:1px solid var(--line);max-width:none;padding:64px 24px 44px}
html[data-template="4"] .hero h1{max-width:700px}
html[data-template="4"] .runtime-workspace{border:8px solid var(--tint);box-shadow:0 10px 30px #642d1708}
html[data-template="4"] .upload-zone{background:var(--panel);min-height:250px;justify-content:center}
html[data-template="4"] .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1000px){html[data-template="4"] body[data-page-type="tool"] main:has(>.runtime-workspace){display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);column-gap:36px;align-content:start}html[data-template="4"] body[data-page-type="tool"] main:has(>.runtime-workspace)>*{grid-column:1/-1}html[data-template="4"] body[data-page-type="tool"] main:has(>.runtime-workspace)>.page-title{grid-column:1;grid-row:2;align-self:end;margin-top:28px}html[data-template="4"] body[data-page-type="tool"] main:has(>.runtime-workspace)>.page-desc{grid-column:1;grid-row:3;align-self:start}html[data-template="4"] body[data-page-type="tool"] main:has(>.runtime-workspace)>.runtime-workspace{grid-column:2;grid-row:2/span 2;margin:0 0 28px}}
/* 5 Clear: narrow, single-task workspace and soft pill actions. */
html[data-template="5"]{--accent:#a33e2c;--tint:#fff4ef;--page:#faf9f7;--curve:24px;--twidth:1040px}
html[data-template="5"] .hero{margin:auto;text-align:center;max-width:750px}
html[data-template="5"] .hero :is(p,.search-wrap){margin-left:auto;margin-right:auto}
html[data-template="5"] body[data-page-type="tool"] main{max-width:940px}
html[data-template="5"] body[data-page-type="tool"] main>:is(.page-title,.page-desc){text-align:center;margin-left:auto;margin-right:auto}
html[data-template="5"] .upload-zone{background:var(--panel);border-color:#d6bdb5;min-height:290px;justify-content:center}
html[data-template="5"] .upload-pick{min-width:220px;border-radius:999px;padding:14px 28px}
html[data-template="5"] :is(#rt-run,.primary){border-radius:999px;padding-left:24px;padding-right:24px}
html[data-template="5"] .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* 6 Prism: coloured, precise modern components. */
html[data-template="6"]{--accent:#6840c6;--tint:#f0ebff;--page:#fcfbff;--curve:10px;--twidth:1200px}
html[data-template="6"] .header{border-top:3px solid var(--accent)}
html[data-template="6"] .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);column-gap:48px;max-width:none;align-items:center}
html[data-template="6"] .hero .template-free-note{grid-column:1/-1}
html[data-template="6"] .hero h1{grid-column:1;grid-row:2}
html[data-template="6"] .hero>p:not(.template-free-note){grid-column:1;grid-row:3;margin-bottom:0}
html[data-template="6"] .hero .search-wrap{grid-column:2;grid-row:2/span 2;align-self:center;width:100%}
html[data-template="6"] .search{border:1px solid #c6b5ef;box-shadow:0 0 0 5px var(--tint)}
html[data-template="6"] .home-category-card:nth-child(3n+2) .card-icon{color:#087168;background:#e5f5f0}
html[data-template="6"] .home-category-card:nth-child(3n) .card-icon{color:#9b561a;background:#fbefdf}
html[data-template="6"] .runtime-workspace{border-top:3px solid var(--accent)}
/* 7 Soft: layered, plum-tinted panels and generous controls. */
html[data-template="7"]{--accent:#7446a4;--tint:#f2eafa;--page:#f6f3f8;--curve:18px;--twidth:1160px}
html[data-template="7"] .hero{margin:32px 0 28px;padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:24px;max-width:none}
html[data-template="7"] .home-category-card{box-shadow:0 2px 5px #32204005;min-height:98px}
html[data-template="7"] .runtime-workspace{box-shadow:0 10px 32px #39214508;border-color:#e6ddec}
html[data-template="7"] .upload-zone{border-style:solid;background:var(--page)}
html[data-template="7"] :is(button,.upload-pick,.button-link){border-radius:10px}
/* 8 Edition: generous editorial proportions. */
html[data-template="8"]{--accent:#252525;--tint:#f0f0ed;--page:#fff;--curve:2px;--twidth:1320px}
html[data-template="8"] .header{border-bottom:0}
html[data-template="8"] .hero{max-width:none;padding:80px 0 56px}
html[data-template="8"] .hero h1{font-weight:500;font-size:clamp(42px,5.5vw,76px);max-width:850px;letter-spacing:-2.8px}
html[data-template="8"] .hero .search-wrap{max-width:740px;margin-top:32px}
html[data-template="8"] .home-category-card{border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 8px}
html[data-template="8"] .card-icon{background:none;padding:6px}
html[data-template="8"] .home-category-grid{gap:0 32px;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-template="8"] .tool-card{border:0;background:var(--subtle);border-radius:4px;padding:26px}
html[data-template="8"] .runtime-workspace{border:0;background:var(--subtle);padding:10px}
html[data-template="8"] .upload-zone{background:var(--panel);border-style:solid}
/* 9 Orbit and 10 Notebook share a real, keyboard-accessible category rail. */
html[data-template="9"]{--accent:#5059b8;--tint:#eceefa;--page:#f6f7fa;--curve:9px;--twidth:1240px}
html[data-template="9"] .hero{padding:38px 0 28px}
html[data-template="9"] .hero h1{font-size:42px;letter-spacing:-1.5px}
html[data-template="9"] .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-template="9"] .home-category-card{min-height:74px;padding:14px}
html[data-template="9"] .runtime-workspace{box-shadow:0 2px 5px #00000005}
html[data-template="9"] .header-inner{height:64px}
html[data-template="10"]{--accent:#376b57;--tint:#edf4ee;--page:#fff;--curve:6px;--twidth:1100px}
html[data-template="10"] .hero{padding-top:44px;padding-bottom:30px}
html[data-template="10"] .hero h1{font-size:46px;letter-spacing:-1.8px}
html[data-template="10"] .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
html[data-template="10"] .home-category-card{min-height:70px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px}
html[data-template="10"] .card-icon{background:none;width:30px;height:30px;padding:3px}
html[data-template="10"] .runtime-workspace{border:1px solid var(--line);box-shadow:none}
html[data-template="10"] .upload-zone{background:var(--page);border-color:var(--strong-line)}
html[data-template="10"] .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-template="10"] .tool-card{min-height:120px;border:0;border-bottom:1px solid var(--line);border-radius:0}
@media(min-width:1100px){html:is([data-template="9"],[data-template="10"]) body:has(#tools-menu){padding-left:216px}html:is([data-template="9"],[data-template="10"]) .template-rail:not([hidden]){display:flex;position:fixed;left:0;top:0;bottom:0;width:216px;overflow:auto;flex-direction:column;gap:2px;background:var(--panel);border-right:1px solid var(--line);padding:24px 12px;z-index:12}html:is([data-template="9"],[data-template="10"]) .template-rail>p{font-size:12px;color:var(--muted);padding:0 10px;margin:0 0 20px}html:is([data-template="9"],[data-template="10"]) .template-rail a{display:flex;gap:9px;align-items:center;border-radius:6px;padding:8px 10px;font-size:13px;color:var(--muted)}html:is([data-template="9"],[data-template="10"]) .template-rail a:hover,html:is([data-template="9"],[data-template="10"]) .template-rail a.is-current{background:var(--tint);color:var(--accent)}html:is([data-template="9"],[data-template="10"]) .template-rail .category-icon{width:22px;height:22px;font-size:12px;border:0;background:none}html:is([data-template="9"],[data-template="10"]) .template-rail .rail-note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}}
/* 11 Play: creative colour blocks with original, simple geometry. */
html[data-template="11"]{--accent:#623bad;--tint:#eee7ff;--page:#faf9f6;--curve:16px;--twidth:1220px}
html[data-template="11"] .hero{max-width:none;border-radius:24px;background:#eee8fb;padding:40px;margin:32px 0}
html[data-template="11"] .hero h1{font-size:clamp(42px,4.7vw,64px);max-width:700px;color:#24212a}
html[data-template="11"] .hero h1 span{color:#623bad}
html[data-template="11"] .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-template="11"] .home-category-card{min-height:130px;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;background:#f0eaf8;border-color:transparent}
html[data-template="11"] .home-category-card:nth-child(4n+2){background:#e9f2e8}
html[data-template="11"] .home-category-card:nth-child(4n+3){background:#f7e8de}
html[data-template="11"] .home-category-card:nth-child(4n){background:#e6edf8}
html[data-template="11"] .home-category-card .category-arrow{position:absolute;right:18px;top:18px}
html[data-template="11"] .card-icon{background:transparent;padding:0}
html[data-template="11"] .runtime-workspace{border:1px solid #cabbde;box-shadow:5px 5px 0 #e7ddf5}
html[data-template="11"] .upload-zone{background:#f2edf8;border-style:solid}
/* 12 Grid: geometric structure and sharp boundaries. */
html[data-template="12"]{--accent:#242424;--tint:#ededed;--page:#fff;--curve:0px;--twidth:1200px}
html[data-template="12"] body>main.container{border-left:1px solid var(--line);border-right:1px solid var(--line)}
html[data-template="12"] .hero{max-width:none;padding:64px 28px 48px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px}
html[data-template="12"] .hero h1,html[data-template="12"] .hero>p{background:var(--page);width:fit-content}
html[data-template="12"] :is(.home-category-grid,.tool-grid){gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
html[data-template="12"] :is(.home-category-card,.tool-card){border-top:0;border-left:0;border-radius:0}
html[data-template="12"] .card-icon{background:none;border-radius:0}
html[data-template="12"] .runtime-workspace{box-shadow:none;border-color:var(--strong-line)}
html[data-template="12"] :is(.upload-zone,.upload-pick,button,.search){border-radius:4px}
/* 13 Collection: an airy, modular resource collection. */
html[data-template="13"]{--accent:#3b665e;--tint:#eef4f0;--page:#fff;--curve:8px;--twidth:1240px}
html[data-template="13"] .hero{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:none;padding:54px 0}
html[data-template="13"] .hero .template-free-note{grid-column:1/-1}
html[data-template="13"] .hero h1{grid-column:1;grid-row:2/span 2;font-size:48px;max-width:520px}
html[data-template="13"] .hero>p:not(.template-free-note){grid-column:2;grid-row:2;align-self:end}
html[data-template="13"] .hero .search-wrap{grid-column:2;grid-row:3;width:100%}
html[data-template="13"] .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html[data-template="13"] .home-category-card{min-height:148px;flex-direction:column;justify-content:center;text-align:center;gap:18px;padding:24px;background:var(--panel)}
html[data-template="13"] .home-category-card .category-arrow{display:none}
html[data-template="13"] .card-icon{background:none}
html[data-template="13"] .tool-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-template="13"] .tool-card{padding:26px;min-height:180px}
html[data-template="13"] .runtime-workspace{border:1px solid var(--strong-line);box-shadow:none}
html[data-template-switching] *{transition:none!important}
/* All designs retain the existing light/dark preference. */
html.dark:where([data-template]:not([data-template="1"])){--panel:#17191e;--page:#101216;--tint:#242936;--fg:#f0f1f4;--muted:#b1b5c0;--line:#343842;--strong-line:#515968;--accent:#b8b8ff;--accent-text:#171329}
html.dark[data-template="2"]{--accent:#a8bbff;--accent-text:#142751}
html.dark[data-template="2"] .upload-zone:not(.is-compact){background:#243b83;border-color:#4865b0}
html.dark:is([data-template="3"],[data-template="4"],[data-template="5"]){--accent:#ffb4a4;--accent-text:#361f19}
html.dark:is([data-template="8"],[data-template="12"]){--accent:#e8e8e8;--accent-text:#181818}
html.dark:is([data-template="10"],[data-template="13"]){--accent:#9ed8ba;--accent-text:#13291d}
html.dark[data-template="11"] .hero,html.dark[data-template="11"] .upload-zone{background:#282137}
html.dark[data-template="11"] .hero h1,html.dark[data-template="11"] .hero h1 span{color:var(--fg)}
html.dark[data-template="11"] .home-category-card{background:#282137}
html.dark[data-template="11"] .home-category-card:nth-child(4n+2){background:#1e3026}
html.dark[data-template="11"] .home-category-card:nth-child(4n+3){background:#342821}
html.dark[data-template="11"] .home-category-card:nth-child(4n){background:#212b3e}
html.dark[data-template="11"] .runtime-workspace{box-shadow:5px 5px 0 #302640;border-color:#655177}
html.dark[data-template="7"] .runtime-workspace{border-color:var(--line)}
/* Responsive layouts and motion preferences apply equally to every study. */
@media(max-width:1000px){html[data-template]:not([data-template="1"]) :is(.home-category-grid,.tool-grid){grid-template-columns:repeat(3,minmax(0,1fr))}html:is([data-template="6"],[data-template="13"]) .hero{column-gap:24px}html[data-template="6"] .hero h1{font-size:40px}}
@media(max-width:700px){html[data-template]:not([data-template="1"]) .container{padding-left:20px;padding-right:20px}html[data-template]:not([data-template="1"]) .header-inner{height:68px}html[data-template]:not([data-template="1"]) .hero{display:block;padding:34px 0 26px;margin:0;max-width:100%;border-radius:0}html[data-template]:not([data-template="1"]) .hero h1{font-size:38px;letter-spacing:-1.3px}html[data-template]:not([data-template="1"]) .hero>p:not(.template-free-note){font-size:16px;margin-bottom:24px}html[data-template]:not([data-template="1"]) .hero .search-wrap{width:100%}html[data-template]:not([data-template="1"]) :is(.home-category-grid,.tool-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-template]:not([data-template="1"]) .home-category-card{padding:14px;min-height:96px}html[data-template]:not([data-template="1"]) .home-category-card h3{font-size:14px}html[data-template]:not([data-template="1"]) .tool-card{padding:16px;min-height:140px}html[data-template]:not([data-template="1"]) .upload-zone{padding:32px 16px;min-height:220px}html[data-template]:not([data-template="1"]) .upload-zone.is-compact{padding:14px;min-height:0}html[data-template="5"] .upload-pick{min-width:0;width:100%;max-width:260px}html:is([data-template="7"],[data-template="11"])[data-template] .hero{padding:28px 20px;margin:20px 0;border-radius:16px}html[data-template="12"] .hero{padding:32px 12px}html[data-template="12"] :is(.home-category-grid,.tool-grid){gap:0}.template-switcher{padding-left:16px;padding-right:16px}.template-switcher-inner{gap:8px}.template-switcher label{width:100%;text-align:center}.template-switcher #template-description{width:100%;text-align:center;margin:0}.template-switcher select{font-size:16px;min-width:170px}.template-switcher a{font-size:13px}}
@media(max-width:420px){html[data-template]:not([data-template="1"]) .home-category-card .category-arrow{display:none}html[data-template="3"] .home-category-card{flex-direction:column}html[data-template="10"] :is(.home-category-grid,.tool-grid){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-template] *{scroll-behavior:auto!important;transition:none!important}}
/* Standalone comparison page; no tool inputs are duplicated. */
.design-header{display:flex;justify-content:space-between;gap:24px;padding:28px 32px;border-bottom:1px solid var(--line);font-size:14px;background:var(--bg)}
.design-header>span{color:var(--muted)}.design-gallery{max-width:1240px;margin:0 auto;padding:60px 28px;width:100%}.design-eyebrow{font-size:13px;color:var(--muted);margin:0 0 16px}.design-gallery>h1{font-size:54px;letter-spacing:-2px;font-weight:600;margin:0 0 20px;line-height:1.15}.design-intro{max-width:740px;color:var(--muted);font-size:16px;line-height:1.7}.design-intro a{text-decoration:underline;color:var(--fg)}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}.design-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:18px;display:flex;flex-direction:column}.design-swatch{height:138px;border-radius:8px;background:color-mix(in srgb,var(--swatch) 8%,var(--bg));padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:var(--fg);border-top:4px solid var(--swatch)}.design-swatch>span{color:var(--muted);font-size:13px}.design-swatch b{font-size:26px;font-weight:500;letter-spacing:-.7px}.design-card h2{font-size:18px;margin:20px 0 8px}.design-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px;flex:1}.design-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.design-links a{font-size:13px;background:var(--subtle);border:1px solid var(--line);border-radius:6px;padding:7px 9px}.design-links a:hover{border-color:var(--fg)}.design-card small{font-size:12px;color:var(--muted)}.design-card small a{text-decoration:underline}.design-note{font-size:14px;line-height:1.7;color:var(--muted);margin-top:32px;max-width:820px}@media(max-width:850px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.design-header{padding:20px}.design-header>span{display:none}.design-gallery{padding:36px 20px}.design-gallery>h1{font-size:38px;letter-spacing:-1px}.design-grid{grid-template-columns:1fr}}

html[data-template]:not([data-template="1"]) #rt-downloads .button-link{background:var(--accent);color:var(--accent-text);border-radius:8px}
.design-thumbnail{display:block;aspect-ratio:1280/900;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--subtle)}.design-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
/* Keep the header menu inside the narrower content area beside a category rail. */
@media(min-width:1100px){html:is([data-template="9"],[data-template="10"]) #tools-menu{max-width:calc(100% - 32px)}}
html[data-template="19"]{--accent:#253044;--accent-text:#fff;--tint:#f3f5f7;--panel:#fff;--page:#fff;--fg:#202a37;--muted:#626f7e;--line:#e0e5eb;--strong-line:#bec7d1;--curve:6px;--twidth:1160px;--footnote-serif:Georgia,'Times New Roman',serif}
html[data-template="19"] .header{border:0}
html[data-template="19"] .header-inner{height:90px;border-bottom:1px solid var(--line);gap:24px}
html[data-template="19"] .brand{font:500 28px/1.2 var(--footnote-serif);letter-spacing:-1.1px;gap:0;position:relative}
html[data-template="19"] .brand-symbol{display:none}
html[data-template="19"] .brand::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--fg);align-self:flex-start;margin:3px 0 0 4px}
html[data-template="19"] .hero{display:block;max-width:760px;margin:0 auto;padding:62px 0 52px;text-align:center}
html[data-template="19"] .hero h1{font:500 40px/1.2 var(--footnote-serif);letter-spacing:-1px;margin:0 0 12px;color:var(--fg)}
html[data-template="19"] .hero>p:not(.template-free-note){margin:0 auto 28px;font-size:17px;line-height:1.5}
html[data-template="19"] .hero .search-wrap{max-width:600px;margin:0 auto;width:100%;text-align:left}
html[data-template="19"] .search{height:48px;border-radius:999px;box-shadow:none;background:var(--panel);font-size:15px}
html[data-template="19"] .search-wrap .search-icon{top:13px}
html[data-template="19"] .search-wrap>.key{top:12px;border:0;color:var(--muted)}
html[data-template="19"] :is(.page-title,.section-top h2,.usage-guide h2,.seo-content h2){font-family:var(--footnote-serif);font-weight:500;letter-spacing:-.3px}
html[data-template="19"] .page-title{font-size:32px;line-height:1.25}
html[data-template="19"] .page-desc{color:var(--muted);max-width:780px}
html[data-template="19"] :is(.home-category-grid,.tool-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border:0}
html[data-template="19"] .home-category-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 2px;min-height:66px;gap:12px}
html[data-template="19"] .home-category-card h3{font-size:14px;font-weight:500}
html[data-template="19"] .category-arrow{font-size:14px;color:var(--muted)}
html[data-template="19"] .card-icon{background:none;padding:0;color:var(--fg);width:24px;height:24px;border:0;flex-shrink:0}
html[data-template="19"] .card-icon svg{width:23px;height:23px}
html[data-template="19"] .tool-card{display:grid;grid-template-columns:26px minmax(0,1fr);align-content:start;column-gap:14px;min-height:0;padding:22px 4px;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
html[data-template="19"] .tool-card :is(h3,p){grid-column:2;margin:0}
html[data-template="19"] .tool-card h3{font-size:15px;line-height:1.45;font-weight:500}
html[data-template="19"] .tool-card p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}
html[data-template="19"] .tool-card .card-icon{grid-column:1;grid-row:1/span 2;margin:0}
html[data-template="19"] .tool-card:not(:has(.card-icon)){grid-template-columns:minmax(0,1fr)}
html[data-template="19"] .tool-card:not(:has(.card-icon)) :is(h3,p){grid-column:1}
html[data-template="19"] .tool-card>.arrow{display:none}
html[data-template="19"] :is(.home-category-card,.tool-card):hover{background:var(--tint);border-color:var(--line)}
html[data-template="19"] :is(.workspace,.runtime-workspace){box-shadow:none;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
html[data-template="19"] .upload-zone{background:var(--page);border:1px dashed var(--strong-line);border-radius:6px;padding:40px 24px}
html[data-template="19"] .upload-symbol{background:none;border:0;border-radius:0;color:var(--fg)}
html[data-template="19"] :is(button,.upload-pick,.button-link){box-shadow:none}
html[data-template="19"] :is(.usage-guide,.seo-content,.details){border-top:1px solid var(--line)}
html[data-template="19"] .footer{border-top:1px solid var(--line);margin-top:48px;background:var(--page)}
html[data-template="19"] .template-switcher{font-size:12px}
html.dark[data-template="19"]{--accent:#dce3eb;--accent-text:#17202a;--panel:#161a20;--page:#161a20;--fg:#e9edf2;--muted:#aab5c3;--line:#333e4a;--strong-line:#647182;--tint:#202832}
@media(max-width:800px){html[data-template="19"][data-template] :is(.home-category-grid,.tool-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}
@media(max-width:600px){html[data-template="19"][data-template] .header-inner{height:72px;gap:16px}html[data-template="19"] .brand{font-size:25px;white-space:nowrap}html[data-template="19"][data-template] .hero{padding:38px 0 32px;text-align:left}html[data-template="19"][data-template] .hero h1{font-size:30px;letter-spacing:-.5px}html[data-template="19"][data-template] .hero>p:not(.template-free-note){font-size:15px;margin-bottom:22px}html[data-template="19"] .search{font-size:16px}html[data-template="19"][data-template] :is(.home-category-grid,.tool-grid){grid-template-columns:1fr;gap:0}html[data-template="19"][data-template] .home-category-card{padding:16px 2px;min-height:56px}html[data-template="19"][data-template] .tool-card{padding:18px 2px;min-height:0}html[data-template="19"] .page-title{font-size:28px}html[data-template="19"][data-template] .upload-zone{padding:28px 16px}html[data-template="19"] .template-switcher #template-description{font-size:12px}}

/* Footnote starts with search, immediately followed by category navigation. */
html[data-template="19"][data-template] .hero{padding:36px 0 20px}
html[data-template="19"] .hero h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[data-template="19"] .hero>p{display:none}