.variant-preview{position:relative;background:#e7f2f1;min-height:520px;display:flex;align-items:center;justify-content:center;padding:52px 20px 20px}.variant-preview img{width:100%;height:100%;max-height:76vh;object-fit:contain}.variant-tabs{position:absolute;z-index:2;left:18px;top:14px;display:flex;gap:6px;background:rgba(255,255,255,.9);padding:4px;border-radius:100px}.variant-tab{border:0;background:transparent;color:#718084;border-radius:100px;padding:7px 12px;font:600 12px inherit;cursor:pointer}.variant-tab.active{background:#17252a;color:#fff}.outline-empty{position:absolute;inset:52px 20px 20px;place-items:center;color:#718084;font-size:13px;background:#eef5f4}.modal-card{grid-template-columns:1.35fr 1fr}.admin-main{max-width:920px;margin:0 auto;padding:72px 0}.admin-panel{background:#fff;border:1px solid var(--line);padding:42px;box-shadow:var(--shadow)}.admin-panel h1{font-size:32px;margin:10px 0 12px}.admin-panel p{color:var(--muted);font-size:14px;line-height:1.8}.admin-panel label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;margin:22px 0}.admin-panel input,.admin-panel select{border:1px solid var(--line);padding:12px;border-radius:6px;font:14px inherit;color:var(--ink);background:#fff}.admin-panel-head{display:flex;justify-content:space-between;align-items:start}.admin-error{color:var(--coral);font-size:12px;margin-top:10px}.generated-codes{margin-top:22px;border-top:1px solid var(--line)}.codes-head,.code-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.codes-head{font-weight:700}.codes-head button,.code-row button{border:0;background:none;color:var(--teal);cursor:pointer;font:inherit}.code-row code{letter-spacing:.12em;font-weight:700}.admin-hint{font-size:11px!important;color:#9aa5a6!important}@media(max-width:600px){.variant-preview{min-height:310px}.modal-card{grid-template-columns:1fr}.admin-main{padding:28px 20px}.admin-panel{padding:26px 20px}.admin-panel h1{font-size:24px}}
.card-seo-link{position:absolute;inset:0;z-index:1;font-size:0;color:transparent;text-decoration:none}.collection-card{position:relative}.collection-card .heart{z-index:2}.work-page{max-width:1180px;margin:0 auto;padding:48px 5vw 80px}.work-page>.text-link{display:inline-block;margin-bottom:28px}.work-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:7vw;align-items:center}.work-media{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.work-media img{display:block;width:100%;height:auto;background:#fff;box-shadow:var(--shadow)}.work-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.15;margin:14px 0 20px}.work-copy>p:not(.section-kicker){color:var(--muted);line-height:1.9;font-size:16px}.work-meta{font-size:13px!important;color:var(--teal)!important;margin:24px 0}.work-seo{border-top:1px solid var(--line);margin-top:70px;padding-top:32px;max-width:780px}.work-seo h2{font-size:24px;margin:0 0 12px}.work-seo p{color:var(--muted);line-height:1.9;margin:0}@media(max-width:760px){.work-page{padding-top:28px}.work-detail{grid-template-columns:1fr;gap:36px}.work-media{grid-template-columns:1fr 1fr}.work-copy h1{font-size:36px}.work-seo{margin-top:46px}}
.seo-index-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.seo-index-links a{color:var(--muted);text-decoration:none}.seo-index-links a:hover{color:var(--teal)}
.modal-card{overflow-y:auto}
@media(max-width:800px){
  .modal-card{max-height:92vh;overflow-y:auto}
  .variant-preview{height:min(52vh,480px);min-height:0;padding:48px 16px 16px}
  .variant-preview img{height:100%;max-height:100%;object-fit:contain}
  .modal-info{padding:20px 22px 24px}
}
.card-seo-link{display:none!important}.seo-index-links{column-gap:24px;row-gap:14px;margin-top:34px;padding:24px 0 8px;line-height:1.6}.seo-index-links span{font-weight:600;color:var(--ink)}.seo-index-links a{white-space:nowrap}.card-meta span:last-child{color:var(--muted);white-space:nowrap;cursor:pointer}.card-meta span:last-child:hover{color:var(--teal)}
.follow-card{max-height:92vh;overflow-y:auto}.follow-card>img{height:auto;max-height:72vh;object-fit:contain;object-position:center;align-self:center}@media(max-width:600px){.follow-card{max-height:92vh;overflow-y:auto}.follow-card>img{width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;flex:0 0 auto}.follow-copy{flex:0 0 auto}}
.ranking-section{padding:0 0 92px}.ranking-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 28px;margin-top:28px}.ranking-item{display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:12px;padding:16px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.ranking-item b{color:var(--coral);font:700 14px 'DM Sans'}.ranking-item span{font-size:14px;font-weight:700}.ranking-item small{grid-column:2;color:var(--muted);font-size:11px;margin-top:3px}.ranking-item:hover span{color:var(--teal)}.ranking-empty,.ranking-loading{color:var(--muted);font-size:13px}@media(max-width:800px){.ranking-list{grid-template-columns:repeat(2,1fr);gap:8px 18px}}@media(max-width:480px){.ranking-list{grid-template-columns:1fr}}