.ui-gallery-page{--gallery-ink:#20172b;--gallery-muted:#786b82;--gallery-purple:#6d4bd8}
.ui-gallery-page .page-shell{display:grid;gap:22px}
.ui-gallery-hero{min-height:480px;padding:clamp(34px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(248,240,255,.72) 50%,rgba(235,248,255,.72));isolation:isolate}
.ui-gallery-hero:after{content:"";position:absolute;width:470px;height:470px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(130,91,224,.22),rgba(82,190,235,.10) 48%,transparent 70%);filter:blur(4px);z-index:0}
.ui-gallery-hero-copy{max-width:670px}
.ui-gallery-hero-copy .eyebrow,.ui-gallery-heading .eyebrow,.ui-gallery-cta .eyebrow{color:#7657cf;letter-spacing:.17em}
.ui-gallery-hero h1{margin:12px 0 20px;color:var(--gallery-ink);font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.06em}
.ui-gallery-hero h1 span{background:linear-gradient(90deg,#6e4cd6,#d35caa 55%,#318ec2);-webkit-background-clip:text;background-clip:text;color:transparent}
.ui-gallery-hero-copy>p:not(.eyebrow){max-width:610px;margin:0;color:#64566d;font-size:17px;line-height:1.75}
.ui-gallery-hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}
.ui-gallery-neon-btn{position:relative;border:1px solid rgba(255,255,255,.72);background:linear-gradient(110deg,#6843e8,#b23bd1 58%,#248fc9);box-shadow:0 0 0 1px rgba(129,83,238,.24),0 0 22px rgba(128,70,236,.52),0 10px 30px rgba(100,55,190,.35);text-shadow:0 1px 8px rgba(255,255,255,.45);animation:ui-neon-pulse 2.6s ease-in-out infinite}.ui-gallery-neon-btn:after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(163,108,255,.35),transparent 70%);filter:blur(8px);z-index:-1}.ui-gallery-neon-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}
@keyframes ui-neon-pulse{50%{box-shadow:0 0 0 1px rgba(129,83,238,.38),0 0 34px rgba(151,76,241,.68),0 12px 34px rgba(100,55,190,.42)}}
.ui-gallery-hero-actions>span{color:#817287;font-size:13px}.ui-gallery-hero-actions>span b{color:#6b4bc8;font-size:18px}
.ui-gallery-hero-preview{position:relative;height:350px;z-index:2}
.ui-gallery-hero-preview:before{content:"";position:absolute;inset:35px 15px 25px 40px;border:1px solid rgba(110,75,216,.14);border-radius:45% 55% 55% 45%;transform:rotate(-8deg)}
.ui-float-card{position:absolute;width:230px;padding:24px;border:1px solid rgba(255,255,255,.72);border-radius:25px;background:rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(90,58,140,.18);backdrop-filter:blur(18px)}
.ui-float-card i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#6d4bd8;color:#fff;font-style:normal;font-size:11px}
.ui-float-card strong{display:block;margin:20px 0 12px;font-size:24px;line-height:1.08;letter-spacing:-.04em}.ui-float-card small{color:#82728d}
.ui-float-card-a{left:3%;top:3%;transform:rotate(-4deg)}.ui-float-card-b{right:1%;bottom:1%;transform:rotate(5deg)}.ui-float-card-b i{background:#31a5b4}
.ui-float-chart{position:absolute;left:38%;top:38%;width:185px;height:120px;padding:20px;display:flex;align-items:flex-end;gap:10px;border-radius:22px;background:#271e35;box-shadow:0 20px 45px rgba(48,30,70,.25);transform:rotate(2deg)}
.ui-float-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#a884ff,#56cce6)}.ui-float-chart span:nth-child(1){height:30%}.ui-float-chart span:nth-child(2){height:54%}.ui-float-chart span:nth-child(3){height:42%}.ui-float-chart span:nth-child(4){height:80%}.ui-float-chart span:nth-child(5){height:68%}
.ui-gallery-guide{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px);padding:12px 30px}
.ui-gallery-guide>div{display:flex;align-items:center;gap:13px}.ui-gallery-guide>div>b{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:rgba(109,75,216,.1);color:#6d4bd8}.ui-gallery-guide span{display:grid}.ui-gallery-guide strong{font-size:14px}.ui-gallery-guide small{color:#8a7b91;font-size:12px}.ui-gallery-guide>i{color:#c4b6cb;font-style:normal}
.ui-gallery-catalog{padding:clamp(26px,4vw,52px);overflow:visible}
.ui-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.ui-gallery-heading h2{margin:4px 0 6px;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.ui-gallery-heading p{margin:0;color:var(--gallery-muted)}
.ui-gallery-search{width:min(340px,100%);height:50px;padding:0 17px;display:flex;align-items:center;gap:9px;border:1px solid rgba(104,73,150,.16);border-radius:15px;background:rgba(255,255,255,.72)}.ui-gallery-search span{font-size:25px;color:#8c72b5}.ui-gallery-search input{width:100%;border:0;outline:0;background:transparent;color:#372b41;font:inherit}
.ui-gallery-filters{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-top:30px;padding:20px;border:1px solid rgba(100,75,125,.11);border-radius:20px;background:rgba(255,255,255,.42)}.ui-gallery-filters fieldset{min-width:0;margin:0;padding:0 0 2px;border:0}.ui-filter-side{display:grid;align-content:start;gap:22px}.ui-gallery-filters legend{margin-bottom:12px;color:#43354c;font-size:12px;font-weight:900;letter-spacing:.08em}.ui-gallery-filters legend small{margin-left:7px;color:#9a8ca1;font-weight:650;letter-spacing:0}.ui-filter-checks{display:flex;gap:8px;flex-wrap:wrap}.ui-filter-checks label{position:relative;cursor:pointer}.ui-filter-checks input{position:absolute;opacity:0;pointer-events:none}.ui-filter-checks span{display:flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(100,75,125,.14);border-radius:11px;background:rgba(255,255,255,.68);color:#74657c;font-size:12px;font-weight:800;transition:.18s ease}.ui-filter-checks span:before{content:"";width:14px;height:14px;margin-right:7px;border:1.5px solid #b5a7bc;border-radius:4px;background:#fff}.ui-filter-checks input:checked+span{border-color:#6d4bd8;background:#342942;color:#fff;box-shadow:0 7px 18px rgba(49,38,63,.16)}.ui-filter-checks input:checked+span:before{border-color:#a987ff;background:#8b63ee;box-shadow:inset 0 0 0 3px #342942}.ui-filter-checks input:focus-visible+span{outline:3px solid rgba(82,174,230,.28);outline-offset:2px}.ui-filter-reset{position:absolute;right:18px;bottom:-52px;min-height:34px;padding:0 13px;border:1px solid rgba(100,75,125,.13);border-radius:10px;background:rgba(255,255,255,.76);color:#796a80;font-weight:750;cursor:pointer}
.ui-filter-reset{position:static;grid-column:1/-1;justify-self:end}
.ui-filter-actions{grid-column:1/-1;justify-self:end;display:flex;align-items:center;gap:9px}.ui-filter-reset{border-color:rgba(109,75,216,.28);background:linear-gradient(135deg,#f0eaff,#e8f3ff);color:#6245b7;box-shadow:0 5px 14px rgba(91,63,155,.1)}.ui-filter-reset:hover{border-color:#7657cf;background:#e8deff}.ui-viewed-filter{position:relative;cursor:pointer}.ui-viewed-filter input{position:absolute;opacity:0;pointer-events:none}.ui-viewed-filter span{display:flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(42,158,112,.23);border-radius:10px;background:#f2fbf7;color:#287a5d;font-size:11px;font-weight:850}.ui-viewed-filter span:before{content:"";width:13px;height:13px;margin-right:7px;border:1.5px solid #64aa90;border-radius:4px;background:#fff}.ui-viewed-filter input:checked+span{border-color:#278460;background:#278460;color:#fff;box-shadow:0 6px 16px rgba(39,132,96,.2)}.ui-viewed-filter input:checked+span:before{background:#fff;box-shadow:inset 0 0 0 3px #278460}.ui-viewed-filter input:focus-visible+span{outline:3px solid rgba(39,132,96,.2);outline-offset:2px}
.ui-filter-checks span small{margin-left:5px;color:inherit;font-size:9px;font-weight:750;opacity:.62}
.ui-gallery-recent{display:flex;align-items:flex-start;gap:12px;margin:18px 0 0;padding:13px 15px;border:1px solid rgba(104,73,150,.12);border-radius:15px;background:rgba(255,255,255,.48)}.ui-gallery-recent[hidden]{display:none}.ui-gallery-recent>strong{flex:0 0 auto;padding-top:7px;color:#51405e;font-size:12px}.ui-gallery-recent>div{display:flex;min-width:0;gap:7px;overflow-x:auto}.ui-gallery-recent button{flex:0 0 auto;max-width:220px;padding:7px 10px;border:1px solid rgba(109,75,216,.14);border-radius:9px;background:#fff;color:#5e5065;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ui-gallery-recent button span{margin-right:6px;color:#7657cf;font-size:9px;font-weight:900}
.ui-gallery-result{margin:22px 0 14px;color:#8a7b91;font-size:13px}.ui-gallery-result strong{color:#594071}
.ui-gallery-grid{position:relative;display:block;min-height:0}
.ui-gallery-grid.is-loading:before{content:"";display:block;width:34px;height:34px;margin:50px auto;border:3px solid rgba(109,75,216,.18);border-top-color:#6d4bd8;border-radius:50%;animation:ui-gallery-spin .8s linear infinite}
.ui-gallery-grid.is-skeleton:before{display:none}
@keyframes ui-gallery-spin{to{transform:rotate(360deg)}}
.ui-gallery-card{min-width:0;border:1px solid rgba(95,70,125,.12);border-radius:22px;background:rgba(255,255,255,.68);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ui-gallery-card:hover{transform:translateY(-5px);border-color:rgba(109,75,216,.28);box-shadow:0 22px 45px rgba(68,45,92,.14)}
.ui-gallery-card-button{width:100%;height:100%;padding:0;border:0;display:flex;flex-direction:column;background:transparent;color:inherit;text-align:left;cursor:pointer}
.ui-gallery-card-visual{position:relative;box-sizing:border-box;flex:0 0 238px;height:238px;padding:18px;background:linear-gradient(150deg,#f1edf6,#e8f3f7);overflow:hidden}.ui-gallery-card-visual>.ui-card-image-wrap{height:100%;aspect-ratio:auto}.ui-card-view{position:absolute;right:28px;bottom:28px;padding:8px 12px;border-radius:10px;background:rgba(40,30,53,.88);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(6px);transition:.2s ease}.ui-gallery-card:hover .ui-card-view,.ui-gallery-card-button:focus-visible .ui-card-view{opacity:1;transform:none}
.ui-card-image-wrap{aspect-ratio:3/2;border:1px solid rgba(80,65,95,.12);border-radius:14px;background:#fff;box-shadow:0 14px 28px rgba(50,35,70,.12);overflow:hidden}
.ui-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ui-card-video{background:#101725}.ui-gallery-card .ui-card-video{pointer-events:none}.ui-dialog-visual .ui-card-video{pointer-events:auto}
.ui-card-video-placeholder{display:grid;place-content:center;gap:8px;background:linear-gradient(145deg,#172033,#273653);color:#fff;text-align:center}.ui-card-video-placeholder b{font-size:18px;letter-spacing:.16em}.ui-card-video-placeholder span{color:#c8d3e7;font-size:11px;font-weight:750}.ui-card-video-placeholder.is-error{background:linear-gradient(145deg,#302c38,#4b3843)}
.ui-card-mockup{height:210px;border:1px solid rgba(80,65,95,.12);border-radius:14px;background:#fff;box-shadow:0 14px 28px rgba(50,35,70,.12);overflow:hidden}.mock-window-bar{height:25px;padding:0 9px;display:flex;align-items:center;gap:4px;background:#f4f1f6}.mock-window-bar span{width:5px;height:5px;border-radius:50%;background:#d4ccd9}.mock-window-body{position:relative;height:calc(100% - 25px);padding:12px;display:flex;gap:10px;background:linear-gradient(145deg,#fff,#f8f7fa)}
.mock-kpis{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:calc(100% - 24px)}.mock-kpis i{height:31px;border-radius:6px;background:#eeebf3}.mock-kpis i:after{content:"";display:block;width:45%;height:4px;margin:8px;border-radius:5px;background:currentColor;opacity:.55}.mock-main{width:100%;height:83px;margin-top:40px;display:grid;grid-template-columns:1.7fr .7fr;gap:8px}.mock-bars{padding:8px;display:flex;align-items:flex-end;gap:5px;border-radius:7px;background:#f1eef5}.mock-bars b{flex:1;border-radius:3px 3px 0 0;background:currentColor;opacity:.7}.mock-bars b:nth-child(1){height:32%}.mock-bars b:nth-child(2){height:56%}.mock-bars b:nth-child(3){height:43%}.mock-bars b:nth-child(4){height:76%}.mock-bars b:nth-child(5){height:62%}.mock-bars b:nth-child(6){height:88%}.mock-donut{margin:auto;width:48px;height:48px;border:9px solid #ece8f0;border-right-color:currentColor;border-radius:50%}.mock-lines{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:4px}.mock-lines i,.mock-side-list i,.mock-notes i{height:5px;border-radius:5px;background:#ece8f0}.mock-lines i:nth-child(2){width:76%}.mock-lines i:nth-child(3){width:52%}
.is-violet{color:#7352d2}.is-blue{color:#418acb}.is-orange{color:#e1894a}.is-pink{color:#d85a9b}.is-green{color:#43a87e}.is-cyan{color:#2b9fab}
.mock-kanban{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mock-kanban section{padding:7px;border-radius:7px;background:#f1eef4}.mock-kanban b,.mock-kanban i{display:block;border-radius:4px}.mock-kanban b{width:50%;height:5px;margin-bottom:8px;background:currentColor}.mock-kanban i{height:42px;margin-top:6px;background:#fff;box-shadow:0 3px 8px rgba(40,30,50,.06)}
.mock-map{position:relative;flex:1;border-radius:8px;background:linear-gradient(145deg,#edf2eb,#e5eeef)}.mock-map:before,.mock-map:after{content:"";position:absolute;width:120%;height:1px;background:#d4ddda;transform:rotate(-25deg);top:45%;left:-10%}.mock-map:after{transform:rotate(28deg);top:60%}.mock-map i{position:absolute;width:9px;height:9px;border:3px solid currentColor;border-radius:50%;background:#fff}.mock-map i:nth-of-type(1){left:25%;top:28%}.mock-map i:nth-of-type(2){left:60%;top:45%}.mock-map i:nth-of-type(3){left:45%;top:70%}.mock-side-list{width:32%;padding:8px;border-radius:8px;background:#f5f2f6}.mock-side-list b,.mock-notes b{display:block;width:60%;height:6px;margin-bottom:12px;border-radius:4px;background:currentColor}.mock-side-list i{margin-top:10px}
.mock-phone{width:42%;margin:0 auto;padding:9px;border:3px solid #352d3d;border-radius:17px;background:#fff}.mock-phone-head{height:24px;border-radius:8px;background:currentColor;opacity:.15}.mock-phone>b,.mock-phone>i{display:block;border-radius:5px}.mock-phone>b{width:60%;height:7px;margin:14px 0 8px;background:currentColor}.mock-phone>i{height:5px;margin-top:7px;background:#e9e5ed}.mock-approve-actions{display:flex;gap:5px;margin-top:18px}.mock-approve-actions span{flex:1;height:20px;border-radius:6px;background:currentColor;opacity:.22}.mock-notes{flex:1;padding:15px 10px}.mock-notes i{margin-top:12px}
.field-phone{width:48%}.mock-photo{height:60px;border-radius:7px;background:linear-gradient(145deg,currentColor,#d4ecdd);opacity:.45}.mock-checks{flex:1;display:grid;align-content:center;gap:10px}.mock-checks span{display:grid;height:32px;place-items:center;border-radius:8px;background:#f0edf3;color:#4cad86;font-weight:900}.mock-checks span:last-child{color:#e18a45}
.mock-profile{width:35%;padding:14px 8px;border-radius:8px;background:#f3eff5;text-align:center}.mock-profile span{display:block;width:45px;height:45px;margin:0 auto 10px;border-radius:50%;background:currentColor;opacity:.28}.mock-profile b,.mock-profile i{display:block;height:6px;margin:7px auto;border-radius:5px;background:currentColor;opacity:.45}.mock-profile i{width:70%;background:#dcd6e1}.mock-timeline{flex:1;padding-top:7px}.mock-timeline i{display:block;height:28px;margin-bottom:8px;border-left:3px solid currentColor;border-radius:0 5px 5px 0;background:#f1eef4}.mock-mini-chart{width:22%;display:flex;align-items:flex-end;gap:4px}.mock-mini-chart b{flex:1;border-radius:3px;background:currentColor;opacity:.55}.mock-mini-chart b:nth-child(1){height:30%}.mock-mini-chart b:nth-child(2){height:60%}.mock-mini-chart b:nth-child(3){height:45%}.mock-mini-chart b:nth-child(4){height:80%}
.ui-gallery-card-copy{flex:1;min-height:0;padding:16px 20px 14px;display:flex;flex-direction:column;overflow:hidden}.ui-gallery-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ui-card-tag{display:block;min-width:0;padding:5px 9px;border-radius:7px;background:rgba(109,75,216,.09);color:#694cb8;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-gallery-card-copy small{flex:0 0 auto;color:#a095a7;font-size:10px}.ui-gallery-card-copy h3{margin:10px 0 4px;color:#30243a;font-size:19px;line-height:1.25;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-gallery-card-copy p{display:-webkit-box;margin:0;color:#7a6c82;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ui-card-meta{margin-top:auto;padding-top:7px;color:#766386;font-size:10px;font-weight:800}.ui-card-status{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-top:4px;color:#9a8da0;font-size:10px;white-space:nowrap}.ui-card-status i,.ui-dialog-notice i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#dd9a55}
.ui-viewed-mark{display:inline-flex;margin-right:6px;padding:3px 5px;border-radius:5px;background:#e8f7f0;color:#218660;font-size:9px}.ui-gallery-card.is-viewed{border-color:rgba(42,158,112,.3)}
.ui-gallery-skeleton{pointer-events:none;background:rgba(255,255,255,.7)}.ui-skeleton-image{height:61%;margin:18px;border-radius:14px;background:#e7e2eb}.ui-skeleton-copy{padding:0 20px;display:grid;gap:10px}.ui-skeleton-copy i{display:block;height:12px;border-radius:8px;background:#e8e3ec}.ui-skeleton-copy i:nth-child(1){width:42%}.ui-skeleton-copy i:nth-child(2){width:70%;height:20px}.ui-skeleton-copy i:nth-child(3){width:92%}.ui-skeleton-copy i:nth-child(4){width:58%}.ui-gallery-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.78) 48%,transparent 72%);transform:translateX(-100%);animation:ui-skeleton-shimmer 1.15s infinite}@keyframes ui-skeleton-shimmer{to{transform:translateX(100%)}}
.ui-gallery-more-row{display:flex;justify-content:center;margin-top:24px}.ui-gallery-more{min-width:230px;cursor:pointer}.ui-gallery-more[hidden]{display:none}.ui-gallery-more:disabled{opacity:.55;cursor:wait}
.ui-gallery-empty{padding:60px 20px;text-align:center}.ui-gallery-empty strong,.ui-gallery-empty span{display:block}.ui-gallery-empty span{margin-top:7px;color:#8d7e93}
.ui-gallery-cta{padding:clamp(30px,4vw,50px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(125deg,rgba(42,31,56,.95),rgba(83,52,125,.93));color:#fff}.ui-gallery-cta h2{margin:5px 0;font-size:clamp(26px,3vw,38px)}.ui-gallery-cta p{margin:0;color:#d8cee1}.ui-gallery-cta .primary-btn{flex:0 0 auto;background:#fff;color:#4a3269}.ui-gallery-cta .primary-btn span,.ui-dialog-copy .primary-btn span{margin-left:9px}
.ui-gallery-dialog{width:calc(100% - 20px);max-width:none;height:calc(100dvh - 20px);max-height:none;padding:0;border:0;border-radius:22px;background:#fff;color:#30243a;box-shadow:0 35px 100px rgba(33,23,43,.36);overflow:hidden}.ui-gallery-dialog::backdrop{background:rgba(31,22,42,.64);backdrop-filter:blur(7px)}.ui-gallery-dialog-close{position:absolute;right:16px;top:14px;z-index:7;height:44px;padding:0 15px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#30243a;color:#fff;font-weight:850;box-shadow:0 8px 24px rgba(31,20,42,.26);cursor:pointer}.ui-gallery-dialog-close svg,.ui-gallery-dialog-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ui-gallery-dialog-nav{position:absolute;left:50%;top:13px;z-index:6;display:flex;align-items:center;gap:7px;transform:translateX(-50%);padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:#30243a;color:#fff;box-shadow:0 10px 28px rgba(31,20,42,.3)}.ui-gallery-dialog-nav button{min-height:36px;padding:0 14px;display:flex;align-items:center;gap:7px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;cursor:pointer}.ui-gallery-dialog-nav button:hover:not(:disabled){background:#7657cf}.ui-gallery-dialog-nav button:disabled{opacity:.28;cursor:not-allowed}.ui-gallery-dialog-nav strong{min-width:54px;color:#e8dff0;font-size:12px;text-align:center}.ui-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;height:calc(100dvh - 20px);min-height:0}.ui-dialog-visual{position:relative;min-width:0;min-height:0;padding:66px 16px 16px;display:grid;align-items:center;background:linear-gradient(145deg,#ded7e9,#e1eef3)}.ui-dialog-visual .ui-card-image-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:10px;box-shadow:0 20px 45px rgba(45,32,60,.18)}.ui-dialog-visual .ui-card-image{object-fit:contain;background:#101725}.ui-dialog-badge{position:absolute;left:20px;top:20px;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.82);color:#6d4bd8;font-size:11px;font-weight:850}.ui-dialog-copy{min-height:0;padding:76px 22px 28px;overflow-y:auto}.ui-dialog-copy h2{margin:14px 0 12px;font-size:27px;line-height:1.2;letter-spacing:-.045em}.ui-dialog-copy>p{color:#75677d}.ui-dialog-uses{margin:22px 0;padding:16px;border-radius:15px;background:#f7f4f9}.ui-dialog-uses strong{font-size:13px}.ui-dialog-uses ul{margin:12px 0 0;padding-left:20px;color:#736579;font-size:13px}.ui-dialog-uses li+li{margin-top:6px}.ui-dialog-notice{display:flex;align-items:center;gap:7px;font-size:11px!important}
body.ui-dialog-open{overflow:hidden}
@media (max-width:1100px){.ui-gallery-hero{grid-template-columns:1fr minmax(340px,.8fr)}.ui-gallery-filters{grid-template-columns:1fr}.ui-filter-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ui-gallery-page .page-shell{gap:14px}.ui-gallery-hero{min-height:auto;padding:32px 22px;grid-template-columns:1fr}.ui-gallery-hero h1{font-size:40px}.ui-gallery-hero-preview{height:280px;margin-top:15px}.ui-float-card{width:190px;padding:18px}.ui-float-card strong{font-size:20px}.ui-float-chart{left:30%;width:155px}.ui-gallery-heading{display:grid}.ui-gallery-search{width:100%}.ui-gallery-filters{padding:16px}.ui-filter-side{grid-template-columns:1fr;gap:16px}.ui-filter-checks{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.ui-filter-checks label{flex:0 0 auto}.ui-filter-actions{justify-self:stretch;justify-content:flex-end;flex-wrap:wrap}.ui-filter-reset{position:static}.ui-gallery-card-visual{flex-basis:220px;height:220px}.ui-gallery-dialog{height:calc(100dvh - 16px);overflow:auto}.ui-gallery-dialog-nav{left:10px;top:10px;transform:none}.ui-gallery-dialog-nav button{width:40px;padding:0;justify-content:center}.ui-gallery-dialog-nav button span{display:none}.ui-gallery-dialog-close{right:10px;top:10px;width:42px;padding:0;justify-content:center}.ui-gallery-dialog-close span{display:none}.ui-dialog-layout{display:block;height:auto}.ui-dialog-visual{min-height:0;padding:62px 10px 14px}.ui-dialog-visual .ui-card-image-wrap{height:auto;aspect-ratio:3/2}.ui-dialog-copy{padding:30px 24px;overflow:visible}.ui-dialog-copy h2{font-size:28px}}
@media (max-width:430px){.ui-gallery-hero-actions{align-items:flex-start;flex-direction:column}.ui-gallery-hero-preview{height:250px}.ui-float-card{width:165px;padding:15px}.ui-float-card strong{margin:12px 0 7px;font-size:17px}.ui-float-chart{left:29%;top:42%;width:135px;height:90px}.ui-gallery-catalog{padding:22px 15px}.ui-gallery-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.ui-gallery-filters button{flex:0 0 auto}.ui-gallery-card-copy p{min-height:0}.ui-gallery-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}}
@media (prefers-reduced-motion:reduce){.ui-gallery-card,.ui-card-view,.ui-gallery-neon-btn{transition:none;animation:none}.ui-gallery-skeleton:after{animation:none}}