.work-primary-actions { display:flex; gap:8px; margin-top:14px; }
.refined-history .work-primary-actions > :is(a,button) { flex:1!important; width:auto!important; min-height:44px; margin:0!important; padding:10px!important; background:#765039!important; color:#fff!important; border:0!important; border-radius:10px!important; font-size:14px!important; }
.work-more-actions { margin-top:10px; border-top:1px solid #ddcfc0; }
.work-more-actions summary { padding:14px 0; cursor:pointer; font-size:14px; color:#63462f; font-weight:700; }
.work-more-panel { display:grid; gap:8px; padding-bottom:12px; }
.refined-history .work-more-panel > :is(a,button) { width:100%!important; box-sizing:border-box; padding:11px!important; margin:0!important; min-height:44px; font-size:14px!important; background:#f5eee5!important; color:#63462f!important; border:1px solid #d9c8b6!important; box-shadow:none!important; }
.refined-history .work-more-panel > [onclick*="delete"] { color:#a13f39!important; border-color:#d5a8a3!important; }
.refined-history .card-item-style,.refined-history .card-item-date,.production-pass { font-size:12px!important; line-height:1.6!important; }
.refined-history .card-item-blessing { font-size:14px!important; line-height:1.65!important; }
.landing-main :is(.showcase-work-copy p,.hk-scene-copy small,.landing-assurances b) { font-size:14px; line-height:1.65; }
.landing-main :is(.showcase-format,.showcase-work-type,.hk-scene-location,.hk-scene-preview-state) { font-size:12px; letter-spacing:.025em; }
.hk-scene-location { right:auto; max-width:50%; }
.hk-poster-art { position:absolute; inset:0; z-index:1; }
.hk-poster-art svg { display:block; width:100%; height:100%; object-fit:cover; }
.hk-scene-card.is-ready .hk-poster-art { visibility:hidden; }
.hk-scene-card { min-height:390px; }
.premiere-hero { display:block; min-height:0!important; }
.premiere-hero .showcase-work { --showcase-gold:#e0b96b; --showcase-line:#785744; transform:none; border-color:#785744; }
.premiere-hero .showcase-screen { aspect-ratio:4/3; }
.premiere-hero .showcase-work-copy p { min-height:0; font-size:14px; }
.premiere-hero .showcase-work-copy a { font-size:14px; }
.supporting-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
.production-pass-take { font-family:'Noto Sans TC',sans-serif; font-size:12px; letter-spacing:0; }
.home-showcase-heading::after { content:none; }
:is(a,button,summary):focus-visible { outline:3px solid #b48a45; outline-offset:4px; }
@media(max-width:700px) { .supporting-showcase { grid-template-columns:1fr; } .hk-scene-card { min-height:360px; } .landing-main .landing-hero { gap:24px; } }
@media(prefers-reduced-motion:reduce) { .landing-main *, .refined-history * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

.work-compare { margin:12px 0 0; border-top:1px solid #ddcfc0; }
.work-compare summary { padding:11px 0; color:#63462f; font-size:12px; font-weight:750; cursor:pointer; }
.work-compare-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-bottom:10px; }
.work-compare-grid figure { margin:0; overflow:hidden; border:1px solid #e3d7ca; border-radius:10px; background:#fffaf4; }
.work-compare-grid img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.work-compare-grid figcaption { padding:6px 8px; color:#76563b; font-size:11px; font-weight:700; }
.refined-history .work-primary-actions { position:sticky; bottom:10px; z-index:4; padding:5px; border:1px solid rgba(118,80,57,.16); border-radius:13px; background:rgba(255,250,244,.94); box-shadow:0 8px 22px rgba(78,48,29,.12); backdrop-filter:blur(10px); }
@media(max-width:520px) { .work-compare-grid { gap:6px; } .work-compare-grid figcaption { font-size:10px; } }

.refined-history .card-item.is-video-work .card-item-img { min-height:0; aspect-ratio:16/10; }
.refined-history .card-item.is-video-work .card-item-img video { object-fit:contain !important; background:#241a16; }
.refined-history .card-item.is-card-work .card-item-img { aspect-ratio:4/3; min-height:0; }
.work-compare-slider { position:relative; overflow:hidden; aspect-ratio:1/1; border-radius:10px; background:#ead8c1; isolation:isolate; }
.work-compare-slider > img, .work-compare-before img { display:block; width:100%; height:100%; object-fit:cover; }
.work-compare-after { position:absolute; inset:0; z-index:1; }
.work-compare-before { position:absolute; inset:0 auto 0 0; z-index:2; width:50%; overflow:hidden; border-right:2px solid #fffaf4; box-shadow:3px 0 12px rgba(35,22,15,.22); }
.work-compare-slider input { position:absolute; z-index:4; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }
.work-compare-slider::after { content:'↔'; position:absolute; z-index:3; top:50%; left:50%; display:grid; width:28px; height:28px; place-items:center; transform:translate(-50%,-50%); border:2px solid #fffaf4; border-radius:50%; color:#fffaf4; background:#765039; font-size:14px; font-weight:900; pointer-events:none; }
.work-compare-label { position:absolute; z-index:3; bottom:7px; padding:3px 6px; border-radius:5px; color:#fffaf4; background:rgba(55,36,29,.72); font-size:9px; font-weight:800; pointer-events:none; }
.work-compare-label--before { left:7px; }.work-compare-label--after { right:7px; }
.complete-art-wrap { position:relative; overflow:hidden; border-radius:24px; box-shadow:0 24px 60px rgba(78,48,29,.18); }
.complete-art-wrap img { display:block; width:100%; max-height:76vh; object-fit:contain; background:#ead8c1; }
.complete-details { align-self:stretch; padding:clamp(8px,2vw,20px) 0; }
.complete-details .complete-actions { position:sticky; bottom:14px; z-index:5; padding:6px; border:1px solid rgba(118,80,57,.16); border-radius:14px; background:rgba(255,250,244,.94); box-shadow:0 10px 24px rgba(78,48,29,.12); backdrop-filter:blur(10px); }
@media(max-width:700px) { .refined-history .card-item.is-video-work .card-item-img { aspect-ratio:16/11; } .complete-art-wrap { border-radius:16px; } .complete-details .complete-actions { position:fixed; right:12px; bottom:calc(64px + env(safe-area-inset-bottom)); left:12px; } body:has(.complete-layout:not([hidden])) { padding-bottom:120px; } }