/* Artwork detail: reference-led editorial layout; header styles stay in ai.css. */
.opus-page{background:radial-gradient(ellipse at 0 20%,#ffedf5 0,transparent 46%),radial-gradient(ellipse at 100% 8%,#eeedff 0,transparent 45%),#faf8fd;color:#202743}
.op-shell{position:relative;width:min(1440px,calc(100% - 52px));margin:0 auto;isolation:isolate}
.op-symbols{position:absolute;width:0;height:0;overflow:hidden}.op-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.op-breadcrumb{height:48px;display:flex;gap:13px;align-items:center;color:#797a97;font-size:12px}.op-breadcrumb a{display:flex;gap:12px;align-items:center}.op-breadcrumb .op-icon{width:17px;color:#af678e}.op-breadcrumb [aria-current]{color:#414763}
.op-layout{display:grid;grid-template-columns:minmax(0,1.93fr) minmax(0,1fr);gap:16px 24px;align-items:start}.op-layout>*{min-width:0}.op-viewer{grid-column:1;grid-row:1}.op-details{grid-column:2;grid-row:1;position:relative}.op-content{grid-column:1;grid-row:2;display:grid;gap:10px}.op-side-bottom{grid-column:2;grid-row:2;display:grid;gap:12px}
.op-stage{position:relative;aspect-ratio:2.02/1;margin:0;border-radius:7px;overflow:hidden;background:#e6d8e5;isolation:isolate}.op-main-image{width:100%;height:100%;object-fit:cover;aspect-ratio:2/1;transition:opacity .15s;object-position:50% 50%}.op-stage[data-fit=contain]{background:radial-gradient(ellipse at 30% 30%,#ffedf5,#e7dfef)}.op-stage[data-fit=contain] .op-main-image{object-fit:contain}.op-stage:after{content:"";position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,#3d253754);z-index:1}
.op-lettering{position:absolute;left:7%;top:8%;color:#f54093;font:italic 30px/.85 "Bradley Hand","Segoe Print",cursive;transform:rotate(-10deg);text-shadow:0 1px 10px #fff9;pointer-events:none}.op-lettering>span{display:inline-block;margin:10px 0 0 35px}.op-lettering b{display:inline-block;font-weight:400;font-size:28px;margin:9px 0 0 58px}.op-lettering small{display:block;margin:22px 0 0 16px;font:italic 16px/1.7 var(--serif);letter-spacing:4px;color:#696480}.op-stage[data-fit=contain] .op-lettering{font-size:25px;left:4%;opacity:.9}.op-stage[data-fit=contain] .op-lettering b{font-size:22px;margin-left:0}
.op-stage figcaption{position:absolute;left:20px;bottom:17px;z-index:2;font:13px/1.7 var(--serif);color:#fff;text-shadow:0 1px 4px #0006;max-width:80%}.op-stage-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:39px;height:39px;border:1px solid #fffd;border-radius:50%;background:#4c455166;color:#fff;display:grid;place-items:center;padding:0;backdrop-filter:blur(5px);transition:background .2s}.op-stage-arrow:hover{background:#e95192}.op-prev{left:15px}.op-prev .op-icon{transform:rotate(180deg)}.op-next{right:15px}.op-expand{position:absolute;right:17px;bottom:16px;z-index:3;width:34px;height:34px;padding:6px;border:0;border-radius:9px;color:white;background:#51414d8f}.op-image-counter{position:absolute;top:13px;right:13px;z-index:3;color:white;background:#47334473;padding:3px 9px;border-radius:20px;font-size:10px;letter-spacing:1px}
.op-thumbs{display:flex;gap:9px;margin-top:10px}.op-thumb,.op-more{position:relative;flex:1;min-width:0;aspect-ratio:1.28/1;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#e9dfec}.op-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;transition:transform .2s}.op-thumb:hover img{transform:scale(1.05)}.op-thumb[aria-current]{border-color:#ff4e96;box-shadow:0 0 0 1px #ffc3da}.op-thumb>span{position:absolute;bottom:3px;right:5px;font-size:9px;color:#fff;text-shadow:0 1px 4px #000}.op-more{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:linear-gradient(130deg,#b8a1b3,#927988);line-height:1.5}.op-more b{font-size:22px;font-weight:500}.op-more span{font-size:11px}
.op-motto{display:flex;justify-content:space-between;align-items:center;height:28px;margin:0 12px 9px;color:#c06c9e;pointer-events:none}.op-motto>span{font:italic 19px/1.2 "Bradley Hand","Segoe Print",cursive;transform:rotate(-5deg)}.op-motto small{display:block;font:11px/1.3 var(--sans);text-align:center;letter-spacing:1px}.op-motto p{margin:0;font:italic 13px/1.7 var(--serif);letter-spacing:2px;transform:rotate(-6deg)}
.op-panel{background:#ffffffd9;border:1px solid #fff;border-radius:11px;box-shadow:0 4px 25px #64548703;padding:15px 17px}.op-info{padding:16px 17px 12px}.op-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.op-title-row h1{margin:0;color:#10152e;font:800 34px/1.4 var(--serif);letter-spacing:.02em}.op-round{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:50%;padding:7px;background:#fff0f8;color:#ff398b}.op-round[aria-pressed=true] svg{fill:currentColor}.op-description{font-size:13px;color:#71748e;margin:4px 0 15px;line-height:1.8}.op-creator{display:flex;gap:13px;align-items:center;padding:15px 0;border-block:1px solid #eeedf7}.op-creator>img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:50% 20%}.op-creator>div{min-width:0;flex:1}.op-creator strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;color:#11182c}.op-creator strong span{background:#ffe0f0;color:#b92269;font-size:9px;font-weight:500;border-radius:4px;padding:1px 5px}.op-creator p{font-size:11px;line-height:1.6;margin:3px 0 0;color:#71728b}.op-follow{border:0;border-radius:7px;padding:8px 20px;background:#d92a78;color:white;font-size:12px}.op-follow[aria-pressed=true]{color:#b63071;background:#fce1f0}
.op-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:16px 0 17px;font-size:11px}.op-facts dl{margin:0;display:grid;align-content:start;gap:13px}.op-facts dl+dl{border-left:1px solid #eeeaf7;padding-left:13px}.op-facts dl>div{display:grid;grid-template-columns:73px minmax(0,1fr);gap:5px}.op-facts dl+dl>div{grid-template-columns:63px minmax(0,1fr);gap:3px}.op-facts dt{display:flex;gap:7px;align-items:center;color:#7b7e99;white-space:nowrap}.op-facts dt svg{width:16px;height:16px;color:#555c8c}.op-facts dd{margin:0;color:#374069;overflow-wrap:anywhere}.op-facts time{white-space:nowrap;font-size:10px}
.op-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.op-tags a{background:#fff0f8;color:#bc226a;border-radius:12px;padding:4px 11px;font-size:11px}.op-tags a:hover{background:#ffdceb}.op-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:9px}.op-action{display:flex;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:10px 8px;border:1px solid #e9e5f8;border-radius:8px;background:#fff;color:#242f5d;text-align:center;font-size:13px;line-height:1.4;transition:transform .18s,box-shadow .18s}.op-action:hover{transform:translateY(-1px);box-shadow:0 4px 14px #e987b320}.op-action b{font-weight:500;margin-left:4px}.op-action svg{width:23px;height:23px}.op-like{background:linear-gradient(120deg,#ff388c,#ff5198);border-color:#ff5198;color:#fff;box-shadow:0 5px 17px #ff408c16}.op-like svg{fill:currentColor}.op-like[aria-pressed=true]{background:#d92375}.op-save{color:#ca226d;border-color:#ff98c3;background:#fffcff}.op-save[aria-pressed=true] svg{fill:#ffe3f0}.op-download,.op-remix{min-height:67px}.op-action small{display:block;font-size:10px;opacity:.8;margin-top:2px}.op-remix{background:linear-gradient(115deg,#ff388b,#d638dc);color:#fff;border:0}.op-remix svg{width:28px;height:28px}.op-data-note{margin:9px 0 0;color:#89839b;font-size:9px;line-height:1.6}
.op-panel h2{margin:0;display:flex;align-items:center;gap:11px;font:700 16px/1.5 var(--sans);color:#181e3d}.op-panel h2>svg{color:#fa4297;width:22px;height:22px}.op-panel-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.op-small-button,.op-text-button{display:flex;justify-content:center;align-items:center;gap:5px;flex:none;padding:3px 10px;border:1px solid #e3e3f4;border-radius:7px;color:#424b78;background:#fff;font-size:10px;line-height:1.8;min-height:27px}.op-small-button svg,.op-text-button svg{width:14px;height:14px}.op-text-button{background:transparent;border-color:transparent;padding-inline:0}.op-panel h2 small{font:11px var(--sans);color:#7c7e94;margin-left:1px}
.op-story{position:relative;min-height:116px;overflow:hidden;padding-block:11px}.op-story>div{padding:5px 170px 0 32px}.op-story p{margin:0;font-size:12px;line-height:1.7;color:#72758c}.op-story-note{position:absolute;right:20px;top:25px;transform:rotate(-12deg);font:italic 19px/1.8 "Bradley Hand",var(--serif);color:#e47daa;letter-spacing:2px}.op-story:after{content:"✿";position:absolute;right:8px;bottom:-22px;font-size:78px;color:#ffd4e464;pointer-events:none}.op-prompt{padding-block:10px}.op-prompt h2>svg{color:#8c9eff}.op-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f2fa;border:1px solid #e7e7f3;border-radius:6px;color:#5a6083;font:10.5px/1.55 "SFMono-Regular",Consolas,monospace;margin:0 0 7px 32px;padding:9px 11px;letter-spacing:.02em}.op-recipe-tags{display:flex;gap:8px;flex-wrap:wrap;margin-left:32px}.op-recipe-tags span{padding:3px 13px;font-size:10px;line-height:1.5;border-radius:8px;color:#72758b;background:#f0f2fa}.op-recipe-tags span:nth-child(1),.op-recipe-tags span:last-child{color:#d63c85;background:#ffedf7}.op-recipe-tags span:nth-child(2){color:#8862d5;background:#f1ecff}
.op-gallery{padding:11px 17px 14px;scroll-margin-top:95px}.op-gallery h2>svg{color:#9564fa}.op-gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.op-gallery-item{position:relative;display:block;min-width:0}.op-gallery-item img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:50% 22%;border-radius:6px}.op-gallery-item>span{position:absolute;top:4px;right:4px;font-size:9px;color:white;background:#51465866;padding:1px 4px;border-radius:3px}.op-gallery-item small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666a85;font-size:10px}.op-gallery-grid:not(.is-expanded) .op-gallery-item:nth-child(n+7){display:none}
.op-parameters{padding-block:12px}.op-parameters h2>svg{color:#a17bfa;fill:#f2e9ff}.op-param-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(90px,1fr);gap:15px}.op-param-layout dl{margin:0}.op-param-layout dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:7px;padding:6px 0;border-bottom:1px solid #f0edf8;font-size:11px;line-height:1.3}.op-param-layout dl>div:last-child{border-bottom:0}.op-param-layout dt{display:flex;align-items:center;gap:7px;color:#7a7d95}.op-param-layout dt svg{width:16px;height:16px;color:#5e6596}.op-param-layout dd{margin:0;color:#37406a;overflow-wrap:anywhere}.op-param-art img{width:100%;height:92px;object-fit:cover;object-position:50% 24%;border-radius:5px}.op-param-art>span{display:block;color:#e16fa4;transform:rotate(-10deg);font:italic 18px/1.7 "Bradley Hand",var(--serif);text-align:center;margin-top:12px;letter-spacing:2px}.op-related{padding-block:11px}.op-related h2>svg{color:#cf75f6;fill:#ffd0eb}.op-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.op-related-card{min-width:0}.op-related-card img{width:100%;aspect-ratio:1.22;height:auto;object-fit:cover;object-position:50% 25%;border-radius:5px}.op-related-card strong{display:block;margin-top:5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-related-card>span{display:flex;gap:4px;align-items:center;font-size:10px;color:#7c7b9f}.op-related-card svg{width:14px;height:14px;color:#fc4496}
.op-end{display:flex;justify-content:center;gap:17px;align-items:center;margin:35px 0;font:italic 12px Georgia,var(--serif);color:#a08aa8}.op-end span{color:#e980b2;font-size:20px}.op-footer{display:flex;justify-content:center;gap:30px;padding:20px;border-top:1px solid #efe7f1;color:#75647f;font-size:11px;background:#fbf8fc}
.op-petals{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.op-petals i{position:absolute;font-style:normal;color:#ffbdd5;text-shadow:0 3px 10px #fa9fbd33;opacity:.65}.op-petals i:nth-child(1){top:8px;left:-9px;font-size:75px;transform:rotate(-25deg)}.op-petals i:nth-child(2){top:78px;left:0;font-size:40px;transform:rotate(15deg)}.op-petals i:nth-child(3){top:0;right:10%;font-size:48px;transform:rotate(20deg)}.op-petals i:nth-child(4){top:48%;right:0;font-size:38px}.op-petals i:nth-child(5){top:75%;left:52%;font-size:30px}
.op-lightbox,.op-remix-dialog{padding:0;border:1px solid #eadfee;border-radius:13px;box-shadow:0 20px 90px #25203555;color:#252b48}.op-lightbox::backdrop,.op-remix-dialog::backdrop{background:#22172bd9;backdrop-filter:blur(7px)}.op-lightbox{width:min(1250px,94vw);max-width:94vw;background:#19131f;overflow:hidden}.op-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#fff;font-size:13px}.op-lightbox-stage{position:relative;height:min(80vh,850px);display:grid;place-items:center}.op-lightbox-stage>img{width:100%;height:100%;object-fit:contain;min-height:0}.op-lightbox-stage .op-stage-arrow{background:#44364dbf}.op-remix-dialog{width:min(600px,calc(100vw - 28px));padding:24px;background:#fff8fc}.op-remix-dialog h2{font:700 20px var(--serif);margin:0}.op-remix-dialog p{font-size:13px;color:#767188}.op-remix-dialog label{font-size:12px;color:#685b7c}.op-remix-dialog textarea{display:block;resize:vertical;min-height:140px;max-height:45vh;width:100%;padding:12px;margin:7px 0 15px;border:1px solid #e7d9ee;border-radius:8px;color:#565b7a;background:white;font:12px/1.7 monospace}.op-remix-dialog>.op-action{width:100%}.op-remix-dialog>small{display:block;font-size:10px;color:#84758d;margin-top:12px;text-align:center}html:has(dialog[open]){overflow:hidden}
.op-thumbs>.op-thumb:only-child{flex:0 0 calc((100% - 54px)/7)}
@media(min-width:1251px){.op-motto{height:24px;margin-bottom:7px}.op-info .op-description{margin-bottom:12px}.op-creator{padding-block:12px}.op-facts{margin-top:13px;margin-bottom:14px}.op-facts dl{gap:10px}.op-info .op-tags{margin-bottom:14px}.op-info .op-data-note{margin-top:6px}}
@media(min-width:1450px){.op-stage{aspect-ratio:2.04/1}.op-info{padding:20px}.op-facts{font-size:12px}.op-facts time{font-size:11px}}
@media(max-width:1250px) and (min-width:901px){.op-shell{width:calc(100% - 36px)}.op-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:15px}.op-motto>span{font-size:16px}.op-motto p{font-size:10px}.op-facts{grid-template-columns:1fr;gap:10px}.op-facts dl{gap:8px}.op-facts dl+dl{border:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-facts dl>div{grid-template-columns:75px 1fr}.op-info{padding:14px}.op-description{margin-bottom:10px}.op-creator{padding:12px 0}.op-creator>img{width:44px;height:44px}.op-creator p{font-size:10px}.op-follow{padding:7px 13px}.op-story>div{padding-right:115px}.op-story-note{font-size:14px;right:12px}.op-param-layout{gap:9px;grid-template-columns:1fr 90px}.op-param-layout dl>div{grid-template-columns:75px 1fr;font-size:10px}.op-parameters h2{font-size:14px}.op-stage{aspect-ratio:1.65}.op-lettering{font-size:25px}.op-lettering b{font-size:23px;margin-left:25px}}
@media(max-width:900px){.op-shell{width:calc(100% - 32px)}.op-layout{grid-template-columns:1fr;gap:16px}.op-viewer{grid-row:1;grid-column:1}.op-details{grid-row:2;grid-column:1}.op-content{grid-row:3;grid-column:1}.op-side-bottom{grid-row:4;grid-column:1;grid-template-columns:1fr 1fr}.op-motto{height:36px;margin-bottom:10px}.op-info{padding:20px}.op-facts{grid-template-columns:1.2fr 1fr;font-size:13px}.op-facts time{font-size:12px}.op-facts dl>div{grid-template-columns:90px 1fr}.op-facts dl+dl>div{grid-template-columns:80px 1fr}.op-creator{padding-block:18px}.op-creator p{font-size:12px}.op-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.op-action{font-size:12px}.op-download,.op-remix{min-height:54px}.op-action svg{width:19px}.op-action small{font-size:9px}.op-stage{aspect-ratio:1.9}.op-param-layout{grid-template-columns:1fr}.op-param-art{display:none}.op-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-panel h2{font-size:15px}.op-thumbs{gap:7px}.op-story p{font-size:12px}.op-gallery-grid{gap:8px}}
@media(max-width:600px){.op-shell{width:calc(100% - 24px)}.op-breadcrumb{height:42px;font-size:11px;gap:10px}.op-layout{gap:14px}.op-stage{aspect-ratio:1.15;border-radius:9px}.op-main-image{object-position:65% 50%}.op-lettering{top:7%;left:6%;font-size:24px}.op-lettering>span{margin:9px 0 0 10px}.op-lettering b{font-size:19px;margin-left:7px}.op-lettering small{display:none}.op-stage[data-fit=contain] .op-lettering{display:none}.op-stage figcaption{font-size:10px;left:13px;bottom:15px;max-width:77%}.op-stage-arrow{width:32px;height:32px}.op-prev{left:9px}.op-next{right:9px}.op-stage-arrow svg{width:17px}.op-expand{right:10px;bottom:12px;width:30px;height:30px}.op-image-counter{font-size:9px}.op-thumbs{gap:5px;margin-top:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.op-thumb,.op-more{flex:0 0 calc((100% - 20px)/5);aspect-ratio:1}.op-more b{font-size:18px}.op-more span{font-size:9px}.op-motto{margin:1px 5px 11px;height:40px}.op-motto>span{font-size:17px}.op-motto small{font-size:9px}.op-motto p{font-size:11px;letter-spacing:1px}.op-info{padding:16px 14px}.op-title-row h1{font-size:30px}.op-description{font-size:12px;margin-bottom:12px}.op-creator{gap:10px;padding:14px 0}.op-creator>img{width:46px;height:46px}.op-creator strong{font-size:15px;gap:6px}.op-creator strong span{font-size:8px}.op-creator p{font-size:10px}.op-follow{font-size:11px;padding:7px 13px}.op-facts{grid-template-columns:1fr;gap:12px;margin:15px 0;font-size:11px}.op-facts dl{gap:11px}.op-facts dl>div{grid-template-columns:85px 1fr}.op-facts time{font-size:11px}.op-facts dl+dl{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;gap:11px}.op-facts dl+dl>div{grid-template-columns:64px 1fr}.op-tags{gap:6px;margin-bottom:16px}.op-tags a{font-size:10px;padding:4px 10px}.op-actions{grid-template-columns:1fr 1.13fr}.op-action{min-height:46px;font-size:12px}.op-download,.op-remix{min-height:64px}.op-action small{font-size:9px}.op-action svg{width:22px}.op-panel{border-radius:10px}.op-content{gap:12px}.op-story{padding:13px}.op-story>div{padding:9px 0 0}.op-story p{font-size:12px;line-height:1.85}.op-story-note{position:static;display:block;text-align:right;font-size:14px;line-height:1.4;margin:7px 7px 0;transform:rotate(-5deg)}.op-story-note br{display:none}.op-panel h2{font-size:15px;gap:8px}.op-panel h2 svg{width:19px}.op-small-button{font-size:10px;padding:3px 8px}.op-prompt{padding:13px}.op-prompt pre{margin-left:0;font-size:10px;max-height:180px;overflow:auto;padding:10px}.op-recipe-tags{margin-left:0;gap:6px}.op-recipe-tags span{font-size:9px;padding:3px 9px}.op-gallery{padding:13px}.op-panel h2 small{font-size:9px}.op-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.op-gallery-item small{font-size:9px}.op-side-bottom{grid-template-columns:1fr;gap:12px}.op-param-layout{grid-template-columns:1fr 94px;gap:12px}.op-param-art{display:block}.op-param-art>span{font-size:14px;letter-spacing:1px}.op-param-layout dl>div{font-size:10px;grid-template-columns:76px 1fr;gap:5px;padding-block:7px}.op-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.op-related-card strong{font-size:10px}.op-related-card>span{font-size:9px}.op-related-card img{aspect-ratio:.85}.op-data-note{font-size:9px}.op-end{flex-wrap:wrap;gap:8px;margin:24px 0;font-size:10px}.op-footer{gap:15px;font-size:9px;padding:17px 10px}.op-lightbox-stage{height:75vh}.op-lightbox-bar{font-size:11px}.op-remix-dialog{padding:18px}.op-remix-dialog h2{font-size:17px}.op-petals i:nth-child(1){font-size:48px}}
.op-prompt-actions{display:flex;align-items:center;gap:6px;flex:none}.op-language-toggle{min-width:56px;color:#a62468;background:#fff0f8;border-color:#f5d9e8}.op-language-toggle[hidden]{display:none}.op-language-toggle:hover{background:#ffe1ef}.op-prompt:has(.op-language-toggle) .op-panel-head{flex-wrap:wrap}.op-prompt:has(.op-language-toggle) .op-prompt-actions{margin-left:auto}.op-prompt pre[lang=zh-CN]{font-family:var(--sans);font-size:12px;line-height:1.9}