body{background:#fff}.creations-main{box-sizing:border-box;max-width:1280px;margin:30px auto 54px;padding:0 16px;font:15px/1.6 system-ui,sans-serif;color:#171e19}
.intro,.search,.filters,.filters>div{display:flex;align-items:center;gap:14px}.intro{flex-wrap:wrap;margin-bottom:20px}.intro h1{margin:0;font-size:23px;line-height:1.3}.summary{color:#66716a;margin:0}.creations-main a{color:inherit;text-decoration:none}
.search{border:1px solid #e7ebe8;box-shadow:0 3px 12px #142b1a0b;border-radius:13px;padding:6px 8px 6px 18px}.search input{flex:1;min-width:0;border:0;font:inherit;padding:6px;background:transparent}
.creations-main button{font:inherit;border:0;cursor:pointer;border-radius:999px;padding:5px 13px;background:#fff;color:#526057}.creations-main .search button{background:#105d38;color:white;border-radius:10px;font-weight:650}.filters{justify-content:space-between;flex-wrap:wrap;margin:22px 0;color:#69746d;font-size:13px}.filters>div{gap:5px}.filters button[aria-pressed=true]{background:#17231b;color:white}
.gallery{columns:4;column-gap:16px}.card{position:relative;break-inside:avoid;overflow:hidden;border-radius:18px;border:1px solid #edf0ed;box-shadow:0 2px 5px #152a1710;margin-bottom:16px}.cover{display:block;width:100%;height:auto}.card-body{padding:14px 15px}.card h2{font-size:16px;line-height:1.4;margin:8px 0}.card p{color:#647068;font-size:13px}.card small,aside small{display:block;color:#647068;margin-top:10px}
.detail-link::after{content:'';position:absolute;inset:0}.skill{position:relative;display:inline-block;padding:3px 9px;border-radius:6px;background:#edf5ee;color:#185b38;font:13px monospace}.badge{border:1px solid #d3e1d6;color:#32634a;padding:1px 8px;border-radius:999px;font:11px monospace}
.creation-count{color:#78827b;font-size:13px}.creation-back{color:#32634a;margin:0 0 16px}
.detail{display:grid;grid-template-columns:3fr 2fr;border:1px solid #edf0ed;border-radius:20px;overflow:hidden;background:#fff}.media{background:#111;display:grid;place-items:center;min-height:380px;align-self:start}.media img{max-height:75vh;object-fit:contain}.detail article{padding:26px 28px}.detail h1{font-size:26px;line-height:1.23;margin:12px 0}.detail aside{padding:14px;border:1px solid #e1e9e2;border-radius:12px}
@media(max-width:960px){.gallery{columns:3}}@media(max-width:700px){.gallery{columns:2}.detail{grid-template-columns:1fr}}@media(max-width:390px){.gallery{columns:1}}
.creation-editorial{margin:18px 0;padding:14px 16px;border:1px solid #e1e9e2;border-radius:12px}.creation-editorial h2{font-size:17px;line-height:1.4;margin:0 0 8px}.creation-editorial p{margin:0 0 10px}.creation-editorial p:last-child{margin-bottom:0}

.showcase-date{text-align:right;color:#647068;font-size:13px}.showcase-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.showcase-skill h2,.showcase-replicate h2{margin:0;color:#105d38;font-size:16px}.showcase-skill h3{margin:10px 0 0;font-size:20px}.showcase-skill .showcase-row.summary{font-size:13px}.showcase-replicate{margin-top:18px;padding:16px;border-radius:12px;background:#f2f5f3}.showcase-replicate p{margin:4px 0 0}.showcase-replicate button{background:#105d38;color:#fff;padding:8px 16px}.showcase-replicate textarea{box-sizing:border-box;width:100%;min-height:8em;margin-top:12px}.showcase-replicate [role=status]{color:#105d38}

.showcase-author{display:flex;align-items:center;gap:8px}.showcase-author img{border-radius:50%;object-fit:cover}

.showcase-sidebar{min-width:0;padding:26px 28px}@media(max-width:700px){.showcase-sidebar{padding-top:0}}

.showcase-skill .skill{background:#105d38;color:#fff}

.card .showcase-card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.showcase-card-meta time{margin-left:auto;white-space:nowrap}