:root{--forge-blue:#264aff}input{font:inherit}button:disabled{opacity:.4;cursor:default}.home-button{text-align:left;color:inherit;background:0 0;border:0;padding:0}.gallery-header{gap:22px;height:88px;padding:14px 26px}.brand-mark{border-radius:9px}.standalone{white-space:nowrap}#sections{gap:4px;margin-left:auto;display:flex}#sections button{color:#66768e;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:10px 11px;font-size:11px}#sections button.active{color:#264aff;background:#eef2ff;font-weight:600}.gallery-layout{grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 88px)}.library>.eyebrow{color:#264aff;margin:0 0 22px;font-size:11px}.library input{color:#173454;background:#fff;border:1px solid #ccd4e2;border-radius:6px;width:100%;margin-bottom:13px;padding:9px;font-size:11px}.filter-row{align-items:center;gap:12px;display:flex}.filter-row label{margin:0}.filter-row select{margin:0 0 12px}.family-button{justify-content:space-between;gap:9px}.family-button>span{flex:1}.origin-tag{color:#7b87a0;border:1px solid #e2e7f0;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:400}.story-button span{color:#6c7e96;font-size:10px}.story-button small{color:#7b8ca4;font-size:9px}.story-button.active{background:#f4f6ff;border-color:#264aff}.empty-message{color:#7b87a0;font-size:12px}.overview{max-width:1320px;margin:auto;padding:52px 40px 42px}.overview>h2{letter-spacing:-1.6px;max-width:850px;margin:17px 0;font-size:39px;font-weight:600;line-height:1.2}.overview-intro{color:#6b7b92;max-width:770px;margin:0 0 34px;font-size:14px;line-height:1.8}.overview-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;display:grid}.overview-card{text-align:left;min-height:225px;color:inherit;background:#fff;border:1px solid #dce3ef;border-radius:12px;padding:23px;transition:border-color .15s,transform .15s}.overview-card:hover{border-color:#264aff;transform:translateY(-3px)}.card-count{color:#264aff;letter-spacing:-1.5px;font-size:38px;font-weight:600;line-height:1}.overview-card h3{margin:17px 0 9px;font-size:15px}.overview-card p{color:#728199;min-height:38px;margin:0 0 18px;font-size:11px;line-height:1.7}.card-action{color:#264aff;font-size:11px;font-weight:600}.presentation-path{color:#fff;background:#092347;border-radius:12px;margin-top:28px;padding:30px 34px}.presentation-path .eyebrow{color:#a7b8ef}.presentation-path h3{letter-spacing:-.5px;margin:13px 0;font-size:23px;font-weight:600}.presentation-path p{color:#c0cce0;max-width:830px;margin-bottom:23px;font-size:12px;line-height:1.8}.presentation-path button,.overview-info button{color:#e8eeff;background:0 0;border:1px solid #536c8d;border-radius:6px;margin-right:10px;padding:10px 14px;font-size:11px}button.primary{color:#fff;background:#264aff;border:1px solid #264aff}.overview-info{color:#728199;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;font-size:11px;display:flex}.overview-info p{margin:0}.overview-info button{color:#264aff;border:0;padding:0}.overview-info small{color:#8896ab;flex-basis:100%;margin-top:2px;font-size:10px}.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.demo-card{background:#fff;border:1px solid #dae2ef;border-radius:11px;overflow:hidden}.demo-thumbnail{aspect-ratio:1.6;color:#fff;background:linear-gradient(135deg,#102d51,#284aff);border:0;width:100%;padding:0;font-size:27px;font-weight:600;display:block;overflow:hidden}.demo-thumbnail img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.demo-card-body{padding:20px}.demo-card-body>small{color:#8090a8;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.demo-card h3{margin:9px 0;font-size:18px}.demo-card p{color:#6b7c94;min-height:56px;margin:0 0 17px;font-size:11px;line-height:1.7}.demo-actions{flex-wrap:wrap;gap:7px;display:flex}.demo-actions button{color:#435f82;background:#fff;border:1px solid #d9e1ee;border-radius:5px;padding:8px 10px;font-size:10px}.demo-actions button.primary{color:#fff;background:#264aff;border-color:#264aff}#scene-select{font:inherit;color:#173454;background:#fff;border:1px solid #d0d9e7;border-radius:6px;max-width:min(70%,640px);padding:8px;font-size:11px}#story-position{white-space:nowrap;flex:1;font-size:10px}body.enlarged .overview{display:none}body.enlarged .gallery-layout{height:100vh}body.enlarged #catalog-workspace{display:block}body.enlarged .workspace{height:100vh}.view-footer details[open]{z-index:4;max-height:230px;overflow:auto}@media (max-width:1250px){.standalone{display:none}.gallery-header{gap:12px}#sections button{padding:9px 7px;font-size:10px}.overview{padding:36px 28px}.overview>h2{font-size:33px}.demo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.gallery-header{flex-wrap:wrap;height:auto;min-height:100px;padding:12px 18px}#sections{order:2;width:100%;margin:0;overflow:auto}.brand h1{font-size:19px}.gallery-layout{grid-template-columns:210px minmax(0,1fr);height:calc(100vh - 116px)}.overview-cards{grid-template-columns:repeat(2,1fr)}.overview-card{min-height:190px}.overview-card p{min-height:0}}@media (max-width:720px){.gallery-layout{height:auto}.library>.eyebrow,.filter-row,#search,.library label{display:none}.library{max-height:180px}.story-button{padding:7px}.demo-cards{grid-template-columns:1fr}.overview{padding:28px 18px}.overview>h2{font-size:28px}.overview-cards{gap:10px}.overview-card{min-height:210px;padding:18px}.presentation-path{padding:24px}.view-header,.toolbar{gap:5px}#scene-select{max-width:65%}}:root{color:#082040;font-synthesis:none;background:#f6f7fb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #93a6ff}[hidden]{display:none!important}.gallery-header{background:#fff;border-bottom:1px solid #dce1eb;justify-content:space-between;align-items:center;gap:20px;height:91px;padding:18px 28px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#fff;background:#264aff;border-radius:10px;place-items:center;width:42px;height:44px;font-size:28px;font-weight:600;display:grid}.brand h1{letter-spacing:-.6px;margin:0;font-size:22px}.brand p{color:#68768a;margin:5px 0 0;font-size:12px}.standalone{color:#5d6c83;font-size:12px}.standalone span{color:#b3bdce;padding:0 8px}.gallery-layout{grid-template-columns:252px minmax(0,1fr);height:calc(100vh - 91px);min-height:560px;display:grid}.library{background:#fff;border-right:1px solid #dce1eb;flex-direction:column;padding:20px 16px;display:flex;overflow:auto}.library-tabs{background:#f0f3f8;border-radius:7px;margin-bottom:22px;padding:3px;display:flex}.library-tabs button{color:#65758c;background:0 0;border:0;border-radius:5px;flex:1;padding:9px 3px;font-size:12px}.library-tabs button.active{color:#082040;background:#fff;font-weight:600;box-shadow:0 1px 3px #001a4414}.library label{color:#6b7890;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.library select{color:#082040;background:#fff;border:1px solid #ccd4e2;border-radius:6px;width:100%;margin-bottom:16px;padding:8px;font-size:12px}.family-button{text-align:left;color:#51637d;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;padding:10px 9px;font-size:12px;line-height:1.45;display:flex}.family-button:hover{background:#f4f6fb}.family-button.active{color:#264aff;background:#edf1ff;font-weight:600}.family-number{color:#8995ab;min-width:20px;font-size:10px}.library-note{color:#8b96a8;border-top:1px solid #ecf0f5;margin:25px 8px 0;padding-top:16px;font-size:10px;line-height:1.65}.workspace{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:24px 24px 12px;display:flex}.view-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{letter-spacing:1.4px;color:#6b7ca2;font-size:10px;font-weight:600}.view-header h2{letter-spacing:-.45px;margin:7px 0;font-size:21px;font-weight:600}.view-header p{color:#697b91;max-width:850px;margin:0;font-size:12px;line-height:1.6}.reference-badge{white-space:nowrap;color:#56708f;background:#fff;border:1px solid #dae1ed;border-radius:20px;margin-top:6px;padding:6px 9px;font-size:10px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;min-height:36px;display:flex}.toolbar label{color:#68798f;font-size:11px}.toolbar select{color:#082040;background:#fff;border:1px solid #cbd4e3;border-radius:6px;min-width:210px;max-width:500px;padding:8px 30px 8px 10px;font-size:12px}.toolbar button,#story-progress button{color:#425b7a;background:#fff;border:1px solid #d0d9e7;border-radius:6px;padding:8px 11px;font-size:11px}.toolbar button[aria-pressed=true]{color:#264aff;background:#edf1ff;border-color:#264aff}.toolbar-spacer{flex:1}#preview-stage{background:#e9edf4;border:1px solid #d0d9e7;border-radius:8px;flex:1;min-height:320px;position:relative;overflow:auto}#preview-wrapper{transform-origin:0 0;margin:0 auto;position:relative}#preview{transform-origin:0 0;background:#fff;border:0;width:1600px;height:1000px;display:block}#loading{color:#6a7890;background:#f8faff;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.view-footer{color:#77869b;justify-content:space-between;align-items:flex-start;gap:20px;min-height:23px;font-size:10px;display:flex}#status[data-state=error]{color:#be3342}#status[data-state=ready]:before{content:"●";color:#208357;margin-right:6px;font-size:7px}.view-footer details{text-align:right;max-width:740px;position:relative}.view-footer details[open]{background:#fff;border:1px solid #dbe2ed;border-radius:5px;padding:10px}.view-footer summary{color:#607494}#source-notes{text-align:left;overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.6}#source-notes p{margin:5px 0}.story-button{text-align:left;color:#173454;background:#fff;border:1px solid #dce3ef;border-radius:7px;width:100%;margin-bottom:10px;padding:13px 10px;font-size:12px;line-height:1.6;display:block}.story-button:hover{background:#f8faff;border-color:#264aff}#story-progress{color:#344f74;align-items:center;gap:10px;font-size:12px;display:flex}#story-position{flex:1}body.enlarged .gallery-header,body.enlarged .library,body.enlarged .view-header{display:none}body.enlarged .gallery-layout{height:100vh;display:block}body.enlarged .workspace{height:100vh;padding:12px}body.enlarged .toolbar{flex:none}@media (max-width:1100px){.gallery-layout{grid-template-columns:205px minmax(0,1fr)}.gallery-header{padding:16px 20px}.workspace{padding:18px 14px 10px}.reference-badge,.standalone{display:none}.toolbar{gap:7px}.toolbar select{max-width:300px}.view-header h2{font-size:19px}}@media (max-width:720px){.gallery-header{height:80px}.brand p{font-size:10px}.gallery-layout{flex-direction:column;height:calc(100vh - 80px);display:flex}.library{border-bottom:1px solid #dce1eb;border-right:0;flex:none;max-height:170px;padding:10px 12px}.library-tabs{max-width:250px;margin-bottom:8px}.library label,.library-note,#family-list{display:none}.library select{margin:0}.workspace{flex:1;min-height:560px}.view-header p{font-size:11px}.toolbar-spacer{display:none}.toolbar select{min-width:180px;max-width:240px}.view-footer{flex-direction:column;gap:6px}}.celonis-mark{place-items:center;width:42px;height:44px;display:grid}.celonis-mark svg{width:35px;height:36px}.origin-tag{display:none}.demo-actions a{color:#fff;background:#264aff;border-radius:5px;padding:9px 12px;font-size:11px;text-decoration:none;display:inline-block}.domain-badge{background:#eff4ff;border:1px solid #cbd7ed;border-radius:20px;padding:4px 9px;color:#345582!important;letter-spacing:.3px!important;text-transform:none!important;display:inline-block!important}body.cinema-open{overflow:hidden}#cinema{color:#082040;background:#fff;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#cinema[open]{flex-direction:column;display:flex}#cinema::backdrop{background:#082040b3}.cinema-bar{background:#fff;border-bottom:1px solid #dce1eb;flex:none;align-items:center;gap:14px;min-height:60px;padding:12px 20px;display:flex}.cinema-heading{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cinema-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.cinema-heading .domain-badge{white-space:nowrap;font-size:10px}.cinema-bar button{color:#344f72;font:inherit;white-space:nowrap;background:#fff;border:1px solid #ccd7e8;border-radius:6px;min-height:36px;padding:9px 12px;font-size:11px}#cinema-close{color:#fff;background:#264aff;border-color:#264aff}#cinema-status{color:#6b7c94;font-size:10px}#cinema-status[data-state=error]{color:#b12a3d;max-width:400px}#cinema-stage{flex:1;min-height:0;position:relative}#cinema-frame{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}#cinema-loading{color:#64758f;background:#f6f7fb;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}@media (max-width:800px){.cinema-bar{flex-wrap:wrap;gap:8px;padding:8px 12px}.cinema-heading{flex-basis:100%}.cinema-heading h2{font-size:12px}#cinema-status{flex:1}.cinema-bar button{padding:8px 10px;font-size:10px}}.overview-cards.compact{gap:12px;margin:0 0 26px}.overview-cards.compact .overview-card{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;min-height:0;padding:13px 16px;display:grid}.overview-cards.compact .card-count{letter-spacing:-1px;grid-row:1/3;font-size:26px}.overview-cards.compact h3{margin:0;font-size:13px}.overview-cards.compact p{display:none}.overview-cards.compact .card-action{font-size:10px}.overview-cards.compact .overview-card:hover{transform:none}.overview-cards.compact .overview-card.current{background:#f4f6ff;border-color:#264aff}@media (max-width:900px){.overview-cards.compact{grid-template-columns:repeat(2,1fr)}}.story-button{flex-direction:column;gap:3px;display:flex}.story-button strong{font-size:13px}.story-button span{line-height:1.45}@media (max-width:720px){.story-button{gap:0;margin-bottom:6px;padding:8px 10px}.story-button small{display:none}}.external-filters{gap:8px;margin:8px 0 14px;display:flex}.filter-chip{color:#172033;cursor:pointer;background:#fff;border:1px solid #c9d1e6;border-radius:999px;padding:6px 12px;font-size:12px}.filter-chip[aria-pressed=true]{color:#fff;background:#264aff;border-color:#264aff}.external-demo[hidden]{display:none}.external-demo .demo-thumbnail{text-decoration:none;display:block}.tag-chips{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.tag-chip{color:#42506d;background:#f6f8fd;border:1px solid #d5dbec;border-radius:999px;padding:2px 8px;font-size:10px}.tag-chip.visionary{color:#fff;background:#264aff;border-color:#264aff}#static-scene{transform-origin:0 0;background:#fff;width:1600px;height:1000px;display:block}#static-scene[hidden],#preview[hidden]{display:none}.overview-cards.compact{grid-template-columns:repeat(3,1fr)}.demo-filters{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 22px;display:flex}.filter-field{color:#6b7c94;gap:4px;font-size:11px;display:grid}.filter-field select{min-width:200px;font:inherit;color:#172033;background:#fff;border:1px solid #c9d1e6;border-radius:6px;padding:7px 9px;font-size:12px}.filter-count{color:#6b7c94;margin-left:auto;font-size:11px}.demo-card[hidden]{display:none}#story-progress{align-items:center;gap:10px;min-width:0;display:flex}#scene-track{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}#scene-track::-webkit-scrollbar{display:none}#story-progress #bar-left,#story-progress #bar-right{flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.scene-chip{white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:8px;max-width:260px;display:flex!important}.scene-chip .scene-number{color:#8aa0bf;font-size:10px;font-weight:700}.scene-chip .scene-label{text-overflow:ellipsis;overflow:hidden}#story-progress .scene-chip.active{color:#fff;background:#264aff;border-color:#264aff}.scene-chip.active .scene-number{color:#c9d4ff}#story-progress #bar-first,#story-progress #bar-prev,#story-progress #bar-next,#story-progress #bar-last{cursor:pointer;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}#story-progress button:disabled{opacity:.35;cursor:default}.demo-preview{min-width:0;position:relative}.demo-preview>form{display:contents}.demo-download{z-index:2;cursor:pointer;color:#172033;background:#fffffff0;border:1px solid #c9d1e6;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;text-decoration:none;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0f19322e}.demo-download:hover,.demo-download:focus-visible{color:#fff;background:#264aff;border-color:#264aff}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark-svg{flex:none;width:46px;height:46px;display:block}.brand-lockup .brand-logo-title{letter-spacing:-.03em;color:#0f1b3d;white-space:nowrap;margin:0;font-size:28px;font-weight:750;line-height:1}@media (max-width:900px){.brand-mark-svg{width:40px;height:40px}.brand-lockup .brand-logo-title{font-size:24px}}@media (max-width:480px){.brand-lockup{gap:8px}.brand-mark-svg{width:36px;height:36px}.brand-lockup .brand-logo-title{font-size:21px}}.demo-creator{color:#435f82;overflow-wrap:anywhere;margin:0 0 8px;font-size:11px;line-height:1.7}.demo-card{flex-direction:column;min-width:0;display:flex}.demo-thumbnail{overflow-wrap:anywhere;min-width:0}.demo-card-body{min-width:0;padding:16px}.demo-card-body>p{min-height:0;margin-bottom:12px}.demo-card-body>.domain-badge{overflow-wrap:anywhere;place-self:start;max-width:100%}.demo-card-body>h3,.demo-card-body>p,.demo-metadata{overflow-wrap:anywhere;min-width:0}.demo-card .demo-actions{align-items:start}.demo-card .demo-actions button,.demo-card .demo-actions a{box-sizing:border-box;align-items:center;min-height:44px;display:inline-flex}.demo-usage{overflow-wrap:anywhere;min-width:0}.demo-card .demo-usage p{min-height:0;margin-bottom:12px}.demo-download:focus-visible{outline-offset:2px;outline:3px solid #264aff}.demo-download:disabled{cursor:default}.demo-actions .demo-download{position:static}.demo-thumbnail{text-decoration:none}.demo-thumbnail>span{align-items:center;height:100%;padding:20px 52px 20px 20px;font-size:22px;line-height:1.35;display:flex}.demo-metadata p{min-height:0}.demo-preview-caption{color:#304763;background:#f4f6fb;border-top:1px solid #e1e6ef;border-bottom:1px solid #e1e6ef;flex-direction:column;min-width:0;padding:13px 18px 12px;display:flex;position:relative}.demo-card .demo-preview-caption p{overflow-wrap:anywhere;min-height:0;margin:0;font-size:12px;line-height:1.55}.demo-card .demo-preview-caption .preview-description{color:#263e5b;margin-bottom:7px}.demo-card .demo-preview-caption .preview-meaning{color:#485c77}.preview-meaning strong{color:#253e65;font-weight:600}.demo-thumbnail:focus-visible{outline-offset:-3px;outline:3px solid #93a6ff}.gallery-header{gap:24px;height:auto;min-height:100px;padding:18px 28px}#sections{align-items:stretch;gap:8px;min-width:0;display:flex}#sections button{color:#435f82;background:#fff;border:1px solid #dce3ef;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:9px 18px;font-size:14px;font-weight:600;line-height:1.35;display:flex}#sections button:hover{color:#173454;background:#f4f6fb;border-color:#aab9d7}#sections button.active{color:#264aff;background:#eef2ff;border-color:#264aff;font-weight:600}#sections .section-count{color:#5d6c83;font-variant-numeric:tabular-nums;font-size:10px;font-weight:400;line-height:1.4}#sections button.active .section-count{color:#435a99}#sections button:focus-visible,#clear-catalog-search:focus-visible,.catalog-search-result:focus-visible,.demo-search-match:focus-visible{outline-offset:3px;outline:3px solid #93a6ff}#catalog-workspace.gallery-layout{height:calc(100dvh - var(--catalog-header-height,100px))}body.enlarged #catalog-workspace.gallery-layout{height:100vh}#catalog-search-form{width:100%;min-width:0;margin:0 0 22px}#catalog-search-form>label{color:#304763;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.catalog-search-field{color:#5d6c83;background:#fff;border:1px solid #bcc8dc;border-radius:8px;align-items:center;gap:12px;min-width:0;min-height:58px;padding:6px 8px 6px 18px;display:flex}.catalog-search-field:focus-within{outline-offset:1px;border-color:#264aff;outline:3px solid #dce4ff}.catalog-search-field>svg{flex:none}#catalog-search{color:#173454;width:100%;min-width:0;min-height:44px;font:inherit;caret-color:#264aff;background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:14px;line-height:1.5}#catalog-search::placeholder{color:#5d6c83;opacity:1}#catalog-search::-webkit-search-cancel-button{-webkit-appearance:none}#catalog-search::-webkit-search-decoration{-webkit-appearance:none}#catalog-search::selection{color:#173454;background:#dce4ff}#clear-catalog-search{color:#435f82;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}#clear-catalog-search:hover{color:#264aff;background:#eef2ff}#catalog-search-status{color:#5d6c83;overflow-wrap:anywhere;min-height:17px;margin:8px 0 0;font-size:11px;line-height:1.55}.catalog-search-results{border-top:1px solid #dce3ef;min-width:0;margin-top:32px;padding-top:24px}.catalog-search-results h2{color:#173454;margin:0 0 15px;font-size:19px;font-weight:600;line-height:1.4}.catalog-search-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.catalog-search-result{color:#173454;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px solid #dce3ef;border-radius:0;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;min-height:108px;padding:17px 0;display:flex}.catalog-search-result:hover{background:#eef2ff}.search-result-kind{color:#5d6c83;font-size:10px;line-height:1.5}.catalog-search-result strong{font-size:14px;font-weight:600;line-height:1.5}.catalog-search-result p{color:#5d6c83;margin:0;font-size:12px;line-height:1.65}.demo-search-match{color:#304763;width:100%;max-width:100%;min-height:36px;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #c9d3e1;border-radius:5px;padding:8px 10px;font-size:11px;line-height:1.5;display:block;overflow:hidden}.demo-search-match:hover{color:#264aff;background:#eef2ff;border-color:#264aff}.catalog-empty{color:#435f82;overflow-wrap:anywhere;margin:22px 0;padding:22px 0;font-size:13px;line-height:1.7}.catalog-empty p{margin:6px 0 0}@media (max-width:1100px){.gallery-header{gap:16px;padding:16px 20px}#sections button{padding:9px 12px}}@media (max-width:900px){.gallery-header{flex-wrap:wrap;gap:16px;padding:16px 18px}#sections{order:2;width:100%;margin:0;overflow:visible}#sections button{flex:1;padding:9px 12px;font-size:14px}}@media (max-width:720px){#catalog-workspace.gallery-layout{height:auto;min-height:calc(100dvh - var(--catalog-header-height,100px))}.catalog-search-field{gap:9px;padding-left:13px}#catalog-search{font-size:13px}#catalog-search-form{margin-bottom:20px}.catalog-search-list{grid-template-columns:1fr}.catalog-search-results{margin-top:24px}}@media (max-width:480px){#sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}#sections button{min-width:0;min-height:52px;padding:8px 10px}.catalog-search-field{gap:8px}#catalog-search{font-size:12px}.catalog-search-field>svg{width:19px;height:19px}#clear-catalog-search{width:38px}}.overview{max-width:1920px}.demo-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-thumbnail{touch-action:pan-y;position:relative}.demo-thumbnail>.preview-position{color:#173454;font-variant-numeric:tabular-nums;pointer-events:none;background:#fffffff5;border:1px solid #c9d3e1;border-radius:5px;height:auto;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.4;display:block;position:absolute;bottom:10px;right:10px}@media (max-width:1350px){.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.demo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.demo-cards{grid-template-columns:minmax(0,1fr)}}#sections>a{color:#435f82;white-space:nowrap;background:#fff;border:1px solid #dce3ef;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:9px 18px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.ranking-page{--rk-accent:#264aff;--rk-soft:#eef2ff;--rk-soft-line:#d3dcff;--rk-ink:#082040;--rk-muted:#526077;--rk-line:#dce3ef;--rk-gold:#d99a00;--rk-gold-soft:#fff5d1;--rk-gold-line:#f0d27a;--vh:1vh;max-width:1080px;color:var(--rk-ink);margin:0 auto;padding:8px 32px 48px}@supports (height:1svh){.ranking-page{--vh:1svh}}.ranking-page[data-metric=likes]{--rk-accent:#c4163f;--rk-soft:#fdeaf0;--rk-soft-line:#f6c6d3}.ranking-page a:focus-visible,.ranking-page button:focus-visible,.ranking-page input:focus-visible,.ranking-page select:focus-visible{outline-offset:2px;outline:3px solid #264aff}.ranking-title{flex-wrap:wrap;align-items:center;gap:0 16px;margin:0 0 4px;display:flex}.ranking-title h2{letter-spacing:-1px;margin:0;font-size:30px;font-weight:700;line-height:1.1}.ranking-controls{margin-bottom:clamp(8px,calc(var(--vh)*1.8),20px);flex-direction:column;gap:8px;display:flex}.ranking-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.ranking-period-row{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.rk-seg{border:1px solid var(--rk-line);background:#fff;border-radius:999px;gap:2px;max-width:100%;padding:2px;display:inline-flex}.rk-seg a{color:#3a4a65;white-space:nowrap;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.rk-seg a:hover{background:#f0f3fb}.rk-seg a[data-metric=likes]:not([aria-current]) .rk-icon{color:#c4163f}.ranking-controls-row .rk-seg:first-child a[aria-current=page]{background:var(--rk-accent);color:#fff}.ranking-controls-row .rk-seg:last-child a[aria-current=page]{background:var(--rk-ink);color:#fff}.rk-chips{flex-wrap:wrap;gap:6px 8px;display:flex}.rk-chips a{color:#2b3a55;background:#fff;border:1px solid #c9d1e6;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.rk-chips a:hover{border-color:#264aff}.rk-chips a[aria-current=true]{color:#264aff;background:#eef2ff;border-color:#264aff;font-weight:700}.ranking-month{align-items:center;gap:8px;min-width:0;margin:0;display:flex}.ranking-month label{white-space:nowrap;font-size:13px;font-weight:600}.ranking-month select{color:#172033;max-width:100%;min-height:44px;font:inherit;background-color:#fff;border:1px solid #c9d1e6;border-radius:10px;padding:0 12px;font-size:14px}.ranking-month button{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:0 22px;font-size:14px;font-weight:600}.ranking-month button:hover{background:#1738dd}.ranking-invalid{color:#5c3d00;background:#fff8e6;border:1px solid #f0c36d;border-radius:8px;padding:2px 8px;font-size:13px;display:inline-block}.ranking-period-hint{min-width:0;color:var(--rk-muted);flex:1 1 0;margin:0;font-size:13px;line-height:1.3}.ranking-title .ranking-period-hint{align-self:center}.ranking-stage{--crown:clamp(26px,calc(var(--vh)*4.4),40px);padding:calc(var(--crown)*1.2 + 6px) 32px 0;border:1px solid var(--rk-line);background:radial-gradient(ellipse 62% 78% at 50% 0,var(--rk-soft) 0,#fff 72%);border-radius:22px;position:relative;overflow:hidden}.podium{justify-content:center;align-items:flex-end;gap:clamp(8px,calc(var(--vh)*1.6),14px);margin:0;padding:0;list-style:none;display:flex}.podium-place{flex-direction:column;flex:1 1 0;min-width:0;max-width:290px;display:flex;position:relative}.podium-place[data-tier="1"]{flex-grow:1.22;max-width:360px}.podium-place:first-child{order:2}.podium-place:nth-child(2){order:1}.podium-place:nth-child(3){order:3}.rank-stat{white-space:nowrap;display:inline-block}.podium-crown{width:var(--crown);height:calc(var(--crown)*.75);top:calc(var(--crown)*-1.2);color:var(--rk-gold);position:absolute;left:50%;transform:translate(-50%)}.podium-card{align-items:center;gap:clamp(1px,calc(var(--vh)*.5),4px);padding:clamp(8px,calc(var(--vh)*2),22px) 16px clamp(8px,calc(var(--vh)*1.8),20px);border:1px solid var(--rk-line);text-align:center;background:#fff;border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;display:flex}.podium-place[data-tier="1"] .podium-card{padding:clamp(10px,calc(var(--vh)*2.8),30px) 20px clamp(10px,calc(var(--vh)*2.3),26px);border-color:var(--rk-gold-line);background:linear-gradient(180deg,var(--rk-gold-soft),#fff 70%)}.rank-avatar{background:var(--rk-soft);width:44px;height:44px;color:var(--rk-accent);letter-spacing:.2px;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.podium-card .rank-avatar{width:clamp(32px,calc(var(--vh)*5),44px);height:clamp(32px,calc(var(--vh)*5),44px);margin-bottom:clamp(1px,calc(var(--vh)*.7),6px);font-size:clamp(12px,calc(var(--vh)*1.7),15px)}.podium-place[data-tier="1"] .rank-avatar{width:clamp(36px,calc(var(--vh)*6.4),60px);height:clamp(36px,calc(var(--vh)*6.4),60px);font-size:clamp(13px,calc(var(--vh)*2.2),20px);color:#6b4a00;background:#ffe7a0}.rank-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:17px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.podium-card .rank-name{font-size:clamp(14px,calc(var(--vh)*2),17px)}.podium-place[data-tier="1"] .rank-name{font-size:clamp(15px,calc(var(--vh)*2.4),21px)}.rank-sub,.rank-extra{max-width:100%;color:var(--rk-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.podium-card .rank-value{margin:clamp(2px,calc(var(--vh)*1.1),10px) 0 2px}.rank-value{font-variant-numeric:tabular-nums}.podium-card .rank-value strong{font-size:clamp(22px,min(calc(var(--vh)*4.4),3.6vw),42px);letter-spacing:-1.5px;color:var(--rk-accent);overflow-wrap:anywhere;line-height:1;display:block}.podium-place[data-tier="1"] .rank-value strong{font-size:clamp(26px,min(calc(var(--vh)*5.8),4.8vw),58px)}.podium-card .rank-unit{color:var(--rk-muted);margin-top:2px;font-size:13px;font-weight:600;display:block}.podium-step{color:var(--rk-accent);background:var(--rk-soft);border-top:1px solid var(--rk-soft-line);place-items:center;font-size:30px;font-weight:800;line-height:1;display:grid}.podium-place[data-tier="1"] .podium-step{height:clamp(34px,calc(var(--vh)*10.5),96px);font-size:clamp(24px,calc(var(--vh)*4.8),44px);color:#fff;background:var(--rk-accent);border-top-color:var(--rk-accent)}.podium-place[data-tier="2"] .podium-step{height:clamp(24px,calc(var(--vh)*7.4),68px);font-size:clamp(20px,calc(var(--vh)*3.4),30px)}.podium-place[data-tier="3"] .podium-step{height:clamp(16px,calc(var(--vh)*5.2),48px);font-size:clamp(16px,calc(var(--vh)*2.9),26px)}.rank-list{border:1px solid var(--rk-line);background:#fff;border-radius:18px;margin:16px 0 0;padding:6px 8px;list-style:none}.rank-row{border-top:1px solid #edf0f6;grid-template-columns:36px minmax(0,1.5fr) minmax(90px,2fr) 96px;align-items:center;gap:0 16px;padding:14px 16px;display:grid}.rank-row:first-child{border-top:0}.rank-place{color:var(--rk-muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rank-who{align-items:center;gap:12px;min-width:0;display:flex}.rank-who>div{min-width:0}.rank-row .rank-name{-webkit-line-clamp:2;font-size:15px;font-weight:600}.rank-row .rank-sub{font-size:12px}.rank-bar{background:var(--rk-soft);border-radius:99px;height:10px;overflow:hidden}.rank-bar i{background:var(--rk-accent);transform-origin:0;border-radius:99px;height:100%;display:block}.rank-row .rank-value{text-align:right;margin:0}.rank-row .rank-value strong{letter-spacing:-.4px;font-size:20px;font-weight:700}.ranking-empty,.ranking-unavailable{text-align:center;background:#fff;border:1px dashed #b9c4dc;border-radius:22px;padding:56px 24px}.ranking-empty-icon{background:var(--rk-soft);width:64px;height:64px;color:var(--rk-accent);border-radius:50%;place-items:center;margin-bottom:14px;display:inline-grid}.ranking-empty-icon .rk-icon{width:28px;height:28px}.ranking-empty h3{letter-spacing:-.3px;margin:0 0 6px;font-size:20px}.ranking-empty p,.ranking-unavailable p{color:var(--rk-muted);margin:0;font-size:14px;line-height:1.6}.ranking-unavailable p:first-child{color:var(--rk-ink);margin-bottom:6px;font-size:18px;font-weight:700}.ranking-unassigned{border:1px solid var(--rk-line);background:#ffffffb3;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:20px;padding:14px 18px;display:flex}.ranking-unassigned h3{margin:0;font-size:14px}.ranking-unassigned p{color:var(--rk-muted);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.ranking-meta{border-top:1px solid var(--rk-line);color:var(--rk-muted);flex-wrap:wrap;gap:4px 28px;margin-top:36px;padding-top:16px;font-size:12px;line-height:1.6;display:flex}.ranking-meta p{margin:0}.ranking-meta small{flex-basis:100%;font-size:12px}@media (prefers-reduced-motion:no-preference){.podium-place{animation:.55s cubic-bezier(.2,.7,.2,1) backwards rk-rise}.podium-place:nth-child(2){animation-delay:80ms}.podium-place:first-child{animation-delay:.16s}.podium-place:nth-child(3){animation-delay:.24s}.rank-bar i{animation:.7s cubic-bezier(.2,.7,.2,1) .3s backwards rk-grow}.rk-seg a,.rk-chips a{transition:background-color .15s,border-color .15s,color .15s}}@keyframes rk-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes rk-grow{0%{transform:scaleX(0)}}@media (max-width:900px){.ranking-page{padding:8px 24px 48px}.ranking-stage{padding:calc(var(--crown)*1.2 + 6px) 20px 0}.podium{gap:10px}.rank-row{grid-template-columns:32px minmax(0,1.4fr) minmax(70px,1.4fr) 84px;gap:0 12px}}@media (max-width:720px){.ranking-page{padding:8px 16px 40px}.ranking-title h2{letter-spacing:-.6px;font-size:24px}.ranking-title{flex-wrap:nowrap;gap:0 10px;margin-bottom:0}.ranking-title .ranking-period-hint{flex:1 1 0;margin:0}.ranking-period-cal{display:none}:root:not(#_) .rk-chips a{padding:0 12px}.ranking-controls-row{flex-direction:column;align-items:stretch}.ranking-controls{margin-bottom:clamp(6px,var(--vh),12px);gap:4px}.ranking-period-row{row-gap:2px}.ranking-month{flex:100%}.ranking-month label{font-size:12px}.ranking-month select{flex:1 1 0;min-width:0;padding:0 8px}.rk-seg{padding:1px;display:flex}.rk-seg a{padding:0 8px}.ranking-stage{--rowpad:clamp(6px,calc(var(--vh)*1.15),14px);background:linear-gradient(180deg,var(--rk-soft),#fff 60%);border-radius:18px;padding:18px 12px 8px}.podium{align-items:stretch;gap:clamp(6px,calc(var(--vh)*1.4),20px);flex-direction:column}.podium-place,.podium-place[data-tier="1"]{flex-direction:row;flex:none;align-items:stretch;max-width:none}.podium-place:nth-child(n){order:0}.podium-card,.podium-place[data-tier="1"] .podium-card{min-width:0;padding:var(--rowpad) 14px;border:1px solid var(--rk-line);text-align:left;border-left:0;border-radius:0 14px 14px 0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name value""avatar sub value""avatar extra value";align-items:center;gap:0;display:grid}.podium-place[data-tier="1"] .podium-card{border-color:var(--rk-gold-line);background:linear-gradient(90deg,var(--rk-gold-soft),#fff 70%)}.podium-card .rank-avatar{grid-area:avatar;width:36px;height:36px;margin:0 10px 0 0;font-size:13px}.podium-card .rank-value{padding-left:12px}.podium-place[data-tier="1"] .rank-avatar{width:44px;height:44px;font-size:15px}.podium-card .rank-name{-webkit-line-clamp:2}.podium-card .rank-sub,.podium-card .rank-extra{font-size:12px;line-height:1.3}.podium-card .rank-name{grid-area:name;font-size:15px;line-height:1.25}.podium-place[data-tier="1"] .rank-name{font-size:17px}.podium-card .rank-sub{grid-area:sub}.podium-card .rank-extra{grid-area:extra}.podium-card .rank-value{text-align:right;grid-area:value;margin:0}.podium-card .rank-value strong{font-size:clamp(22px,6.4vw,28px)}.podium-place[data-tier="1"] .rank-value strong{font-size:clamp(26px,8vw,34px)}.podium-place[data-tier="1"] .podium-card{min-height:calc(36px + var(--rowpad)*2 + 8px)}.podium-card .rank-unit{margin-top:2px;font-size:12px}.podium-step,.podium-place[data-tier="1"] .podium-step,.podium-place[data-tier="2"] .podium-step,.podium-place[data-tier="3"] .podium-step{border:0;border-radius:14px 0 0 14px;flex:none;order:-1;width:44px;height:auto;font-size:22px}.podium-place[data-tier="1"] .podium-step{width:52px;font-size:26px}.podium-crown{width:26px;height:20px;top:-15px;left:26px;transform:translate(-50%)rotate(-12deg)}.rank-list{padding:2px 4px}.rank-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"place who value"".bar bar";gap:10px 12px;padding:12px}.rank-place{grid-area:place}.rank-who{grid-area:who}.rank-bar{grid-area:bar}.rank-row .rank-value{grid-area:value}.ranking-unassigned{margin-top:16px}}@media (max-width:720px) and (max-height:780px){.podium-card .rank-name{-webkit-line-clamp:1}.podium-card .rank-sub,.podium-card .rank-extra{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (prefers-reduced-motion:reduce){.ranking-page *{transition:none!important;animation:none!important}}.demo-cards{grid-auto-rows:1fr}.demo-card-body{flex-direction:column;flex:1;display:flex}.demo-card .demo-actions{margin-top:auto}.demo-card-body>.domain-badge{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden;display:block!important}.demo-card h3,.demo-card .preview-description,.demo-card .preview-meaning,.demo-card-body>p,.demo-card .demo-creator,.demo-card .demo-usage p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-card h3{-webkit-line-clamp:2;min-height:2.6em;line-height:1.3}.demo-card-body>p{-webkit-line-clamp:3;min-height:5.1em}.demo-card .tag-chips{max-height:44px;overflow:hidden}.demo-card .tag-chip{line-height:14px}.demo-card .demo-metadata{flex:auto;min-height:0}.demo-card .demo-creator{-webkit-line-clamp:1}.demo-card .demo-usage p{-webkit-line-clamp:2}.demo-card .demo-preview-caption .preview-description{-webkit-line-clamp:3;min-height:4.65em}.demo-card .demo-preview-caption .preview-meaning{-webkit-line-clamp:2;min-height:3.1em}.demo-search-slot{margin-top:9px;display:none}.demo-cards.searching .demo-search-slot{min-height:36px;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-like{z-index:2;color:#172033;background:#fffffff0;border:1px solid #c9d1e6;border-radius:8px;align-items:center;max-width:calc(100% - 82px);min-height:44px;display:flex;position:absolute;top:10px;right:62px;box-shadow:0 1px 4px #0f19322e}.demo-like-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.demo-like-button:hover:not([aria-disabled=true]),.demo-like-button:focus-visible{color:#264aff}.demo-like-button:focus-visible{outline-offset:2px;outline:3px solid #264aff}.demo-like-button[aria-disabled=true]{cursor:default}.demo-like.liked .demo-like-button{color:#d6204a}.demo-like-count{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 12px 0 0;font-size:12px;font-weight:600;line-height:1.2}:root{--ui-radius:8px;--ui-h:44px;--ui-pad-x:16px;--ui-font:14px;--ui-line:#d3dbe9;--ui-line-hover:#aab9d7;--ui-line-strong:#c3cde0;--ui-bg:#fff;--ui-bg-hover:#f4f6fb;--ui-bg-press:#e8edf8;--ui-ink:#435f82;--ui-ink-hover:#173454;--ui-accent:#264aff;--ui-accent-hover:#1738dd;--ui-accent-press:#122fc0;--ui-accent-soft:#eef2ff;--ui-accent-soft-hover:#e3e9ff;--ui-off-bg:#f1f4f9;--ui-off-line:#e1e7f0;--ui-off-ink:#66768e;--ui-ring:3px solid var(--ui-accent);--ui-ring-offset:2px;--ui-ease:.15s ease}:root:not(#_) :where(#sections button,#sections>a,.catalog-pager button,.demo-filters button,.demo-actions button,.demo-actions a,.demo-search-match,.toolbar button,#story-progress button,.cinema-bar button,.rk-chips a,.ranking-month button,.presentation-path button){box-sizing:border-box;min-height:var(--ui-h);padding:0 var(--ui-pad-x);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-bg);color:var(--ui-ink);font-family:inherit;font-weight:600;font-size:var(--ui-font);white-space:nowrap;cursor:pointer;transition:background-color var(--ui-ease),border-color var(--ui-ease),color var(--ui-ease),box-shadow var(--ui-ease);justify-content:center;align-items:center;gap:8px;line-height:1.35;text-decoration:none;display:inline-flex}:root:not(#_) :where(#sections button,#sections>a,.catalog-pager button,.demo-filters button,.demo-actions button,.demo-search-match,.toolbar button,#story-progress button,.cinema-bar button,.rk-chips a):hover:not(:disabled){border-color:var(--ui-line-hover);background:var(--ui-bg-hover);color:var(--ui-ink-hover)}:root:not(#_) :where(#sections button,#sections>a,.catalog-pager button,.demo-filters button,.demo-actions button,.demo-search-match,.toolbar button,#story-progress button,.cinema-bar button,.rk-chips a):active:not(:disabled){background:var(--ui-bg-press);border-color:var(--ui-line-hover)}:root:not(#_) :where(#sections button.active,#sections>a.active,.toolbar button[aria-pressed=true],.rk-chips a[aria-current=true]):not(:disabled){border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent);font-weight:700}:root:not(#_) :where(#sections button.active,#sections>a.active,.toolbar button[aria-pressed=true],.rk-chips a[aria-current=true]):hover:not(:disabled):not([hidden]){border-color:var(--ui-accent);background:var(--ui-accent-soft-hover);color:var(--ui-accent)}:root:not(#_) :where(.demo-filters button[aria-pressed=true],#story-progress .scene-chip.active):not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:#fff;font-weight:700}:root:not(#_) :where(.demo-filters button[aria-pressed=true],#story-progress .scene-chip.active):hover:not(:disabled):not([hidden]){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:#fff}:root:not(#_) :where(button.primary,.demo-actions a,.ranking-month button,#cinema-close):not(:disabled){border-color:var(--ui-accent);background:var(--ui-accent);color:#fff}:root:not(#_) :where(button.primary,.demo-actions a,.ranking-month button,#cinema-close):hover:not(:disabled):not([hidden]){border-color:var(--ui-accent-hover);background:var(--ui-accent-hover);color:#fff}:root:not(#_) :where(button.primary,.demo-actions a,.ranking-month button,#cinema-close):active:not(:disabled):not([hidden]){border-color:var(--ui-accent-press);background:var(--ui-accent-press)}:root:not(#_) :where(#sections button,.catalog-pager button,.demo-filters button,.demo-actions button,.toolbar button,#story-progress button,.cinema-bar button,.demo-download):disabled{opacity:1;cursor:not-allowed;border-color:var(--ui-off-line);background:var(--ui-off-bg);color:var(--ui-off-ink)}:root:not(#_) :where(#sections button,#sections>a){flex-direction:column;gap:3px;min-height:52px;padding:9px 18px}#sections button.active .section-count,#sections>a.active .section-count{color:#435a99}:root:not(#_) #story-progress :where(#bar-first,#bar-prev,#bar-next,#bar-last,#bar-left,#bar-right){width:var(--ui-h);height:var(--ui-h);padding:0}:root:not(#_) #story-progress .scene-chip{padding:0 14px}.toolbar{min-height:var(--ui-h)}.toolbar select,.filter-field select{min-height:var(--ui-h);border-radius:var(--ui-radius);box-sizing:border-box}.cinema-bar{min-height:68px}.demo-actions{gap:8px}:root:not(#_) .demo-search-match{text-align:left;text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;font-weight:500;line-height:calc(var(--ui-h) - 2px);justify-content:flex-start;display:block;overflow:hidden}.demo-cards.searching .demo-search-slot{min-height:var(--ui-h)}.demo-download,.demo-like{border-radius:var(--ui-radius);border-color:var(--ui-line-strong)}.demo-download,.demo-like-button{transition:background-color var(--ui-ease),border-color var(--ui-ease),color var(--ui-ease)}.demo-download:hover:not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.demo-download:active:not(:disabled){background:var(--ui-accent-press);border-color:var(--ui-accent-press)}#clear-catalog-search{border-radius:var(--ui-radius);transition:background-color var(--ui-ease),color var(--ui-ease)}#clear-catalog-search:active{background:var(--ui-accent-soft-hover)}.rk-seg{border-radius:calc(var(--ui-radius) + 3px)}.rk-seg a{border-radius:var(--ui-radius)}:root:not(#_) .rk-chips a{padding:0 var(--ui-pad-x)}.ranking-month select{border-radius:var(--ui-radius);border-color:var(--ui-line);color:var(--ui-ink-hover);font-weight:500}.ranking-month select:hover{border-color:var(--ui-line-hover);background-color:var(--ui-bg-hover)}.catalog-pager{justify-content:center;align-items:center;gap:16px;margin:36px 0 12px;display:flex}:root:not(#_) .catalog-pager button{min-width:152px}.catalog-pager span{text-align:center;min-width:112px;font-size:var(--ui-font);color:#526077;font-variant-numeric:tabular-nums;font-weight:500}.demo-actions{--ui-pad-x:14px;--ui-font:13px}.overview-info{margin-bottom:20px}.demo-filters{align-items:flex-end;gap:12px 14px}.filter-field{color:#526077;gap:6px;font-size:12px;font-weight:600}:root:not(#_) .filter-field select{box-sizing:border-box;height:var(--ui-h);min-height:var(--ui-h);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background-color:var(--ui-bg);color:var(--ui-ink-hover);font-family:inherit;font-size:var(--ui-font);transition:border-color var(--ui-ease),background-color var(--ui-ease);padding:0 36px 0 14px;font-weight:500;line-height:1.35}:root:not(#_) .filter-field select:hover{border-color:var(--ui-line-hover);background-color:var(--ui-bg-hover)}:root:not(#_) .demo-filters :where(button){height:var(--ui-h);margin:0}.demo-filters .filter-count{align-self:center;margin-left:auto}@media (max-width:480px){.filter-field{flex:100%}:root:not(#_) .filter-field select{width:100%}}:is(#sections button,#sections>a,.catalog-pager button,.demo-filters button,.demo-actions button,.demo-actions a,.demo-search-match,.toolbar button,.toolbar select,#story-progress button,.cinema-bar button,.rk-chips a,.rk-seg a,.ranking-month button,.ranking-month select,.presentation-path button,.overview-info button,.home-button,.demo-download,.demo-like-button,#clear-catalog-search,.catalog-search-result,.library-tabs button,.family-button,.story-button,.filter-field select,summary):focus-visible{outline:var(--ui-ring);outline-offset:var(--ui-ring-offset)}.demo-thumbnail:focus-visible{outline:var(--ui-ring);outline-offset:-3px}@media (max-width:900px){:root:not(#_) :where(#sections button,#sections>a){padding:9px 12px}}@media (max-width:800px){:root:not(#_) .cinema-bar button{padding:0 10px;font-size:12px}}@media (max-width:480px){:root:not(#_) :where(#sections button,#sections>a){padding:8px 10px}.catalog-pager{gap:8px}:root:not(#_) .catalog-pager button{flex:1 1 0;min-width:0;padding:0 8px}.catalog-pager span{min-width:84px}}@media (prefers-reduced-motion:reduce){:root:not(#_) :where(#sections button,#sections>a,.catalog-pager button,.demo-filters button,.demo-actions button,.demo-search-match,.toolbar button,#story-progress button,.cinema-bar button,.rk-chips a){transition:none}}.demo-overlay{z-index:2;pointer-events:none;justify-content:flex-end;align-items:flex-start;gap:8px;max-width:calc(100% - 20px);display:flex;position:absolute;top:10px;right:10px}.demo-overlay>form{display:contents}.demo-overlay>*,.demo-overlay .demo-like,.demo-overlay .demo-download{pointer-events:auto}.demo-overlay .demo-like{max-width:none;position:static}.demo-overlay .demo-download{flex:none;position:static}:root:not(#_) .demo-overlay .demo-download.has-count{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:0;width:auto;height:46px;min-height:46px;padding:0;display:flex}.demo-download.has-count>svg{flex:none;margin:0 6px 0 13px}.demo-download-count{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 11px 0 0;font-size:12px;font-weight:600;line-height:1.2}.demo-like,.demo-download{transition:opacity .18s ease,background-color var(--ui-ease),border-color var(--ui-ease),color var(--ui-ease)}@media (hover:hover){.demo-preview:hover .demo-like,.demo-preview:hover .demo-download{opacity:.65}.demo-preview:hover .demo-like:hover,.demo-preview:hover .demo-download:hover,.demo-preview:hover .demo-download:focus-visible{opacity:1}.demo-preview:hover .demo-like:has(:focus-visible){opacity:1}}@media (prefers-reduced-motion:reduce){.demo-like,.demo-download{transition:none}}.demo-overlay .demo-like-count{pointer-events:none;margin-left:-7px;padding:0 11px 0 0}.demo-overlay .demo-like{width:auto;min-width:44px}.gallery-header{position:relative}.header-status{color:#a4262c;text-align:right;max-width:100%;margin:0;padding:0 2px;font-size:11px;font-weight:600;line-height:1.5}#catalog-search-form{margin-bottom:16px}.demo-filters{margin-top:0}.demo-filters .filter-count{height:var(--ui-h);font-size:var(--ui-font);color:#66768e;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:flex-end;align-items:center;margin-left:auto;padding:0 4px;font-weight:500;display:inline-flex}.demo-filters .filter-count b{color:#173454;margin-right:.3em;font-weight:700}.demo-filters>button:last-child{flex:none}.demo-filters .filter-test-data{height:var(--ui-h);letter-spacing:.02em;text-transform:uppercase;color:#7a5a00;white-space:nowrap;align-self:flex-end;align-items:center;margin-left:-6px;padding:0;font-size:12px;font-weight:700;display:inline-flex}:root:not(#_) .demo-filters .filter-info{width:var(--ui-h);color:var(--ui-ink);background:0 0;border-color:#0000;flex:none;margin-left:-14px;padding:0}:root:not(#_) .demo-filters .filter-info:hover:not(:disabled){background:0 0;border-color:#0000}.demo-filters .filter-info>span{box-sizing:border-box;border:1px solid var(--ui-line-strong);background:var(--ui-bg);width:22px;height:22px;transition:background-color var(--ui-ease),border-color var(--ui-ease);border-radius:50%;place-items:center;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:inline-grid}.demo-filters .filter-info:hover>span,.demo-filters .filter-info:focus-visible>span{border-color:var(--ui-line-hover);background:var(--ui-bg-hover)}.site-header{justify-content:space-between;align-items:center;padding:10px 28px;display:flex}.site-header .brand{color:inherit;text-decoration:none}.site-header-side{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}@media (max-width:1100px){.site-header{padding:10px 20px}}@media (max-width:900px){.site-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand corner""tabs tabs";align-items:center;gap:10px 16px;padding:12px 18px;display:grid}.site-header .brand{grid-area:brand}.site-header-side{display:contents}.site-header #sections{flex-wrap:wrap;grid-area:tabs;width:100%;margin:0}.site-header #sections>a{flex:1}.site-header .header-status{order:0;grid-area:corner;justify-self:end;width:auto}}@media (max-width:480px){.site-header{gap:6px 12px;padding:8px 14px}.site-header #sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:root:not(#_) .site-header #sections :where(button,a){min-width:0;min-height:var(--ui-h);gap:1px;padding:4px;font-size:12.5px}.site-header #sections .section-count{font-size:10px;line-height:1.3}.demo-filters .filter-count{flex:auto;margin-left:0}.demo-filters>button:last-child{margin-left:auto}}#catalog-search-status.visually-hidden{width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute}@media (max-width:480px){.demo-filters .filter-chip{flex:100%}.demo-filters .filter-count{flex:1 1 0;min-width:0}}.card-tooltip{z-index:1000;box-sizing:border-box;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius);color:#173454;text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;visibility:hidden;opacity:0;background:#fff;max-width:min(360px,100vw - 16px);padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:fixed;transform:translateY(3px);box-shadow:0 10px 28px #0f193229,0 1px 3px #0f19321a}.card-tooltip.show{visibility:visible;opacity:1;transition-delay:0s;transform:none}@media (prefers-reduced-motion:reduce){.card-tooltip{transition:none;transform:none}}:root:not(#_) .filter-field select:disabled{opacity:1;cursor:not-allowed;border-color:var(--ui-off-line);background-color:var(--ui-off-bg);color:var(--ui-off-ink)}.filter-sort:has(select:disabled){cursor:not-allowed}.demo-filters .filter-summary{align-items:flex-end;gap:14px;min-width:0;margin-left:auto;display:flex}.demo-filters .filter-summary .filter-count{flex:0 auto;margin-left:0}.demo-filters .filter-summary>button:last-child{flex:none}@media (max-width:1200px){.demo-filters .filter-summary{flex:100%;margin-left:0}:root:not(#_) .demo-filters .filter-summary>button:last-child{margin-left:auto}}:root:not(#_) #sections>a.header-upload{height:var(--ui-h);min-height:var(--ui-h);border-color:var(--ui-accent);background:var(--ui-accent);color:#fff;font-size:var(--ui-font);white-space:nowrap;flex-direction:row;flex:none;align-self:center;gap:8px;margin-left:16px;padding:0 16px;font-weight:700;line-height:1.35;position:relative}:root:not(#_) #sections>a.header-upload:hover{border-color:var(--ui-accent-hover);background:var(--ui-accent-hover);color:#fff}:root:not(#_) #sections>a.header-upload:active{border-color:var(--ui-accent-press);background:var(--ui-accent-press)}#sections>a.header-upload:before{content:"";background:var(--ui-line-strong);width:1px;height:28px;margin-top:-14px;position:absolute;top:50%;left:-13px}#sections>a.header-upload svg{flex:none}@media (max-width:900px){.site-header #sections{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:root:not(#_) .site-header #sections>a.header-upload{align-self:stretch;height:auto;margin-left:0}.site-header #sections>a.header-upload:before{display:none}}@media (max-width:480px){:root:not(#_) .site-header #sections>a.header-upload{gap:6px;padding:4px;font-size:12.5px}}@media (min-width:901px) and (max-width:1000px){.site-header{gap:12px}#sections{gap:6px}:root:not(#_) #sections>a:not(.header-upload),:root:not(#_) #sections button{padding-left:8px;padding-right:8px}:root:not(#_) #sections>a.header-upload{margin-left:12px;padding:0 12px}#sections>a.header-upload:before{left:-9px}}.toolbar.story-toolbar form{margin:0}@media (max-width:480px){.toolbar.story-toolbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.toolbar.story-toolbar form{display:contents}.toolbar.story-toolbar .toolbar-spacer{display:none}:root:not(#_) .toolbar.story-toolbar>button,:root:not(#_) .toolbar.story-toolbar>form>button{white-space:nowrap;width:100%;min-width:0;padding-left:8px;padding-right:8px}.toolbar.story-toolbar>button:first-child{grid-column:1/-1}.toolbar.story-toolbar>form>button,.toolbar.story-toolbar>#open-demo,.toolbar.story-toolbar>#story-download{grid-column:span 3}.toolbar.story-toolbar>#reset,.toolbar.story-toolbar>#enlarge,.toolbar.story-toolbar>#size{grid-column:span 2}}.story-stage-row{flex:1;gap:14px;min-width:0;min-height:320px;display:flex}.story-stage-row>#preview-stage{flex:1 1 0;min-width:0;min-height:0}.story-caption{color:#304763;background:#f4f6fb;border:1px solid #e1e6ef;border-radius:8px;flex:0 0 clamp(280px,26%,340px);min-width:0;padding:18px 20px;overflow:auto}.story-caption-text{flex-direction:column;gap:10px;display:flex}.story-caption p,.story-caption h3{overflow-wrap:anywhere;margin:0}.story-caption-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#5d6c83;font-size:11px;font-weight:700}.story-caption h3{letter-spacing:-.01em;color:#0f1b3d;font-size:16px;font-weight:650;line-height:1.35}.story-caption-description{color:#263e5b;font-size:14px;line-height:1.6}.story-caption-meaning{color:#485c77;font-size:14px;line-height:1.6}.story-caption-meaning strong{color:#253e65;font-weight:600}@media (max-width:1000px){.story-stage-row{flex-direction:column;flex:none;min-height:0}.story-stage-row>#preview-stage{aspect-ratio:1600/1000;flex:none;height:auto;min-height:0}.story-caption{flex:none;overflow:visible}#catalog-workspace.story-layout.gallery-layout{height:auto;min-height:calc(100dvh - var(--catalog-header-height,100px))}}