:root{--studio-ink:#f1eee8;--studio-muted:rgba(241,238,232,.58);--studio-line:rgba(241,238,232,.18);--studio-accent:#efe9df}
.project-workspace>section{border-top:1px solid var(--studio-line);padding-top:14px;display:grid;gap:10px}
.project-workspace>section p,.upload-status{font-size:12px;line-height:1.6;color:var(--studio-muted);margin:0}
.project-workspace>section button,.upload-delete{min-height:40px;padding:10px 16px;border:1px solid var(--studio-line);background:var(--studio-accent);color:#15120e;font-size:12px;cursor:pointer;transition:opacity .2s}
.project-workspace button:disabled{opacity:.45;cursor:default}
.project-workspace input[name=code]{min-width:0;width:100%;padding:10px;border:1px solid var(--studio-line);background:transparent;color:var(--studio-ink);font:inherit}
.project-workspace form{display:flex;gap:10px;align-items:end}.project-workspace form label{flex:1;font-size:12px;line-height:1.8}
.project-workspace input:focus-visible,.project-workspace button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}
.project-workspace>section a{font-size:13px;color:var(--studio-ink);text-decoration:underline;text-underline-offset:4px}
.project-text{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:20px!important}
body,.nav-item,.desc-1,.title-h1,.title-h3,button{font-family:"Helvetica Neue",Arial,"Hiragino Sans",sans-serif!important}
body>div>header{height:64px!important;padding:0 4.5vw!important;background:rgba(1,1,1,.88)!important;border-bottom:1px solid var(--studio-line)!important;backdrop-filter:blur(16px);transform:none!important}
body>div>header.hidden{transform:none!important}
body>div>header .nav-socials{display:none!important}
body>div>header .logo{display:flex!important;flex-direction:column;font-family:"Songti SC",SimSun,serif!important;font-size:20px!important;line-height:.95!important;letter-spacing:.18em!important;color:var(--studio-ink)!important;opacity:1!important}
body>div>header .logo::after{content:"MIRRISM";font-family:Arial,sans-serif;font-size:7px;line-height:1;margin-top:6px;letter-spacing:.08em}
body>div>header .nav-links{margin:0 0 0 auto!important;gap:32px!important}
body>div>header>.nav-item:last-child{margin-left:32px}
body>div>header a{font-size:13px!important;letter-spacing:.08em!important;color:var(--studio-ink)!important;text-transform:none!important}
body>div>header .nav-links a:first-child{margin:-14px -14px -14px 0;padding:14px 18px;background:#efe9df;color:#15120e!important}
.media-main-image{position:relative!important;overflow:hidden!important}
.media-main-image>.gallery-hover{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(0,0,0,.58);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}
.media-main-image:hover>.gallery-hover,.media-main-image:focus-within>.gallery-hover{opacity:1}
.media-main-image.is-similar-dimmed{opacity:.22!important;transition:opacity .3s ease}
.gallery-hover button{border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.38);color:#fff;padding:11px 18px;font-size:12px;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s}
.gallery-hover button:hover,.gallery-hover button:focus-visible{background:#f1eee8;color:#080808;outline:0}
.gallery-hover .is-added{background:#f1eee8;color:#080808}
.gallery-toast{position:absolute;left:50%;bottom:22px;translate:-50% 8px;padding:7px 12px;color:#fff;background:#111;border:1px solid var(--studio-line);font-size:11px;opacity:0;transition:.25s;pointer-events:none}
.gallery-toast.is-visible{opacity:1;translate:-50% 0}
.project-workspace{height:100%;display:flex;flex-direction:column;gap:21px;padding-right:3px;color:var(--studio-ink)}
.workspace-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--studio-line)}
.workspace-kicker{display:block;color:var(--studio-muted);font-size:10px;letter-spacing:.14em;margin-bottom:7px}
.workspace-head h1{display:block!important;color:var(--studio-ink)!important;font-size:27px!important;font-weight:400;line-height:1;margin:0;letter-spacing:.04em;opacity:1!important}
.workspace-count{font-family:Arial,sans-serif;font-size:10px;color:var(--studio-muted)}
.workspace-label{font-size:10px;color:var(--studio-muted);letter-spacing:.1em;margin-bottom:9px}
.queue-strip{display:flex;min-height:52px;gap:8px;overflow:hidden}
.queue-user{padding-right:11px;margin-right:3px;border-right:1px solid var(--studio-line)}
.queue-thumb{width:42px;height:52px;padding:0;border:1px solid transparent;background:#111;flex:0 0 auto;cursor:pointer;opacity:.72;transition:.2s}
.queue-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.queue-thumb:hover,.queue-thumb.is-selected{opacity:1;border-color:#fff}
.queue-empty{display:flex;align-items:center;color:var(--studio-muted);font-size:10px;line-height:1.3}
.fusion-area{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px}
.fusion-slot{position:relative;height:112px;border:1px solid var(--studio-line);background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--studio-muted)}
.fusion-slot img{width:100%;height:100%;object-fit:cover}
.fusion-slot span{font-size:11px}.fusion-slot.is-active{border-color:rgba(255,255,255,.8)}
.fusion-slot span{color:var(--studio-muted)!important}
.fusion-slot small{position:absolute;left:7px;bottom:6px;padding:3px 5px;background:rgba(0,0,0,.7);color:#fff;font-size:8px;letter-spacing:.1em}
.fusion-plus{text-align:center;color:var(--studio-muted);font-size:16px}
.workspace-hint{margin-top:auto;padding-top:12px;border-top:1px solid var(--studio-line);font-size:10px;line-height:1.45;color:var(--studio-muted)}
.workspace-feedback:empty{display:none}
.workspace-feedback{position:sticky;top:0;z-index:6;margin:0;padding:10px 12px;background:#efe9df;color:#15120e;font-size:13px;line-height:1.55;border:1px solid #c8c0b2}
.workspace-feedback[data-kind=error]{background:#3f1a14;color:#ffe4dc;border-color:#e8a090}
.project-workspace .workspace-status{color:#f3eee4!important;font-size:13px!important}
.project-workspace .workspace-status:empty{display:none}
.queue-user.is-blocked{opacity:.42;outline:1px dashed rgba(241,238,232,.35);outline-offset:2px}
.mirrism-style-detail{all:revert;box-sizing:border-box;background:#f6f1e8!important;color:#16130e!important;border:1px solid #2a261c!important;max-width:min(560px,92vw)!important;width:min(560px,92vw)!important;max-height:85vh!important;padding:24px!important;overflow:auto!important}
.mirrism-style-detail::backdrop{background:rgba(0,0,0,.72)}
.mirrism-style-detail,.mirrism-style-detail *{color:#16130e!important;font-size:16px!important;line-height:1.55!important;font-family:"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans","Microsoft YaHei",sans-serif!important}
.mirrism-style-detail h2{font-size:28px!important;line-height:1.25!important;margin:0 0 12px!important;font-weight:500!important}
.mirrism-style-detail p{margin:0 0 10px!important;font-size:15px!important}
.mirrism-style-detail-close{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;padding:8px 14px!important;margin:0 0 16px!important;background:#16130e!important;color:#f6f1e8!important;border:0!important;cursor:pointer!important;font-size:14px!important}
.mirrism-style-detail img{width:100%;height:auto;display:block;margin:8px 0 16px}
@media(min-width:1025px){.project-page .project-text{top:84px!important;height:calc(100vh - 108px)!important;max-height:calc(100vh - 108px)!important}}
@media(max-width:1024px){body>div>header{height:52px!important;padding:0 16px!important}body>div>header .logo{font-size:16px!important}body>div>header .nav-links{display:none!important}body>div>header>.nav-item:last-child{margin-left:auto}.project-content{display:flex!important;flex-direction:column!important;padding:0!important}.project-text{order:-1;position:relative!important;left:auto!important;top:auto!important;height:auto!important;max-height:none!important;padding:88px 16px 48px!important}.project-workspace{min-height:440px}.project-media{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:0 16px 48px!important}.project-media .media-main-image{width:100%!important;height:300px!important;min-height:0!important;margin:0!important}.project-media .media-main-image img{width:100%!important;height:100%!important;object-fit:cover!important}.fusion-slot{height:170px}.queue-strip{overflow-x:auto}}
@media(max-width:600px){.project-media{grid-template-columns:1fr}.project-media .media-main-image{height:440px!important}.fusion-area{grid-template-columns:1fr 16px 1fr}.fusion-slot{height:135px}}
@media(hover:none){.media-main-image>.gallery-hover{opacity:1;align-items:flex-end;background:linear-gradient(transparent 65%,rgba(0,0,0,.68));padding:12px}.gallery-hover button{padding:9px 12px;background:rgba(0,0,0,.74)}}
