.oc-hero{padding:54px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:32px}.oc-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.08;letter-spacing:-2px;max-width:790px;margin:16px 0}.oc-hero h1 span{color:#c8f582}.oc-hero p{max-width:630px;font-size:17px;line-height:1.7;color:#c4c4d0}.oc-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:end;padding:22px;margin:20px 0 30px}.oc-toolbar label{flex:1 1;min-width:150px}.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin:24px 0 48px}.oc-tile{border:1px solid #3c3e4b;border-radius:22px;overflow:hidden;background:#24252f;text-decoration:none;color:inherit}.oc-tile img{width:100%;aspect-ratio:1;object-fit:contain;background:#15161c}.oc-tile div{padding:22px}.oc-tile h2{font-size:23px;margin:9px 0}.oc-tile p{color:#c4c4d0;line-height:1.6}.oc-tag{display:inline-flex;padding:6px 10px;border-radius:20px;background:#353442;color:#d8c8f3;font-size:12px}.oc-featured{color:#c8f582}.oc-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;margin:32px 0}.oc-art{width:100%;max-height:80vh;object-fit:contain;border-radius:24px;background:#14151b}.oc-story{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:17px}.oc-actions,.oc-share{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.oc-share small{width:100%}.oc-detail h1{font-size:clamp(32px,4vw,58px);overflow-wrap:anywhere}.oc-form-wrap{max-width:800px;margin:0 auto}.oc-check{display:flex!important;align-items:flex-start;gap:12px;line-height:1.6}.oc-check input{width:20px!important;flex-shrink:0;margin-top:4px}.oc-upload-preview{max-height:350px;width:100%;object-fit:contain}.oc-note{padding:24px;border:1px solid #3c3e4b;border-radius:20px;margin:28px 0}.oc-empty{padding:60px 24px;text-align:center;border:1px dashed #565766;border-radius:24px;margin-bottom:40px}.oc-empty p{max-width:550px;margin:16px auto 28px}.oc-detail small{color:#c4c4d0}@media(max-width:700px){.oc-hero{display:block;padding-top:30px}.oc-detail{grid-template-columns:1fr;gap:20px}.oc-toolbar{padding:16px}.oc-hero h1{letter-spacing:-1px}.oc-toolbar label{min-width:100%}.oc-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}