/* Reference-board skin. Only home and desktop search change layout. */
.inspiration-mosaic{display:none}
.preview-inspiration{background:#f5f6f8}.preview-inspiration i{background:linear-gradient(140deg,#f4b6d4,#a2cbc6);inset:20px 10px 12px 35%}.preview-inspiration b{background:#ec087b}
html[data-pt-style="inspiration"] body{--ac-bg:#f5f6f8;--ac-ink:#222532;--ac-line:#e9ebef;--ac-accent:#ec087b;background:#f5f6f8!important;color:#222532}
html[data-pt-style="inspiration"] body #nav{box-shadow:none!important;border:1px solid #edf0f3!important;background:#fff!important}
html[data-pt-style="inspiration"] body #nav .brand{color:#ed087c;letter-spacing:-1px}
html[data-pt-style="inspiration"] body #nav .navbtn{font-weight:650;border-radius:12px!important;text-shadow:none!important}
html[data-pt-style="inspiration"] body #nav .navbtn.active{background:#fce7f2!important;color:#e60076!important;box-shadow:none!important}
html[data-pt-style="inspiration"] body :is(.page-header,.personal-page-hero,.ranking-hero,.mini-apps-hero,.rq-list-hero,.rq-detail-hero,.rq-picker-hero,.upload-banner){background:#fff!important;color:#222532!important;box-shadow:none;border-color:#edf0f3}
html[data-pt-style="inspiration"] body .page-header h1::first-letter{color:inherit}
html[data-pt-style="inspiration"] body :is(.page-kicker,.section-kicker,.rq-kicker){color:#9a9daa}
html[data-pt-style="inspiration"] body :is(.section-card,.settings-card,.gallery-section,.maintenance-menu-card,.mini-app-card,.rq-queue-card){border-color:#edf0f3;box-shadow:none!important;border-radius:16px}
html[data-pt-style="inspiration"] body :is(.btn,.rq-primary-button,.rq-secondary-button,.ca-button,.ptd-button,.creator-studio-action){border-radius:999px!important;box-shadow:none!important;font-weight:650}
html[data-pt-style="inspiration"] body :is(.btn-dark,.btn-pink,.rq-primary-button,.ca-primary,.ptd-primary,.creator-studio-action-primary){background:#ed087c!important;border-color:#ed087c!important;color:#fff!important}
html[data-pt-style="inspiration"] body :is(.btn-ghost,.rq-secondary-button,.ca-secondary){background:#f2f3f6!important;color:#505664!important;border-color:transparent!important}
html[data-pt-style="inspiration"] body :is(.btn-danger,.rq-danger-button,.ca-danger){background:#be3e50!important;color:#fff!important;border-color:#be3e50!important}
html[data-pt-style="inspiration"] body :is(.hero-actions a[href="/upload"],.quick-card[href="/upload"]){background:#a4e698!important;color:#183422!important;border-color:#a4e698!important}
html[data-pt-style="inspiration"] body :is(button,a,input,select,textarea):focus-visible{outline-color:#e40879}
html[data-pt-style="inspiration"] body :is(.ranking-period-tabs,.creator-tabs,.auth-mode-tabs,.cl-tabs) :is(.active,[aria-selected=true]){background:#fce4f0;color:#e20874}
/* Existing homepage content becomes an inspiration panel with a utility column. */
html[data-pt-style="inspiration"] body[data-page="home"]:has(> #nav)>main{max-width:none!important;padding:24px!important;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
html[data-pt-style="inspiration"] body[data-page="home"] .page-header{grid-column:1/-1;padding:0;background:transparent!important;border:0;margin:0 0 6px;align-items:center}
html[data-pt-style="inspiration"] body[data-page="home"] .page-header h1{font-size:28px;font-weight:900}
html[data-pt-style="inspiration"] body[data-page="home"] main>.hero{grid-column:1;grid-row:2 / span 2;position:relative;isolation:isolate;min-height:590px;height:100%;padding:26px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#e6dae6,#bfd7d9);display:flex;align-items:flex-end}
html[data-pt-style="inspiration"] body[data-page="home"] .hero-art,html[data-pt-style="inspiration"] body[data-page="home"] .editorial-photo{display:none}
html[data-pt-style="inspiration"] body[data-page="home"] .inspiration-mosaic{display:grid;position:absolute;inset:0;z-index:-2;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;background:#f5f6f8}
html[data-pt-style="inspiration"] body[data-page="home"] .inspiration-mosaic img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;background:#e9ecef;border-radius:14px}
html[data-pt-style="inspiration"] body[data-page="home"] .inspiration-mosaic img:first-child{grid-row:1 / -1}
html[data-pt-style="inspiration"] body[data-page="home"] .inspiration-mosaic[data-count="1"]{grid-template-columns:1fr}
html[data-pt-style="inspiration"] body[data-page="home"] .inspiration-mosaic[data-count="2"] img{grid-row:1 / -1}
html[data-pt-style="inspiration"] body[data-page="home"] .hero:after{content:"";position:absolute;inset:48% 0 0;z-index:-1;background:linear-gradient(transparent,#171b29db);pointer-events:none}
html[data-pt-style="inspiration"] body[data-page="home"] .hero-copy{max-width:95%;position:relative;color:white;text-shadow:0 1px 8px #0005}
html[data-pt-style="inspiration"] body[data-page="home"] .hero h2{font-family:inherit;font-size:clamp(24px,2.5vw,36px);line-height:1.35;font-weight:800;letter-spacing:-.03em}
html[data-pt-style="inspiration"] body[data-page="home"] .hero p{color:#f3f3f6;font-size:14px;line-height:1.7;max-width:42em}
html[data-pt-style="inspiration"] body[data-page="home"] .hero-badge{color:white;background:transparent;border:0;padding:0;font-size:11px;letter-spacing:.15em}
html[data-pt-style="inspiration"] body[data-page="home"] .hero-actions{gap:12px;flex-wrap:wrap}
html[data-pt-style="inspiration"] body[data-page="home"] main>.section-card{grid-column:2;grid-row:2;padding:20px;margin:0;border:0}
html[data-pt-style="inspiration"] body[data-page="home"] .section-heading{padding:0 0 14px;margin:0 0 14px;border:0}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-grid{display:grid;grid-template-columns:1fr;gap:10px}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;min-height:72px;padding:12px;border-radius:12px;background:#f6f7f9;color:#303441;box-shadow:none;border:0}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-card strong{font-size:16px}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-card>span:last-child{grid-column:2;font-size:11px;color:#737987;line-height:1.5}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-no{grid-row:1 / span 2;position:static;font-size:13px;color:#e30978;align-self:center}
html[data-pt-style="inspiration"] body[data-page="home"] .stats-grid{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:18px 8px;background:#fff;border-radius:16px}
html[data-pt-style="inspiration"] body[data-page="home"] .stat-card{padding:8px 2px;background:transparent;border:0;box-shadow:none;text-align:center;min-width:0}
html[data-pt-style="inspiration"] body[data-page="home"] .stat-number{font-size:24px;color:#222532}
html[data-pt-style="inspiration"] body[data-page="home"] .stat-label{font-size:10px;color:#7c8190}
@media(min-width:761px){
html[data-pt-style="inspiration"] body[data-page="home"] #nav{position:fixed!important;top:0!important;left:0!important;bottom:0;width:200px!important;height:100dvh!important;margin:0!important;padding:24px 14px!important;border-radius:0!important;display:flex;flex-direction:column;align-items:stretch;gap:10px}
html[data-pt-style="inspiration"] body[data-page="home"] #nav .brand{margin:0 0 24px;font-size:25px}
html[data-pt-style="inspiration"] body[data-page="home"] #nav .brand-mark{display:none}
html[data-pt-style="inspiration"] body[data-page="home"] #nav .nav-section{display:flex;flex-direction:column;flex:0 0 auto;align-items:stretch;gap:8px}
html[data-pt-style="inspiration"] body[data-page="home"] #nav .navbtn{width:100%!important;min-height:44px;padding:12px 14px;font-size:14px;gap:12px}
html[data-pt-style="inspiration"] body[data-page="home"] #nav .nav-footer{margin-top:auto;display:block;padding:0}
html[data-pt-style="inspiration"] body[data-page="home"]:has(> #nav)>main{margin-left:200px!important;width:calc(100% - 200px)!important}
}
/* Desktop search: reuse the live tag tree in a scrollable left rail. */
@media(min-width:1200px){
html[data-pt-style="inspiration"] body[data-page="search"]:has(> #nav)>main{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:16px;padding:20px!important;align-items:start}
html[data-pt-style="inspiration"] body[data-page="search"] main>.page-header{grid-column:1/-1;margin:0;padding:0;background:transparent!important}
html[data-pt-style="inspiration"] body[data-page="search"] main>.search-hero{grid-column:2;grid-row:2;margin:0;min-height:100px;padding:18px 190px 18px 18px;border-radius:16px;background:white;color:#222532;box-shadow:none}
html[data-pt-style="inspiration"] body[data-page="search"] .search-hero h2{font-family:inherit;font-size:28px;color:#222532;line-height:1.3}
html[data-pt-style="inspiration"] body[data-page="search"] .search-hero p{font-size:12px;color:#818593;margin:6px 0 0}
html[data-pt-style="inspiration"] body[data-page="search"] :is(.search-hero-art,.search-hero-palette,.editorial-photo){display:none}
html[data-pt-style="inspiration"] body[data-page="search"] .ai-character-search-open{right:18px;bottom:18px;border-radius:999px;background:#fce6f1;color:#dc0672;border:0;box-shadow:none}
html[data-pt-style="inspiration"] body[data-page="search"] main>#selected{grid-column:2;grid-row:3;margin:0}
html[data-pt-style="inspiration"] body[data-page="search"] main>#gallerySection{grid-column:2;grid-row:4;min-width:0;margin:0;padding:16px;background:transparent;border:0}
html[data-pt-style="inspiration"] body[data-page="search"] main>#tagBrowser{grid-column:1;grid-row:2 / span 3;position:sticky;top:110px;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;min-width:0;padding:18px 14px;background:#fff;border:0;border-radius:16px;box-shadow:none}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .tagbranch{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0 0 20px!important;margin:0 0 18px!important;border:0!important;border-bottom:1px solid #eef0f4!important;background:transparent!important;min-width:0}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .rootcell{width:auto!important;min-width:0!important;border:0!important;padding:0!important;background:transparent!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .levels{min-width:0!important;padding:0!important;border:0!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .taglevel{display:flex;flex-wrap:wrap;gap:6px;min-width:0;padding:0!important;margin:0 0 8px!important;border:0!important;background:transparent!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;background:#f0f2f5!important;color:#646a78!important;border:0!important;box-shadow:none!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .category-chip{background:transparent!important;color:#282c39!important;font-size:15px!important;font-weight:800;padding:0!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .activechip{background:#ed087c!important;color:white!important}
}
@media(min-width:761px) and (max-width:1100px){
html[data-pt-style="inspiration"] body[data-page="home"]:has(> #nav)>main{grid-template-columns:minmax(0,1fr) 240px;gap:12px;padding:18px!important}
html[data-pt-style="inspiration"] body[data-page="home"] main>.hero{min-height:540px;padding:20px}
}
@media(max-width:760px){
html[data-pt-style="inspiration"] body[data-page="home"]:has(> #nav)>main{display:flex;flex-direction:column;padding:16px!important;gap:16px}
html[data-pt-style="inspiration"] body[data-page="home"] main>:is(.page-header,.hero,.stats-grid,.section-card){width:100%}
html[data-pt-style="inspiration"] body[data-page="home"] main>.hero{min-height:440px;padding:20px}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-card{grid-template-columns:1fr;padding:14px;gap:6px}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-card>span:last-child{grid-column:auto}
html[data-pt-style="inspiration"] body[data-page="home"] .quick-no{grid-row:auto}
}

@media(min-width:1200px){
html[data-pt-style="inspiration"] body[data-page="search"] main>#tagBrowser{columns:auto 1!important;column-count:1!important;column-gap:0!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .rootcell{justify-content:flex-start;align-items:center}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser :is(.tagbranch,.rootcell,.levels,.taglevel)::before,html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser :is(.tagbranch,.rootcell,.levels,.taglevel)::after{display:none!important}
html[data-pt-style="inspiration"] body[data-page="search"] #tagBrowser .activechip{outline:0!important}
}

html[data-pt-style="inspiration"] body[data-page="home"] .hero::before{display:none}
html[data-pt-style="inspiration"] body[data-page="home"] .page-header h1::before{content:"INSPIRATION!";display:inline-block;margin-right:16px;font-weight:900;color:#20232c;font-size:1em}
@media(min-width:761px){
html[data-pt-style="inspiration"] body[data-page="home"] #nav[data-height-fit="true"]{height:var(--sidebar-height,100dvh)!important;top:var(--sidebar-top,0px)!important;padding-top:calc(var(--sidebar-space) + env(safe-area-inset-top,0px))!important;padding-bottom:calc(var(--sidebar-space) + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:760px){html[data-pt-style="inspiration"] body[data-page="home"] .page-header h1::before{font-size:18px;margin-right:8px}}