@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--ink:#171714;--muted:#73736c;--soft:#f4f4f0;--line:#17171424;--glass:#ffffffeb;--accent:#ef5b3e;--ad:#f0f0eb;font-family:SUIT Variable,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}body,button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px}.site{background:var(--paper);min-height:100svh}.site-header{z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;height:52px;padding:0 clamp(22px,4vw,64px);transition:transform .3s cubic-bezier(.2,.75,.2,1);display:flex;position:sticky;top:0}.header-hidden .site-header{transform:translateY(-100%)}.brand{white-space:nowrap;align-items:center;display:inline-flex}.search-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:40px;height:40px;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;grid-area:1/1;width:18px;transition:transform .32s cubic-bezier(.2,.75,.2,1),opacity .22s}.search-toggle .icon-search{opacity:1;transform:rotate(0)}.search-toggle .icon-close{opacity:0;transform:rotate(-90deg)}.menu-open .search-toggle .icon-search{opacity:0;transform:rotate(90deg)}.menu-open .search-toggle .icon-close{opacity:1;transform:rotate(0)}.brand-logo{width:auto;height:19px;display:block}.catalog-layout{align-items:stretch;min-height:90svh;scroll-margin-top:52px;display:flex}.side-panel{z-index:25;background:var(--paper);flex:none;width:288px;height:calc(100svh - 52px);transition:width .38s cubic-bezier(.25,.8,.25,1),top .3s cubic-bezier(.2,.75,.2,1),height .3s cubic-bezier(.2,.75,.2,1);position:sticky;top:52px;overflow:hidden}.panel-closed .side-panel{width:0}.panel-handle-track{z-index:26;flex:none;width:0;height:calc(100svh - 52px);transition:top .3s cubic-bezier(.2,.75,.2,1),height .3s cubic-bezier(.2,.75,.2,1);position:sticky;top:52px;overflow:visible}.panel-toggle{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-left:0;border-radius:0 11px 11px 0;place-items:center;width:22px;height:64px;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;left:-1px;transform:translateY(-50%);box-shadow:2px 0 8px #18181512}.panel-toggle:hover{background:var(--ink);color:var(--paper)}.panel-toggle svg{width:12px;transition:transform .38s}.panel-closed .panel-toggle svg{transform:rotate(180deg)}.panel-body{opacity:1;flex-direction:column;width:288px;height:100%;padding:26px 24px 22px;transition:opacity .22s;display:flex;overflow-y:auto}.panel-body .filter-group:last-of-type{margin-bottom:34px}.legal-links{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.legal-about{color:var(--muted);margin:0 0 14px;font-size:10px;line-height:1.7}.legal-links nav{flex-wrap:wrap;gap:6px 14px;display:flex}.legal-links a{color:var(--muted);font-size:9.5px;transition:color .2s}.legal-links a:hover{color:var(--ink)}.legal-links small{color:var(--muted);margin-top:10px;font-size:8px;display:block}.panel-closed .panel-body{opacity:0;pointer-events:none}.header-hidden .side-panel,.header-hidden .panel-handle-track{height:100svh;top:0}.catalog-heading{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:end;column-gap:8px;padding-bottom:20px;display:grid}.catalog-heading>span{color:var(--accent);letter-spacing:.18em;grid-column:1/-1;margin-bottom:9px;font-size:10px;font-weight:850}.catalog-heading strong{letter-spacing:-.06em;font-size:34px;line-height:.9}.catalog-heading small{color:var(--muted);padding-bottom:1px;font-size:10px}.panel-body .search-field{flex:none;max-width:none;height:44px;margin:14px 0 22px;padding:0}.search-field{border-bottom:1px solid var(--line);flex:1;align-items:center;gap:9px;max-width:340px;height:38px;margin:0;padding:0 4px;display:flex}.search-field svg{width:17px;color:var(--muted)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-field input::placeholder{color:var(--muted)}.filter-group{margin-top:25px}.filter-group>span{color:var(--muted);letter-spacing:.04em;margin-bottom:10px;font-size:10px;font-weight:740;display:block}.filter-group>div{flex-wrap:wrap;gap:6px;display:flex}.filter-group button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;min-height:34px;padding:0 12px;font-size:11.5px;transition:background .2s,color .2s,border-color .2s}.filter-group button:hover,.filter-group button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.catalog-content{min-width:0;padding:2px}.skeleton-tile{aspect-ratio:1/1.18;background:linear-gradient(100deg, var(--soft) 40%, #ffffff8c 50%, var(--soft) 60%) var(--soft);min-width:0;animation:1.3s linear infinite shimmer,.4s both tileIn;animation-delay:var(--delay), var(--delay);background-size:300% 100%}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.gallery-item{background:var(--soft);cursor:pointer;text-align:left;min-width:0;animation:.4s both tileIn;animation-delay:var(--delay);border:0;padding:0;position:relative;overflow:hidden}.gallery-item>img,.detail-visual>img,.intro-wall img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gallery-item>img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .25s;display:block}.gallery-item:hover>img{filter:brightness(.92);transform:scale(1.025)}.desktop-caption{background:var(--paper);flex-direction:column;gap:3px;min-height:54px;padding:11px 12px 10px;display:flex}.desktop-caption strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:11px;overflow:hidden}.desktop-caption small{color:var(--muted);font-size:8px}.catalog-ad{aspect-ratio:1;border:1px solid var(--line);background:var(--ad);min-width:0;position:relative;overflow:hidden}.catalog-ad>span{z-index:1;color:var(--muted);letter-spacing:.12em;font-size:7px;position:absolute;top:7px;right:7px}.catalog-ad .adsbygoogle{min-height:100%}.catalog-loader{justify-content:center;align-items:center;gap:5px;height:90px;display:flex}.catalog-loader i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:.75s ease-in-out infinite alternate pulse}.catalog-loader i:nth-child(2){animation-delay:.12s}.catalog-loader i:nth-child(3){animation-delay:.24s}.menu-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080773;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu-dismiss{background:0 0;border:0;width:100%;position:absolute;inset:0}.mobile-menu-panel{z-index:1;background:var(--paper);flex-direction:column;width:min(88vw,360px);height:100%;padding:18px 18px 22px;animation:.3s cubic-bezier(.2,.75,.2,1) both sheetIn;display:flex;position:relative;overflow:auto}.mobile-menu-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;display:flex}.mobile-menu-panel>header span{letter-spacing:-.03em;font-size:14px;font-weight:850}.mobile-menu-panel>header button{background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.mobile-menu-panel .filter-group{margin-top:28px}.mobile-menu-panel .filter-group>span{font-size:9px}.mobile-menu-panel .filter-group button{min-height:34px;padding:0 11px;font-size:10px}.mobile-menu-panel .legal-links{margin-top:auto;padding-top:20px}.menu-apply{background:var(--ink);width:100%;min-height:48px;color:var(--paper);border:0;margin-top:16px;font-size:11px;font-weight:800}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:60svh;display:flex}.empty-state strong{letter-spacing:-.04em;font-size:18px}.empty-state button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:5px 0;font-size:10px}.detail{z-index:100;color:#fff;background:#0d0d0c;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);animation:.28s both detailIn;display:grid;position:fixed;inset:0}.detail-close{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0c0c0bad;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.detail-visual{background:#0d0d0c;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.detail-visual>img{object-fit:contain;width:100%;height:100%;transition:opacity .42s,transform .55s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.detail-visual .result-image{opacity:1}.detail-visual .source-image{opacity:0;transform:scale(1.015)}.detail-visual.source-visible .result-image{opacity:0;transform:scale(.985)}.detail-visual.source-visible .source-image{opacity:1;transform:scale(1)}.detail-visual .ai-note{z-index:2;color:#ffffffd9;letter-spacing:.09em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0bb3;border-radius:99px;padding:6px 10px;font-size:8px;font-weight:780;transition:opacity .3s;position:absolute;bottom:18px;left:18px}.detail-visual.source-visible .ai-note{opacity:0}.detail-visual>button{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0c0c0bb3;border:1px solid #ffffff73;border-radius:99px;min-height:34px;padding:0 12px;font-size:9px;font-weight:780;position:absolute;top:18px;left:18px}.detail-copy{background:var(--paper);min-width:0;color:var(--ink);flex-direction:column;justify-content:space-between;padding:clamp(70px,9vh,110px) clamp(28px,4vw,62px) 34px;display:flex;overflow:auto}.detail-copy h2{letter-spacing:-.065em;margin:18px 0 17px;font-size:clamp(40px,4vw,66px);line-height:.94}.detail-copy p{max-width:390px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.detail-copy dl{border-top:1px solid var(--line);margin:30px 0 0}.detail-copy dl div{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr;align-items:center;min-height:46px;font-size:10px;display:grid}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0;font-weight:740}.oisi-status{padding-top:36px}.oisi-status>span{color:var(--muted);margin-bottom:10px;font-size:9px;display:block}.oisi-status button{border:1px solid var(--line);background:var(--soft);width:100%;min-height:48px;color:var(--muted);cursor:not-allowed;font-size:10px;font-weight:760}@keyframes tileIn{0%{opacity:0;transform:translateY(10px)}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-60% 0}}@keyframes detailIn{0%{opacity:0}}@keyframes sheetIn{0%{transform:translate(100%)}}@keyframes pulse{0%{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=1100px) and (width>=681px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=680px){.site-header{height:46px;padding:0 16px}.search-toggle{display:grid}.menu-open .site-header{transform:none}.menu-backdrop{top:46px}.mobile-menu-panel>header{display:none}.mobile-menu-panel .search-field{flex:none;max-width:none;height:46px;margin:4px 0 6px}.brand-logo{height:16px}.catalog-layout{min-height:80svh;scroll-margin-top:46px;display:block}.side-panel,.panel-handle-track{display:none}.catalog-content{padding:0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.gallery-item>img{aspect-ratio:1}.desktop-caption{display:none}.gallery-item:hover>img{filter:none;transform:none}.catalog-ad{aspect-ratio:1}.catalog-loader{height:62px}.detail{background:var(--paper);color:var(--ink);display:block;overflow:auto}.detail-close{position:fixed;top:12px;right:12px}.detail-visual{height:min(70svh,590px)}.detail-visual>img{object-fit:cover}.detail-copy{min-height:410px;padding:38px 23px 24px;overflow:visible}.detail-copy h2{margin:14px 0 13px;font-size:40px}.detail-copy p{font-size:11px}.detail-copy dl{margin-top:23px}.oisi-status{margin-top:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
