body,html{min-height:100vh}body{background:#fff;color:var(--black);font-family:Geist Mono,monospace;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.grid-wrap{flex:1}.topbar{padding:0}.nav-item,.topbar-logo{text-transform:none}.nav-item{letter-spacing:0}.nav-item.active,.nav-item:hover{color:var(--black)}.nav-item.active{color:var(--orange)}.api-link{letter-spacing:0;text-transform:none}.search-overlay input{font-weight:400;letter-spacing:.04em}.style-bar{position:fixed;top:63px;left:0;right:0;z-index:90;background:#fff;border-bottom:1px solid #f0f0f0}.style-bar-inner{max-width:1440px;margin:0 auto;padding:12px 48px 15px;display:flex;justify-content:center;gap:25px}.style-item{font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--light);cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;padding:0;transition:color .15s}.style-item:hover{color:var(--gray)}.style-item.active{color:var(--orange)}.grid-wrap{max-width:1440px;margin:0 auto;padding:96px 48px 80px}.count-bar{text-align:center;font-size:14px;letter-spacing:0;text-transform:none;font-family:DM Sans,sans-serif;color:var(--light);padding:20px 0 8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:750px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}.card{display:block;text-decoration:none;padding:16px 14px 14px;transition:background .2s;cursor:pointer}.card:hover{background:#fafafa}.card-img{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;margin-bottom:10px}.card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block;transition:transform .4s ease}.card:hover .card-img img{transform:scale(1.02)}.card-img .ph{position:absolute;inset:0;display:flex;flex-direction:column;gap:0}.ph-row{flex:1;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;padding:0 12px;gap:8px}.ph-row:last-child{border-bottom:none}.ph-line{height:1px;background:#e8e8e8;border-radius:1px}.ph-block{background:#f0f0f0;border-radius:2px}.ph-style-a{background:#f8f8f8}.ph-style-b{background:linear-gradient(180deg,#111,#222)}.ph-style-c{background:#f5f2ee}.ph-style-d{background:#eef2f8}.ph-style-e{background:#f0f8f0}.ph-style-f{background:#f8f0f5}.ph-style-g{background:#f5f5f0}.ph-style-b .ph-line{background:hsla(0,0%,100%,.15)}.ph-style-b .ph-block{background:hsla(0,0%,100%,.1)}.ph-style-b .ph-row{border-color:hsla(0,0%,100%,.06)}.ph-hero{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px}.ph-hero .ph-line{width:60%}.ph-hero .ph-line.sm{width:40%}.ph-hero .ph-line.xs{width:25%;height:1px;background:#ddd}.card-meta{display:flex;align-items:baseline;justify-content:space-between}.card-domain{font-size:14px;font-weight:400;color:var(--black)}.card-domain,.card-tag{letter-spacing:0;text-transform:none;font-family:DM Sans,sans-serif}.card-tag{font-size:13px;color:var(--light)}.footer{border-top:1px solid #f0f0f0;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.footer-left{font-size:11px;letter-spacing:0;text-transform:none;font-family:DM Sans,sans-serif;color:var(--light)}.footer-left span{color:var(--orange)}.footer-right{font-size:11px;letter-spacing:0;text-transform:none;font-family:DM Sans,sans-serif;color:var(--light)}@media (max-width:768px){.topbar-inner{padding:14px 16px}.style-bar-inner{gap:14px;padding:8px 16px 10px;overflow-x:auto;justify-content:flex-start}.topbar-nav{gap:18px}.grid-wrap{padding-top:88px}.card{padding:20px 14px 16px}.footer{padding:16px;flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width:480px){.api-link,.topbar-nav{display:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--orange:#f6511d;--black:#111;--gray:#999;--light:#ccc;--topbar-h:63px;--header-h:63px}body,html{background:#fff;color:var(--black);font-family:Geist Mono,monospace;-webkit-font-smoothing:antialiased;height:100%;overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff}.topbar-inner{max-width:1440px;margin:0 auto;padding:22px 62px;justify-content:space-between}.topbar-inner,.topbar-logo{display:flex;align-items:center}.topbar-logo{font-size:19px;font-weight:600;letter-spacing:-.02em;text-decoration:none;font-family:DM Sans,sans-serif;color:var(--black);line-height:1}.topbar-logo span{color:var(--orange)}.topbar-nav{display:flex;align-items:center;gap:35px;position:absolute;left:50%;transform:translateX(-50%)}.nav-item{font-size:16px;font-weight:400;color:var(--gray);cursor:pointer;text-decoration:none;transition:color .15s;background:none;border:none;font-family:DM Sans,sans-serif;padding:0}.nav-item:hover{color:var(--black)}.topbar-right{gap:25px}.search-btn,.topbar-right{display:flex;align-items:center}.search-btn{background:none;border:none;cursor:pointer;padding:0;color:var(--gray);transition:color .15s}.search-btn:hover{color:var(--black)}.api-link{font-size:16px;font-weight:500;font-family:DM Sans,sans-serif;color:var(--orange);text-decoration:none;transition:opacity .15s;line-height:1;display:flex;align-items:center}.api-link:hover{opacity:.7}.search-overlay{position:fixed;inset:0;z-index:200;background:hsla(0,0%,100%,.97);display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;pointer-events:none;transition:opacity .2s}.search-overlay.open{opacity:1;pointer-events:all}.search-overlay-inner{width:100%;max-width:480px;padding:0 24px}.search-overlay input{width:100%;font-family:Geist Mono,monospace;font-size:14px;color:var(--black);background:transparent;border:none;border-bottom:1px solid var(--black);outline:none;padding:10px 0}.search-overlay input::-moz-placeholder{color:var(--light);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.search-overlay input::placeholder{color:var(--light);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.search-close{position:absolute;top:20px;right:32px;background:none;border:none;cursor:pointer;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}.split{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;display:flex}.panel-left{width:390px;flex-shrink:0;border-right:1px solid #f0f0f0;overflow-y:auto;padding:36px 32px 60px 62px;display:flex;flex-direction:column;gap:0}.panel-right{flex:1;overflow-y:auto;background:#fafafa;padding:20px 62px 0 0}.panel-right img{width:100%;display:block}.detail-back{font-size:13px;font-family:DM Sans,sans-serif;color:var(--gray);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;transition:color .15s;margin-bottom:32px}.detail-back:hover,.detail-domain{color:var(--black)}.detail-domain{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-bottom:10px}.detail-desc,.detail-domain{font-family:DM Sans,sans-serif}.detail-desc{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:20px}.detail-divider{height:1px;background:#f0f0f0;margin:20px 0}.detail-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:10px}.detail-label,.tag-chip{font-family:DM Sans,sans-serif}.tag-chip{display:inline-block;font-size:12px;color:var(--gray);border:1px solid #ebebeb;padding:5px 12px;margin-bottom:16px}.style-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.style-chip{font-size:12px;font-family:DM Sans,sans-serif;color:var(--gray);border:1px solid #f0f0f0;padding:4px 10px}.color-dots{display:flex;align-items:center;gap:8px;margin-bottom:4px}.color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:transform .15s}.color-dot:hover{transform:scale(1.2)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;color:#fff;background:var(--black);border:none;cursor:pointer;padding:14px 20px;text-decoration:none;transition:background .15s;width:100%;margin-bottom:8px;line-height:1}.btn-primary:hover{background:#333}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--gray);background:none;border:1px solid #ebebeb;cursor:pointer;padding:12px 20px;width:100%;transition:all .15s;line-height:1}.btn-secondary:hover{border-color:var(--black);color:var(--black)}.btn-secondary.copied{color:var(--orange);border-color:var(--orange)}.pager{display:flex;gap:6px;margin-top:24px}.pager-btn{flex:1;font-size:12px;font-family:DM Sans,sans-serif;color:var(--gray);background:none;border:1px solid #ebebeb;cursor:pointer;padding:10px 0;transition:all .15s;line-height:1}.pager-btn:hover{border-color:var(--black);color:var(--black)}.similar-list{display:flex;flex-direction:column;gap:0}.similar-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f8f8f8;text-decoration:none;cursor:pointer;transition:background .15s}.similar-item:last-child{border-bottom:none}.similar-thumb{width:48px;height:30px;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0}.similar-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.similar-thumb .ph-mini,.similar-thumb img{width:100%;height:100%}.similar-info{flex:1;padding:0 12px}.similar-domain{font-size:13px;color:var(--black);line-height:1.2}.similar-domain,.similar-tag{font-family:DM Sans,sans-serif}.similar-tag{font-size:11px;color:var(--light)}.similar-arrow{font-size:12px;color:var(--light)}.shortcuts-hint{position:fixed;bottom:20px;right:20px;width:26px;height:26px;border-radius:50%;border:1px solid #e8e8e8;background:#fff;font-family:Geist Mono,monospace;font-size:12px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:400}.shortcuts-hint:hover{border-color:#111;color:#111}