/* MARCH DIGITAL / 幕间 — editorial identity, public gallery and focused studio. */
@font-face{font-family:March Grotesk;src:url('/static/showcase/space-grotesk-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--accent:#e43d8e;--accent-hover:#c42873;--accent-soft:#fff0f7;--ink:#17171b;--ink-secondary:#5d5b64;--muted:#797680;--line:#e9e6e9;--line-strong:#dcd7dd;--workspace:#f8f7f8;--panel:#fff;--pink:#e43d8e;--violet:#8b5cf6;--radius:14px;--sidebar-width:228px;--topbar-height:72px;--shadow:0 4px 16px #30233005;--shadow-float:0 16px 40px #30233014;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}::selection{background:#f9c8df;color:#6b2547}button,.btn{transition:background .18s,color .18s,transform .18s,border-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e43d8e60;outline-offset:4px}.btn.primary{background:var(--ink);border-color:var(--ink);box-shadow:none}.btn.primary:hover{background:#343039;border-color:#343039;box-shadow:0 5px 16px #17171b18}.btn.primary:active{background:#4a3944}.btn.ghost:hover{background:var(--accent-soft);color:#bd2a71}.badge.blue{background:#fff0f7;border-color:#f9d7e8;color:#b52c6e}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #e43d8e12;border-color:var(--pink)}.pink-text,.pink-period,.brand-period{color:var(--pink)}.brand-period{font-family:March Grotesk,sans-serif}
/* Public shell. */
.landing-screen{background:#fafaf9;overflow:hidden}.site-header{height:96px;padding:0 4.5%;max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #17171b10}.site-brand{display:inline-flex;align-items:center;gap:17px;color:var(--ink);flex-shrink:0}.site-brand:hover{color:var(--ink)}.site-brand>strong{font-size:32px;font-weight:850;letter-spacing:-1.8px;white-space:nowrap;line-height:1}.site-brand>strong .brand-period{font-size:43px;line-height:.6;letter-spacing:-3px}.brand-divider{width:1px;height:27px;background:#d1cdd2;transform:rotate(16deg)}.brand-parent{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1px;line-height:1.3;font-weight:700}.site-nav{display:flex;align-items:center;gap:26px}.site-nav button,.site-nav a{font-size:13px;border:0;background:none;padding:8px 0;min-height:32px;color:#69656e;font-weight:500}.site-nav button:hover,.site-nav a:hover{color:var(--pink)}.site-actions{display:flex;align-items:center;gap:18px}.site-login{border:0;background:none;color:var(--ink);font-size:13px;white-space:nowrap;padding:8px 0}.brand-button{background:var(--ink);color:white;border:1px solid var(--ink);font-size:14px;font-weight:600;padding:18px 25px;min-height:58px;border-radius:8px;gap:38px;box-shadow:0 5px 10px #18131b06;white-space:nowrap}.brand-button>span{font-size:22px;font-weight:400;line-height:1}.brand-button:hover{color:white;background:var(--pink);border-color:var(--pink);transform:translateY(-2px);box-shadow:0 7px 18px #e43d8e25}.brand-button.compact{padding:11px 17px;min-height:42px;font-size:12px;gap:21px;border-radius:7px}.brand-button.compact>span{font-size:18px}.text-button{border:0;background:none;padding:12px 0;color:var(--ink);font-size:14px;gap:16px;min-height:40px;box-shadow:none}.text-button:hover{background:none;color:var(--pink)}.text-button span{font-size:22px}.site-nav button:active,.text-button:active,.site-login:active{background:transparent}
/* Hero: the typography is the anchor, artwork is the proof. */
.landing-hero{max-width:1600px;padding:34px 4.5% 56px;margin:0 auto;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;min-height:670px;gap:22px}.hero-editorial{position:relative;z-index:3;padding-top:8px}.hero-kicker{display:flex;align-items:center;gap:9px;color:#726772;font-size:11px;font-weight:500;letter-spacing:.7px;margin-bottom:30px;white-space:nowrap}.live-point{width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 4px #e43d8e0c}.kicker-line{width:35px;height:1px;background:#d0c6cd;margin-left:5px}.hero-editorial h1{font-size:clamp(42px,4.45vw,69px);font-weight:850;line-height:1.26;letter-spacing:-3px;text-wrap:nowrap;color:#19171c}.highlight-word{display:inline-block;position:relative;margin-top:2px}.highlight-word>svg{position:absolute;left:1%;width:99%;height:18px;bottom:-9px;color:var(--pink)}.hero-description{font-size:15px;line-height:1.95;color:#78717b;margin-top:33px;letter-spacing:.2px}.hero-cta{display:flex;align-items:center;gap:29px;margin-top:30px}.hero-footnote{display:flex;align-items:center;gap:11px;font-size:11px;color:#938994;margin-top:32px}.hero-footnote>span:last-child{display:flex;align-items:center;gap:12px}.hero-footnote i{width:3px;height:3px;background:#b4aab3;border-radius:50%}.mini-layers{font-size:29px;line-height:1;color:#aa929f}
.hero-showroom{height:564px;position:relative;isolation:isolate;min-width:0}.showroom-grid{position:absolute;inset:35px -30px 9px 15px;background-image:linear-gradient(#bcb1bd12 1px,transparent 1px),linear-gradient(90deg,#bcb1bd12 1px,transparent 1px);background-size:32px 32px;transform:rotate(-5deg);mask-image:radial-gradient(ellipse at center,black 26%,transparent 73%)}.hero-showroom:before{content:"";position:absolute;width:425px;height:425px;top:80px;left:14%;border-radius:50%;background:#f4e8ef;z-index:-1}.showroom-caption{position:absolute;left:32px;top:23px;font-family:March Grotesk,sans-serif;font-size:10px;line-height:1.45;letter-spacing:1.2px;color:#a299a3;transform:rotate(-4deg)}.hero-live-scene{position:absolute;left:30%;top:53px;width:39%;aspect-ratio:9/16;transform:rotate(5deg);padding:5px;background:white;border-radius:11px;box-shadow:0 30px 55px #4b23372e,0 0 0 1px #d7cbd7;z-index:3}.hero-live-scene>img{width:100%;height:100%;object-fit:cover;border-radius:6px}.live-scene-label{position:absolute;left:11px;top:11px;display:flex;align-items:center;gap:5px;border-radius:4px;padding:4px 6px;background:#fffc;font-size:8px;color:#603431}.live-scene-label>span{width:4px;height:4px;background:#d83f53;border-radius:50%}.selection-corner{position:absolute;width:7px;height:7px;background:white;border:1.5px solid var(--pink);z-index:5}.selection-corner.tl{left:-4px;top:-4px}.selection-corner.tr{right:-4px;top:-4px}.selection-corner.bl{left:-4px;bottom:-4px}.selection-corner.br{right:-4px;bottom:-4px}.mini-poster{position:absolute;width:32%;aspect-ratio:9/16;overflow:hidden;border:5px solid white;border-radius:10px;box-shadow:0 18px 35px #44354218;font-size:10px}.mini-skin{left:4%;top:129px;transform:rotate(-12deg);background:#e6e7d9;z-index:1;color:#4e5b3e}.mini-coffee{right:-1%;top:116px;transform:rotate(14deg);background:#dfd0bd;z-index:2;color:#534039}.poster-eyebrow{position:absolute;left:15px;top:18px;font-size:6px;letter-spacing:1px;font-family:March Grotesk,sans-serif}.poster-title{position:absolute;left:15px;top:46px;font-weight:750;font-size:24px;line-height:1.2;letter-spacing:-1px;z-index:2}.poster-bottom{position:absolute;left:15px;bottom:12px;font-size:7px;letter-spacing:1px}.skin-orbit{position:absolute;right:-16px;top:120px;width:190px;height:190px;border:1px solid #8a9a6b70;border-radius:50%}.mini-skin .bottle-one{width:51px;height:116px;left:30px;bottom:38px}.mini-skin .bottle-two{width:47px;height:87px;left:94px;bottom:38px}.mini-skin .bottle>span{font-size:8px}.mini-skin .bottle:before{height:18px;top:-17px}.coffee-headline{position:absolute;top:44px;left:13px;font-family:March Grotesk,sans-serif;font-size:33px;line-height:.93;letter-spacing:-2px}.mini-coffee .coffee-cup{width:85px;height:104px;left:54px;bottom:35px;transform:rotate(-10deg)}.mini-coffee .coffee-cup>span{font-size:12px}.mini-coffee .coffee-cup:before{height:13px;top:-9px}.mini-coffee .coffee-cup:after{height:10px;top:5px}.floating-layer-note{position:absolute;display:flex;gap:12px;align-items:center;padding:15px 18px;left:12%;bottom:19px;background:#fffc;backdrop-filter:blur(14px);border:1px solid white;border-radius:10px;box-shadow:0 12px 38px #5641531c;z-index:6;transform:rotate(-3deg)}.floating-layer-note strong{font-size:12px;display:block;letter-spacing:.3px}.floating-layer-note div>span{font-size:10px;color:#8c7d88;display:block;margin-top:4px}.layer-note-icon{display:grid;place-items:center;background:#fae7f0;color:#b84279;border-radius:8px;width:36px;height:36px}.layer-note-check{margin-left:8px;color:#548273}.designer-cursor{position:absolute;right:6%;bottom:88px;z-index:7;transform:rotate(-5deg)}.designer-cursor span{display:block;color:white;background:var(--pink);border-radius:0 4px 4px 4px;padding:5px 12px;font-size:10px;margin-left:13px;margin-top:-8px;box-shadow:0 4px 8px #bf417723}.showroom-index{position:absolute;left:10%;right:0;bottom:-19px;display:flex;justify-content:space-between;font-family:March Grotesk,sans-serif;font-size:8px;letter-spacing:1.2px;color:#9d939a}.discipline-strip{border-top:1px solid #e6e2e5;border-bottom:1px solid #e6e2e5;display:flex;align-items:center;justify-content:space-around;gap:26px;padding:20px 4.5%;white-space:nowrap;overflow:hidden;background:#f5f2f4}.discipline-strip>span{font-family:March Grotesk,"PingFang SC",sans-serif;font-size:12px;color:#6f666e;letter-spacing:1.5px}.discipline-strip i{font-size:19px;line-height:1;font-style:normal;color:var(--pink)}
/* Case gallery. The concept posters are intentionally typographic, not claimed client work. */
.landing-section{max-width:1440px;margin:auto;padding:90px 4.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.section-overline{font-family:March Grotesk,"PingFang SC",sans-serif;font-size:10px;letter-spacing:1.7px;color:#978893;margin-bottom:19px;font-weight:500}.section-heading h2,.feature-copy>h2{font-size:clamp(28px,3.2vw,44px);font-weight:780;line-height:1.3;letter-spacing:-1.9px}.section-aside{padding-bottom:4px;text-align:right}.section-aside>p{font-size:13px;color:#8b828b;line-height:1.9}.section-aside>span{font-size:10px;letter-spacing:.5px;color:#b0a7ad;display:block;margin-top:13px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.case-card{min-width:0}.case-view{position:relative;display:block;width:100%;padding:0;border:0;background:none;text-align:left;border-radius:12px;overflow:hidden;isolation:isolate}.case-view:hover{border:0;background:none;box-shadow:0 16px 36px #3d243213}.case-visual{height:450px;width:100%;position:relative;overflow:hidden;border-radius:12px;text-align:left;transition:transform .5s ease}.case-view:hover .case-visual{transform:scale(1.025)}.case-index{position:absolute;top:24px;left:25px;font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1.6px;z-index:5}.case-format{position:absolute;bottom:21px;left:25px;font-size:10px;letter-spacing:1.5px;z-index:5}.case-open{position:absolute;right:15px;bottom:15px;border-radius:50%;background:#ffffffc9;backdrop-filter:blur(5px);width:36px;height:36px;display:grid;place-items:center;color:#41333a;font-size:22px;transition:transform .25s}.case-view:hover .case-open{transform:rotate(45deg);color:var(--pink)}.redog-visual{background:#f0dfd4;color:#734c42}.redog-visual>img{height:349px;width:auto;position:absolute;left:50%;top:54px;transform:translateX(-50%) rotate(-6deg);border:5px solid #fff9;border-radius:7px;box-shadow:0 18px 30px #75452c26}.redog-visual:before{content:"";position:absolute;width:315px;height:315px;border:1px solid #d6bbaa;top:70px;left:50%;border-radius:50%;transform:translateX(-50%)}.case-stamp{position:absolute;right:22px;top:135px;transform:rotate(8deg);width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:#edd981;color:#7f603e;font-size:12px;line-height:1.5;letter-spacing:1px}.case-details{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 1px 0}.case-details h3{font-size:17px;font-weight:700;letter-spacing:-.2px}.case-details p{font-size:11px;color:#938a94;margin-top:6px}.case-type{font-size:9px;color:#a44a67;background:#f7e9ed;padding:5px 8px;border-radius:4px;white-space:nowrap}.case-type.concept{color:#8f8790;background:#efedef}.gallery-disclaimer{font-size:10px;color:#9b929c;line-height:1.7;margin-top:23px}
.skin-visual{background:#e6e8db;color:#4a573c}.skin-copy{position:absolute;z-index:3;left:26px;top:66px}.skin-copy>span{font-family:March Grotesk,sans-serif;font-size:10px;letter-spacing:.3px}.skin-copy h3{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:11px 0 13px;font-weight:750}.skin-copy p{font-size:8px;letter-spacing:1.8px}.skin-circle{position:absolute;top:116px;right:-50px;width:286px;height:286px;border-radius:50%;background:#d4d9bb}.skin-circle:after{content:"";position:absolute;inset:26px;border:1px solid #adb78f77;border-radius:50%}.skin-podium{position:absolute;left:35px;right:-45px;bottom:-56px;height:190px;transform:rotate(-9deg);background:linear-gradient(140deg,#f3f0e5,#dcdcc8);box-shadow:0 -8px 22px #707b3a10;border-top:1px solid #f9f8ec}.bottle{position:absolute;background:linear-gradient(90deg,#e4e3d7,#fffef4 25%,#f2f2e7 75%,#ddded1);border:1px solid #c4c8ad77;box-shadow:10px 12px 17px #5c663c22;border-radius:12px 12px 7px 7px;display:grid;place-items:center;z-index:3}.bottle:before{content:"";position:absolute;top:-25px;left:10%;width:80%;height:26px;background:linear-gradient(90deg,#bec3a6,#d4d7c3 45%,#9faa89);border-radius:4px 4px 0 0;border:1px solid #9ca88855}.bottle>span{text-align:center;font-family:March Grotesk,sans-serif;font-size:15px;line-height:1.05;color:#5e684a}.bottle>span b{font-size:1.5em;letter-spacing:-1px}.bottle small{display:block;font-size:5px;letter-spacing:.4px;margin-top:15px}.skin-visual .bottle-one{width:94px;height:182px;bottom:47px;left:34%;transform:rotate(-9deg)}.skin-visual .bottle-two{width:82px;height:136px;bottom:42px;left:63%;transform:rotate(6deg);background:linear-gradient(90deg,#abb893,#dbe1c9 40%,#becbab)}.skin-visual .bottle-two>span{font-size:12px}.coffee-visual{background:#ded0c1;color:#614b3f}.coffee-visual>h3{position:absolute;top:60px;left:25px;font-family:March Grotesk,sans-serif;font-size:60px;line-height:.94;letter-spacing:-4px;font-weight:700;z-index:2}.coffee-visual>h3>em{font-style:normal;color:#958579}.coffee-ring{position:absolute;right:-80px;bottom:31px;width:300px;height:300px;border-radius:50%;border:40px solid #cbb5a155}.coffee-cup{position:absolute;z-index:3;background:linear-gradient(90deg,#b78365,#d9ae88 18%,#e7c39f 63%,#be9071);clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);border-radius:8px 8px 15px 15px;box-shadow:10px 12px 25px #6a463e25;display:grid;place-items:center}.coffee-cup:before{content:"";position:absolute;top:0;left:0;width:100%;height:25px;border-radius:7px 7px 0 0;background:linear-gradient(0deg,#392d28,#635449)}.coffee-cup:after{content:"";position:absolute;top:25px;left:0;width:100%;height:10px;background:#43362e}.coffee-cup>span{font-family:March Grotesk,sans-serif;color:#654533;line-height:1.02;letter-spacing:-.7px;transform:rotate(-4deg);font-size:21px}.coffee-cup>span>b{font-size:1.5em;letter-spacing:-1px}.coffee-cup small{display:block;font-size:5px;letter-spacing:.8px;margin-top:19px}.coffee-visual .coffee-cup{width:138px;height:179px;left:45%;bottom:39px;transform:rotate(13deg)}.coffee-seal{position:absolute;right:30px;top:100px;width:68px;height:68px;border:1px solid #866759;display:grid;place-items:center;text-align:center;line-height:1.55;border-radius:50%;font-size:11px;letter-spacing:1px;transform:rotate(13deg)}
/* Layer inspector as a working product demo. */
.feature-section{max-width:1310px;margin:15px auto 0;padding:65px 48px 65px;display:grid;grid-template-columns:1fr 1.03fr;gap:70px;align-items:center;border:1px solid #e9e2e8;border-radius:19px;background:#f5f1f5}.feature-copy>h2{font-size:43px;letter-spacing:-1.9px}.feature-intro{font-size:14px;color:#8a7e8b;margin-top:23px;line-height:1.9}.feature-list{margin:29px 0 15px;display:flex;flex-direction:column;gap:25px}.feature-list>div{display:flex;gap:17px}.feature-num{font-family:March Grotesk,sans-serif;font-size:10px;color:#b19ba9;padding-top:3px}.feature-list h3{font-size:15px;font-weight:650}.feature-list p{font-size:11px;color:#8b7f89;margin-top:5px;line-height:1.8}.layer-lab{background:#fff;border:1px solid #e9e0e7;border-radius:13px;overflow:hidden;box-shadow:0 15px 42px #623f5410;transform:rotate(1deg)}.lab-top{height:46px;display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid #efeaee}.lab-top strong{font-size:10px;font-weight:500;color:#8f818d}.lab-top>span:last-child{font-family:March Grotesk,sans-serif;font-size:7px;color:#b8aab5;letter-spacing:1px;margin-left:auto}.lab-dots{display:flex;gap:4px}.lab-dots i{width:5px;height:5px;background:#e4dce2;border-radius:50%}.lab-body{position:relative;background-color:#f8f6f8;background-image:radial-gradient(#d6cdd966 .8px,transparent .8px);background-size:14px 14px;height:389px;display:flex;justify-content:center;align-items:center}.lab-image{height:341px;aspect-ratio:9/16;box-shadow:0 9px 26px #4c25351c;position:relative;background:white}.lab-image>img{height:100%;width:100%;object-fit:contain}.lab-image[data-view=checker]{background:conic-gradient(#e4dfe5 25%,#fff 0 50%,#e4dfe5 0 75%,#fff 0);background-size:16px 16px}.lab-layer-tag{position:absolute;right:17px;bottom:55px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ece2e9;box-shadow:0 4px 16px #62435b13;padding:9px 11px;border-radius:6px;color:var(--pink);transform:rotate(-4deg)}.lab-layer-tag strong{display:block;font-size:9px;color:#50414c}.lab-layer-tag small{font-size:8px;color:#a38c9e;display:block;margin-top:3px}.lab-size{position:absolute;bottom:8px;left:16px;font-size:8px;color:#b5a7b3;letter-spacing:1px}.lab-switch{display:flex;gap:5px;justify-content:center;padding:16px 15px 7px;background:white}.lab-switch>button{border:1px solid transparent;background:transparent;color:#9c8c98;font-size:10px;padding:7px 17px;min-height:30px;border-radius:5px}.lab-switch>button.active{background:#f8eaf2;color:#bc3c79;border-color:#f6dce9}.lab-caption{text-align:center;font-size:9px;color:#af9eab;padding:0 10px 14px;min-height:27px}
/* Steps and closing statement. */
.workflow-section{padding-top:104px;padding-bottom:95px}.workflow-section .section-heading h2{font-size:34px}.flow-label{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1px;color:#aa9aa5;padding-bottom:10px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:30px;gap:34px;margin-top:41px}.workflow-grid article+article{border-left:1px solid var(--line);padding-left:29px}.workflow-number{display:flex;align-items:center;justify-content:space-between;font-family:March Grotesk,sans-serif;font-size:44px;color:#d4cbd2;line-height:1;margin-bottom:29px}.workflow-number>.icon,.workflow-number>span{color:var(--pink);width:23px;height:23px}.workflow-grid h3{font-size:17px;font-weight:650}.workflow-grid p{font-size:12px;line-height:1.9;color:#958994;margin-top:11px}.workflow-grid article>span:last-child{display:block;font-family:March Grotesk,sans-serif;font-size:9px;color:#bbaab5;letter-spacing:1.6px;margin-top:23px}.closing-section{position:relative;text-align:center;padding:80px 25px 77px;background:#f3eaf0;border-top:1px solid #ede2e9;border-bottom:1px solid #ede2e9;overflow:hidden;isolation:isolate}.closing-section>h2{font-size:48px;font-weight:800;line-height:1.26;letter-spacing:-2px}.closing-section>h2 span{color:var(--pink)}.closing-section>.brand-button{margin-top:30px}.closing-note{font-size:10px;color:#ab8fa0;letter-spacing:.5px;margin-top:20px}.closing-orbit{position:absolute;width:710px;height:450px;border:1px solid #e7d5e0;border-radius:50%;top:-45px;left:50%;transform:translateX(-50%) rotate(-14deg);z-index:-1}.closing-orbit:after{content:"";position:absolute;inset:45px -65px;border-radius:50%;border:1px solid #e7d5e0;transform:rotate(30deg)}.site-footer{max-width:1440px;margin:auto;padding:42px 4.5% 23px}.footer-main{display:flex;align-items:center;gap:30px;margin-bottom:34px}.footer-main .site-brand>strong{font-size:28px}.footer-main .brand-parent{font-size:8px}.footer-main>p{font-size:12px;color:#9e939a;margin-left:25px}.footer-main>a:last-child{margin-left:auto;font-size:11px;color:#766a75}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--line);font-size:9px;color:#a397a2;letter-spacing:.4px}
.public-case-preview{max-width:370px;margin:0 auto 18px}.public-case-preview .case-visual{height:450px}.public-case-preview .case-open{display:none}.dialog:has(.public-case-preview){max-width:560px}.dialog:has(.public-case-preview) .dialog-body{max-height:70vh;overflow-y:auto}
/* Login is a chapter in the journey, not a gate in front of it. */
.auth-screen{max-width:none;margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,1fr);background:#fcfbfc;padding:0;gap:0;align-items:stretch}.auth-story{position:relative;min-height:100vh;padding:45px 9% 35px;background:#f2e8ef;border-right:1px solid #ebdfe8;overflow:hidden;isolation:isolate;display:block;color:#1e191f}.auth-back{font-size:12px;color:#8a7284;display:inline-block;margin-bottom:60px}.auth-brand-label{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1.6px;color:#b08ca3;margin-bottom:22px}.auth-story>h1{font-size:clamp(46px,5.2vw,76px);line-height:1.16;letter-spacing:-3px;color:#211a22;font-weight:800;max-width:none;margin:0}.auth-story>h1>span{color:var(--pink)}.auth-story>p{margin-top:25px;font-size:13px;line-height:1.9;color:#9e8195;max-width:300px}.auth-scene-art{position:relative;height:315px;margin-top:-4px}.auth-scene-art>img{width:169px;height:300px;object-fit:cover;position:absolute;left:45%;top:-11px;transform:rotate(11deg);border:5px solid #fff;border-radius:8px;box-shadow:0 25px 40px #6e3e5825}.auth-art-note{position:absolute;bottom:95px;left:2%;font-family:March Grotesk,sans-serif;font-size:20px;line-height:1.03;letter-spacing:-1px;color:#c4a6b9;transform:rotate(-10deg)}.auth-floating-tag{position:absolute;bottom:48px;left:28%;display:flex;align-items:center;gap:9px;padding:12px 17px;background:#fffdfd;border:1px solid white;box-shadow:0 12px 28px #84617115;border-radius:7px;font-size:10px;color:#997187;transform:rotate(-4deg)}.auth-story-foot{font-size:9px;letter-spacing:1px;color:#b49aa9;position:absolute;bottom:25px;left:9%}.auth-card{width:min(400px,calc(100% - 80px));max-width:none;align-self:center;justify-self:center;padding:40px 0;margin:0;border:0;border-radius:0;box-shadow:none;background:none}.auth-card-brand{font-size:35px;font-weight:800;letter-spacing:-1.5px;margin-bottom:42px;color:#272029}.auth-card-brand>span{color:var(--pink)}.auth-card-brand>small{font-family:March Grotesk,sans-serif;display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#ae97a6}.auth-card h2{font-size:27px;letter-spacing:-.8px;font-weight:700;margin-bottom:10px}.auth-card #auth-status{line-height:1.7;font-size:12px;color:#9e8c9a}.auth-card .tabs{display:flex;border-bottom:1px solid var(--line);padding:0;gap:29px;background:none;margin:26px 0}.auth-card .tabs>button{flex:0 0 auto;padding:10px 0 13px;border:0;border-radius:0;background:transparent;color:#b4a4b0;font-size:13px;min-width:0}.auth-card .tabs>button.active{border-bottom:2px solid var(--pink);color:#4e3243;box-shadow:none}.auth-card input{min-height:48px!important;border-color:#e4dce2!important;border-radius:6px!important;background:#fff!important;font-size:13px!important;padding:12px 14px!important}.auth-card label{gap:9px;font-size:12px;color:#7b6575}.auth-card #username-help,.auth-card #password-help{font-size:10px;line-height:1.5;color:#b3a2ad;margin-top:-5px}.auth-card .stack{gap:14px}.auth-card #auth-submit{height:49px;margin-top:3px;background:#201a22;border:0;font-size:13px;letter-spacing:.5px}.auth-card #auth-submit:hover{background:var(--pink)}.auth-footnote{border-top:0!important;font-size:10px!important;line-height:1.9;color:#b4a2b0!important;text-align:left!important;padding:0!important;margin-top:26px!important}.auth-mobile-back{display:none}.auth-card .form-error{font-size:11px;line-height:1.65}.auth-story:before{content:"";position:absolute;width:540px;height:540px;border:1px solid #e6d3df;border-radius:50%;right:-245px;top:27%;z-index:-1}
/* Quiet, editorial workspace — same product, less visual noise during editing. */
.panel-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.panel-footer>.btn{white-space:nowrap;min-width:0;padding:7px 5px;font-size:10px}.panel-footer .icon{width:14px;height:14px;flex-basis:14px}

.sidebar{background:#fff;padding:30px 17px 20px}.wordmark{margin:0 10px 33px;grid-template-columns:33px minmax(0,1fr);gap:12px}.wordmark b{font-size:27px;letter-spacing:-1.5px;font-weight:800}.wordmark small{font-family:March Grotesk,sans-serif;color:#a592a0;font-size:8px;letter-spacing:1.1px}.logo-mark:before,.logo-mark:after{border-color:#d8649b;width:19px;height:27px;border-radius:3px}.logo-mark:before{background:#f8dde9;left:1px;top:0}.logo-mark:after{background:#fff;left:10px;top:8px;box-shadow:3px 3px 0 #fae7f0}.sidebar-caption{font-size:9px;color:#b5a7b1;letter-spacing:1px;margin:0 13px 15px;display:flex;justify-content:space-between}.sidebar-caption>span{font-family:March Grotesk,sans-serif;font-size:8px}.nav-list{gap:5px}.nav-item{font-size:12px;min-height:43px;border-radius:7px;padding:11px 13px;color:#8c7c88}.nav-item.active{background:#f9edf3;color:#ac346b;border-color:transparent;font-weight:650}.nav-item:hover{background:#f7f3f6;color:#705d6b}.nav-item.active .count{background:#f4dbe8;color:#b04376}.nav-item .count{background:#f3eff2;color:#a48c9b}.nav-new{font-family:March Grotesk,sans-serif;font-size:8px;padding:1px 5px;border:1px solid #f0dfed;color:#b680b2;border-radius:3px;margin-left:auto}.nav-separator{margin:17px 12px 12px;height:1px;background:#f0eaf0}.sidebar-tip{background:#faf5f8;border:1px solid #f1e4ec;border-radius:9px;margin-top:auto;padding:17px 13px;margin-bottom:20px}.sidebar-tip .sidebar-tip-spark{display:block;color:#cc6393;font-size:25px;margin-bottom:13px;line-height:1}.sidebar-tip>strong{font-size:11px;color:#8c5571}.sidebar-tip>p{font-size:10px;line-height:1.8;color:#b18c9f;margin:6px 0 12px}.sidebar-home{border:0;border-top:1px solid #eddde6;border-radius:0;background:none;color:#b15482;font-size:10px;min-height:26px;padding:10px 0 0;width:100%;justify-content:space-between}.sidebar-home:hover{background:none;color:var(--pink);border-color:#ebcadc}.sidebar-footer{padding:15px 10px 0;margin-top:0;border-color:#f0e9ee;gap:7px}.sidebar-footer strong{font-size:10px;color:#8c7e89}.sidebar-footer small{font-size:8px;color:#b0a0ad}.version{color:#bcadb8}.topbar{background:#fff9;border-color:#ede7ed;padding:0 37px}.breadcrumb{font-size:11px;color:#a597a2}.breadcrumb strong{color:#695660;font-weight:500}.local-chip{background:#f8f5f7;color:#9b8797;border:0;font-size:9px;border-radius:4px}.local-dot{width:5px;height:5px;background:#719885;box-shadow:0 0 0 3px #edf4ef}.avatar{background:#f2e5ed;color:#b25c8c;border:1px solid #e9d5e1;font-weight:650}.top-actions .btn.ghost{font-size:10px;color:#ab97a6}.page-header h1{font-size:30px;font-weight:750;letter-spacing:-1px;color:#30262e}.page-header p.muted{font-size:12px;color:#a38d9f;margin-top:10px}.page-header .eyebrow{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1.7px;color:#bc98b0;margin-bottom:12px}.page-header{margin-bottom:29px}#content{padding:33px 37px 40px}.hero{background:#f4edf3;border:1px solid #eadde7;border-radius:13px;height:278px}.hero-copy{padding:27px 31px}.hero-copy h2{color:#614d5d;font-size:29px;letter-spacing:-1.1px;font-weight:720}.hero-copy p{font-size:11px;color:#a1899c}.hero-copy .badge{margin-bottom:13px;font-size:8px;background:#fff8;border:1px solid #eadbe6;color:#b1789c}.hero-copy .hero-actions{margin-top:19px}.hero-copy .btn{font-size:11px}.hero-art{background:#eee2eb}.hero-art:before{content:"";position:absolute;width:250px;height:250px;left:15%;top:15px;border:1px solid #dfc9d9;border-radius:50%}.floating-note{color:#a17b91;background:#fffc;border-color:#fff8;box-shadow:0 10px 30px #a773940f;font-size:9px}.floating-note .icon{color:#c47fa4}.section-title h2{font-size:15px;font-weight:650;color:#6f596a}.section-title .muted{font-size:10px;color:#ac96a4}.project-card{border:1px solid #ebe2e9;background:#fff;border-radius:11px;box-shadow:none;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #59394d0c;border-color:#e6cedd}.project-preview{background:#f1e9ef!important;border:0;border-radius:10px 10px 0 0}.project-title{font-size:13px;color:#6a5061}.project-meta{font-size:10px;color:#b09cab}.project-actions .btn{font-size:10px;color:#b1668e}.preview-dim{font-size:8px;color:#ac8c9f;background:#fffd}.project-info .badge{font-size:8px}.new-project-card{border-color:#dfc8d7;background:#fcf9fb;border-radius:10px;color:#c39aae}.new-project-card:hover{background:#faeef5;border-color:#d5a4bd;color:#bd5488}.new-project-card strong{font-size:12px}.new-project-card span{font-size:10px}.empty-project-art{color:#c1a4b8}.page-footnote{font-size:9px;color:#b6a3af;line-height:1.8}.page-footnote strong{font-weight:500}.editor-layout{border-color:#e7dfe5;box-shadow:0 5px 22px #49283605}.canvas-panel{background:#f1edf1}.layer-row.selected{background:#fbedf4;border-color:#ebcddd}.layer-section{color:#b0789a}.camera-divider{border-color:#dccccf;color:#a48a9d}.layer-tools .icon-btn:hover{background:#f4deeb}.segmented button.active{color:#a73d75;background:#fff;box-shadow:0 2px 7px #583b5010}.canvas-layer.selected{outline-color:var(--pink)}.resize-handle{border-color:var(--pink)}.property-block{border-color:#f0e7ed}.property-block h3,.panel-header{color:#886780}.hint-box,.notice-bar{background:#fcf5f9;border-color:#efdfeb;color:#a17c94}.upload-zone{background:#fcf8fb;border-color:#dbc5d4;color:#bc7ea0}.upload-zone:hover,.upload-zone.dragover{background:#faeef5;border-color:var(--pink)}.asset-card{border-color:#eee3eb;border-radius:9px}.asset-info strong{color:#7d6274}.asset-info .muted{color:#ab8d9f}.billing-stat,.account-panel,.ai-panel{border-color:#ebdfe8}.ai-layout .hint-box{font-size:11px}.btn.primary:disabled{background:#94888f;border-color:#94888f;color:white}.btn.secondary:hover,.icon-btn:hover{background:#f7edf3;border-color:#e5cadb;color:#b05b8d}
@media(min-width:1600px){.landing-hero{padding-top:50px;padding-bottom:70px}.hero-showroom{height:620px}.hero-live-scene{width:36%;left:32%}.floating-layer-note{bottom:20px}}
@media(max-width:1180px){.site-nav{gap:19px}.site-header{gap:20px;padding:0 3.5%}.landing-hero{padding:30px 3.5% 55px;gap:8px;min-height:590px}.hero-editorial h1{font-size:clamp(39px,4.6vw,55px);letter-spacing:-2.4px}.hero-showroom{height:500px}.hero-live-scene{top:56px}.mini-skin{top:115px}.mini-coffee{top:120px}.floating-layer-note{left:4%;bottom:31px;padding:12px}.hero-kicker{font-size:9px;letter-spacing:.2px}.hero-description{font-size:13px}.hero-cta{gap:18px}.hero-cta .brand-button{padding:15px 17px;min-height:52px;gap:25px;font-size:13px}.showroom-index{bottom:0;font-size:7px}.designer-cursor{bottom:108px}.poster-title{font-size:21px}.mini-coffee .coffee-headline{font-size:27px}.mini-skin .bottle-one{left:17px;width:44px;height:97px}.mini-skin .bottle-two{left:70px;width:40px;height:79px}.mini-coffee .coffee-cup{left:36px;width:76px;height:95px;bottom:34px}.case-visual{height:395px}.redog-visual>img{height:303px;top:49px}.case-stamp{right:16px;font-size:10px;width:65px;height:65px}.skin-copy h3{font-size:29px}.skin-visual .bottle-one{height:150px;width:75px;bottom:45px;left:31%}.skin-visual .bottle-two{width:63px;height:119px;left:65%;bottom:39px}.coffee-visual>h3{font-size:50px}.coffee-visual .coffee-cup{width:117px;height:146px;left:47%;bottom:45px}.coffee-seal{right:18px;top:91px;width:58px;height:58px;font-size:10px}.feature-section{margin-left:4.5%;margin-right:4.5%;gap:45px;padding:44px 37px}.feature-copy>h2{font-size:37px}.feature-list p{font-size:10px}.lab-top>span:last-child{display:none}.workflow-section .section-heading h2{font-size:31px}.workflow-grid{gap:22px}.workflow-grid article+article{padding-left:20px}.workflow-grid h3{font-size:15px}.flow-label{font-size:8px}.auth-story{padding-left:10%;padding-right:6%}.auth-scene-art>img{width:150px;height:267px;left:40%}.auth-art-note{font-size:17px;left:0}.auth-floating-tag{left:17%}:root{--sidebar-width:200px}.topbar{padding:0 24px}#content{padding:28px 24px}.hero-copy{padding:23px}.hero-copy h2{font-size:24px}.floating-note.top{left:5px}.floating-note.bottom{right:4px}.sidebar-tip>strong{font-size:10px}}
@media(max-width:960px){.site-nav{gap:17px}.site-nav button,.site-nav a{font-size:11px}.site-nav>a{display:none}.site-brand{gap:12px}.site-brand>strong{font-size:28px}.brand-parent{font-size:8px}.site-actions{gap:12px}.hero-kicker .kicker-line{display:none}.hero-editorial h1{font-size:41px;letter-spacing:-2px}.hero-showroom{height:440px}.hero-live-scene{top:60px;left:28%;width:44%}.mini-skin{width:33%;left:1%;top:130px}.mini-coffee{width:33%;top:111px}.hero-showroom:before{width:320px;height:320px;left:3%;top:50px}.floating-layer-note{bottom:20px;padding:10px 11px;left:0;gap:8px}.floating-layer-note strong{font-size:10px}.floating-layer-note div>span{font-size:8px}.designer-cursor{right:0;bottom:92px}.hero-footnote{font-size:9px}.hero-cta{gap:14px}.hero-cta .text-button{font-size:12px;gap:10px}.discipline-strip{padding:16px 4%;gap:22px;justify-content:flex-start}.discipline-strip>span{font-size:10px}.case-grid{gap:17px}.case-visual{height:355px}.case-index{top:20px;left:18px;font-size:8px}.case-format{left:18px;font-size:8px}.redog-visual>img{height:261px;top:50px}.case-stamp{width:55px;height:55px;font-size:9px;right:12px}.skin-copy{left:19px;top:56px}.skin-copy h3{font-size:25px}.skin-copy p{font-size:6px}.skin-visual .bottle-one{width:62px;height:129px;bottom:41px}.skin-visual .bottle-two{width:54px;height:98px;bottom:36px}.skin-visual .bottle>span{font-size:11px}.coffee-visual>h3{font-size:42px;left:19px;letter-spacing:-3px}.coffee-visual .coffee-cup{width:94px;height:123px;left:43%;bottom:44px}.coffee-cup>span{font-size:15px}.coffee-seal{top:103px;right:8px;width:47px;height:47px;font-size:8px}.case-details h3{font-size:14px}.case-details p{font-size:9px}.case-type{font-size:8px;padding:4px 6px}.feature-section{gap:30px;padding:35px 28px}.feature-copy>h2{font-size:31px}.feature-intro{font-size:12px}.feature-list{gap:18px}.feature-list h3{font-size:13px}.feature-list p{font-size:10px}.lab-body{height:329px}.lab-image{height:284px}.lab-layer-tag{right:6px;padding:8px;bottom:32px}.lab-layer-tag small{font-size:7px}.lab-switch>button{padding:6px 11px;font-size:9px}.workflow-section .section-heading h2{font-size:27px}.flow-label{display:none}.workflow-grid{gap:20px}.workflow-grid article+article{padding-left:15px}.workflow-grid p{font-size:10px}.workflow-grid h3{font-size:14px}.workflow-number{font-size:35px}.footer-main>p{margin-left:10px;font-size:10px}.auth-story>h1{font-size:55px}.auth-story{min-height:820px}.auth-screen{grid-template-columns:1fr 1fr}.auth-card{width:calc(100% - 70px)}.auth-card-brand{font-size:30px}.auth-scene-art>img{left:35%;top:20px;width:143px;height:253px}.auth-art-note{bottom:69px;font-size:14px}.auth-floating-tag{left:2%;bottom:30px}.auth-story>p{font-size:12px}.auth-card h2{font-size:25px}}
@media(max-width:760px){.site-header{height:76px;padding:0 6%;gap:15px}.site-nav{display:none}.site-brand>strong{font-size:29px}.brand-parent{font-size:7px;letter-spacing:.6px}.brand-divider{height:22px}.site-actions{gap:15px}.site-actions>.brand-button{display:none}.site-login{font-size:12px;padding:9px 15px;border:1px solid #e7dfe5;border-radius:5px;background:#fff}.landing-hero{display:flex;flex-direction:column;gap:17px;padding:47px 6% 39px;min-height:0;align-items:stretch}.hero-editorial{padding:0}.hero-kicker{font-size:9px;letter-spacing:.5px;margin-bottom:24px}.hero-editorial h1{font-size:clamp(36px,7.3vw,50px);line-height:1.3;letter-spacing:-1.8px}.highlight-word>svg{height:15px;bottom:-7px}.hero-description{font-size:12px;margin-top:24px;line-height:1.85}.hero-cta{gap:23px;margin-top:23px}.hero-cta .brand-button{min-height:49px;font-size:12px;padding:14px 20px;gap:22px}.hero-cta .text-button{font-size:11px}.hero-footnote{margin-top:22px;font-size:9px}.hero-footnote>span:last-child{gap:10px}.mini-layers{font-size:24px}.hero-showroom{height:440px;max-width:460px;width:100%;align-self:center;margin-top:6px}.hero-showroom:before{width:320px;height:320px;left:6%;top:62px}.hero-live-scene{width:43%;left:28%;top:26px}.mini-poster{width:34%;border-width:4px}.mini-skin{top:102px;left:0}.mini-coffee{top:95px;right:-1%}.poster-title{font-size:20px;top:43px;left:12px}.poster-eyebrow{font-size:5px;left:12px}.poster-bottom{font-size:6px;left:12px}.mini-skin .bottle-one{height:80px;width:38px;left:17px;bottom:30px}.mini-skin .bottle-two{height:67px;width:34px;left:66px;bottom:30px}.mini-skin .bottle:before{height:15px;top:-14px}.mini-coffee .coffee-headline{font-size:24px;left:11px;top:44px}.mini-coffee .coffee-cup{width:65px;height:83px;bottom:30px;left:40px}.mini-coffee .coffee-cup>span{font-size:10px}.floating-layer-note{bottom:20px;left:3%;padding:10px 11px;gap:9px}.layer-note-icon{width:29px;height:29px;border-radius:6px}.layer-note-icon>.icon{width:16px}.layer-note-check>.icon{width:15px}.floating-layer-note strong{font-size:10px}.floating-layer-note div>span{font-size:8px}.showroom-caption{left:0;top:4px;font-size:7px}.showroom-index{left:0;bottom:0;font-size:7px;letter-spacing:.9px}.designer-cursor{right:1%;bottom:65px}.designer-cursor>span{font-size:9px;padding:4px 9px}.discipline-strip{padding:15px 6%;gap:21px}.discipline-strip>span{font-size:9px;letter-spacing:1px}.discipline-strip i{font-size:15px}.landing-section{padding:60px 6%}.section-heading{align-items:flex-start;gap:15px;margin-bottom:25px}.section-heading h2{font-size:29px;letter-spacing:-1px}.section-overline{font-size:8px;letter-spacing:1.2px;margin-bottom:15px}.section-aside{display:none}.case-grid{grid-template-columns:1fr;gap:35px}.case-visual{height:420px}.case-index{left:24px;top:23px;font-size:9px}.case-format{left:24px;font-size:9px}.redog-visual>img{height:321px;top:49px}.case-stamp{right:24px;top:137px;width:67px;height:67px;font-size:11px}.case-details{padding-top:15px}.case-details h3{font-size:17px}.case-details p{font-size:10px;margin-top:5px}.case-type{font-size:9px;padding:5px 8px}.skin-copy{top:59px;left:26px}.skin-copy>span{font-size:10px}.skin-copy h3{font-size:33px}.skin-copy p{font-size:8px}.skin-visual .bottle-one{width:83px;height:167px;left:34%;bottom:43px}.skin-visual .bottle-two{width:70px;height:128px;left:63%;bottom:39px}.skin-visual .bottle>span{font-size:14px}.coffee-visual>h3{font-size:56px;left:25px;top:61px}.coffee-visual .coffee-cup{width:130px;height:166px;left:47%;bottom:39px}.coffee-seal{right:24px;top:103px;width:62px;height:62px;font-size:10px}.coffee-cup>span{font-size:20px}.gallery-disclaimer{font-size:9px;margin-top:24px;line-height:1.9}.feature-section{grid-template-columns:1fr;margin:5px 6% 0;padding:34px 25px;gap:29px;border-radius:13px}.feature-copy>h2{font-size:32px}.feature-intro{font-size:12px;margin-top:17px}.feature-list{gap:21px;margin-top:24px}.feature-list h3{font-size:13px}.feature-list p{font-size:10px}.feature-copy>.text-button{font-size:12px}.layer-lab{transform:rotate(0)}.lab-body{height:329px}.lab-image{height:282px}.lab-layer-tag{bottom:39px;right:5px}.lab-switch{padding-left:8px;padding-right:8px;gap:3px}.lab-switch>button{padding:6px 11px}.workflow-section{padding-top:66px;padding-bottom:59px}.workflow-section .section-heading h2{font-size:29px;line-height:1.4}.workflow-grid{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:27px;padding-top:27px}.workflow-grid article+article{border:0;padding-left:0}.workflow-grid article:nth-child(even){border-left:1px solid var(--line);padding-left:21px}.workflow-number{font-size:35px;margin-bottom:19px}.workflow-number .icon{width:18px}.workflow-grid h3{font-size:13px}.workflow-grid p{font-size:10px}.workflow-grid article>span:last-child{font-size:8px;margin-top:16px}.closing-section{padding:57px 20px}.closing-section>h2{font-size:32px;letter-spacing:-1.2px;line-height:1.4}.closing-section>.brand-button{margin-top:23px;padding:15px 22px;font-size:12px;min-height:50px}.closing-note{font-size:8px;letter-spacing:0}.site-footer{padding:33px 6% 20px}.footer-main{flex-wrap:wrap;gap:15px;margin-bottom:26px}.footer-main .site-brand>strong{font-size:25px}.footer-main .brand-parent{font-size:7px}.footer-main>p{margin:0;font-size:10px;width:100%;order:3}.footer-main>a:last-child{font-size:9px;margin-left:auto}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:11px;line-height:1.5}.footer-bottom>span:first-child{width:100%}.auth-screen{display:block;min-height:100vh;padding:0 24px;background:#fcfafb}.auth-story{display:none}.auth-card{width:100%;max-width:380px;padding:26px 0 40px;margin:0 auto;min-height:100vh}.auth-mobile-back{display:block;font-size:11px;color:#a88d9e;margin-bottom:45px}.auth-card-brand{margin-bottom:30px}.auth-card h2{font-size:26px}.auth-card #auth-status{font-size:12px}.auth-card .tabs{margin:22px 0}.auth-card .stack{gap:13px}.auth-card input{font-size:14px!important}.auth-card #username-help,.auth-card #password-help{font-size:9px}.auth-footnote{margin-top:24px!important}.public-case-preview .case-visual{height:400px}.dialog:has(.public-case-preview){width:calc(100% - 28px)}.sidebar{height:auto;position:relative;width:100%;padding:17px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .wordmark{margin:0 0 15px;width:fit-content}.sidebar .wordmark b{font-size:24px}.sidebar .wordmark small{font-size:7px}.sidebar-caption,.sidebar-tip,.sidebar-footer,.nav-separator{display:none}.nav-list{display:flex;flex-direction:row;gap:4px;overflow-x:auto;max-width:100%;padding:0 0 11px}.nav-item{flex:0 0 auto;width:auto;padding:8px 10px;min-height:34px;font-size:10px;gap:6px}.nav-item .count,.nav-new{display:none}.nav-item .icon{width:14px;height:14px}.topbar{height:59px;padding:0 18px}.top-actions{gap:7px}.breadcrumb{font-size:10px}.local-chip{display:none}.top-actions #logout-button{font-size:9px}.top-actions .avatar{width:27px;height:27px}#content{padding:24px 18px}.page-header h1{font-size:24px}.page-header .eyebrow{font-size:8px}.page-header p.muted{font-size:11px}.hero{height:auto;min-height:385px}.hero-copy h2{font-size:26px}.hero-copy{padding:25px}.hero-art{min-height:215px}.hero-art>img.real-scene{height:200px}.floating-note{font-size:8px}.editor-layout{min-height:0}.page-footnote{font-size:8px}}
@media(max-width:390px){.hero-editorial h1{font-size:34px;letter-spacing:-1.6px}.hero-kicker{font-size:8px}.hero-showroom{height:370px}.floating-layer-note{bottom:15px;left:1%}.designer-cursor{bottom:57px}.mini-skin .bottle-one{left:12px;width:32px;height:72px}.mini-skin .bottle-two{left:57px;width:29px;height:58px}.mini-coffee .coffee-cup{left:28px;width:62px;height:79px;bottom:25px}.poster-title{font-size:18px}.mini-coffee .coffee-headline{font-size:21px}.poster-eyebrow{font-size:4px}.hero-live-scene{top:32px}.showroom-index{font-size:6px}.floating-layer-note{padding:8px}.floating-layer-note strong{font-size:9px}.floating-layer-note div>span{font-size:7px}.feature-section{padding:29px 19px}.lab-layer-tag{padding:6px}.lab-layer-tag strong{font-size:8px}.lab-layer-tag small{display:none}.lab-switch>button{font-size:8px;padding:6px 10px}.section-heading h2{font-size:27px}.case-visual{height:389px}.redog-visual>img{height:292px}.case-stamp{width:57px;height:57px;font-size:10px;right:17px}.coffee-visual>h3{font-size:49px}.coffee-visual .coffee-cup{width:113px;height:146px;left:45%}.skin-copy h3{font-size:30px}.skin-visual .bottle-one{width:73px;height:149px}.skin-visual .bottle-two{width:61px;height:117px}.closing-section>h2{font-size:29px}.footer-main>a:last-child{font-size:8px}.site-actions{gap:0}.site-brand{gap:10px}.brand-parent{font-size:6px}}
@media(prefers-reduced-motion:no-preference){.hero-live-scene{animation:scene-arrive 1s both}.hero-editorial{animation:copy-arrive .8s both}.mini-poster{animation:poster-arrive 1.15s both}.designer-cursor{animation:cursor-arrive 1.3s both}@keyframes scene-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes copy-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes poster-arrive{from{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes cursor-arrive{0%,50%{opacity:0;translate:15px 10px}100%{opacity:1;translate:0 0}}}
/* Small functional copy keeps sufficient contrast on light surfaces. */
.hero-description,.section-aside>p,.feature-intro,.feature-list p,.workflow-grid p{color:#736773}.hero-footnote{color:#897586}.gallery-disclaimer{color:#8a7885}.case-details p{color:#82717f}.nav-item{color:#796772}.sidebar-caption{color:#97818f}.sidebar-tip>p{color:#927082}.sidebar-footer small{color:#8f7c88}.page-header p.muted,.hero-copy p,.section-title .muted{color:#8b7083}.hero-copy h2{color:#503b48}.project-meta,.asset-info .muted{color:#947889}.project-title{color:#593e50}.page-footnote{color:#998291}.auth-card #auth-status,.auth-card #username-help,.auth-card #password-help,.auth-footnote{color:#917b8b!important}.auth-story>p{color:#8c6a80}.property-block .muted,.panel-subtitle{color:#92768b}.form-error{line-height:1.8}.public-case-preview+p{color:#827080;line-height:1.9}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Scene-led revision: warm editorial surfaces, real artwork, useful controls. */
.editorial-home{--pink:#ec4899;--ink:#171717;--paper:#fafaf8;--hairline:#deddd7;background:var(--paper);color:var(--ink);overflow:clip}
.editorial-home [hidden]{display:none!important}
.editorial-home .site-header{max-width:1600px;height:88px;padding:0 5%;border-bottom:1px solid var(--hairline)}
.editorial-home .site-nav{gap:28px}
.editorial-home .site-nav button,.editorial-home .site-nav a,.editorial-home .site-login{color:#55554f;font-size:12px}
.editorial-home .brand-button{border-radius:2px;box-shadow:none;min-height:52px;padding:14px 23px;gap:32px;font-weight:500;background:#171717;border-color:#171717;color:#fff}
.editorial-home .brand-button:hover{background:#ec4899;border-color:#ec4899;transform:none;box-shadow:none}
.editorial-home .brand-button.compact{min-height:40px;padding:9px 15px;font-size:12px;gap:18px}
.editorial-home .text-button{color:#171717;font-size:13px}
.sc-wrap{width:90%;max-width:1440px;margin:0 auto}
.sc-eyebrow{font-family:March Grotesk,"PingFang SC",sans-serif;font-size:10px;letter-spacing:1.9px;font-weight:500;color:#686861;margin:0 0 24px}
.sc-hero{padding-top:64px}
.sc-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}
.sc-intro h1{font-size:clamp(50px,5.5vw,86px);letter-spacing:-4px;line-height:1.15;font-weight:780;color:#171717;text-wrap:balance}
.sc-intro h1 span{color:#d53882}
.sc-hero-copy{padding:0 3px 6px 0;flex-shrink:0}
.sc-hero-copy>p{font-size:15px;line-height:1.9;color:#585951;margin-bottom:24px}
.sc-hero-copy small{display:block;font-size:10px;color:#71736a;margin-top:14px}
.sc-hero-stage{position:relative;overflow:hidden;background:#e6e0d5;height:clamp(400px,40vw,625px)}
.sc-hero-stage>img,.sc-hero-stage>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 61%}
.sc-image-label{position:absolute;left:26px;top:25px;background:#fafaf3ee;color:#313129;padding:10px 12px;font-size:10px;display:flex;gap:25px;align-items:center}
.sc-image-label span{color:#68655c}
.sc-ai-label{position:absolute;right:24px;top:25px;background:#fafaf3ee;color:#4d4840;font-size:9px;padding:8px 10px;letter-spacing:.4px}
.sc-photo-caption{position:absolute;left:26px;bottom:26px;right:26px;display:flex;justify-content:space-between;align-items:end;color:#fff;text-shadow:0 1px 6px #0008}
.sc-photo-caption>span:first-child{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:.3px}
.sc-photo-caption>span:last-child{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1.5px}
.sc-photo-footer{padding:20px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--hairline)}
.sc-photo-footer>p{font-size:11px;color:#74756c;line-height:1.8}.sc-photo-footer b{font-weight:500;color:#292c24;margin-right:15px}
.sc-film-note{white-space:nowrap;display:flex;align-items:center;gap:13px;font-size:11px;color:#54564e}
.sc-film-note i{font-style:normal;font-size:9px;color:#76796e;background:#eceee8;padding:4px 7px}
.sc-section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:42px}
.editorial-home h2{font-size:clamp(30px,3.2vw,47px);line-height:1.25;letter-spacing:-1.7px;font-weight:730;color:#22251f}
.sc-section-head>p{font-size:13px;line-height:1.9;color:#74766c;padding-bottom:5px}
.sc-creator{padding:94px 0 88px;margin-top:60px;background:#efefe9}
.sc-desk{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(0,1fr);border:1px solid #d8dad1;background:#fafaf8}
.sc-layout-preview{position:relative;padding:22px 34px 25px;background:#e4e6dc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #d8dad1}
.sc-preview-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:23px;font-size:11px;color:#656b5d}
.sc-preview-top>button{border:0;background:none;font-size:10px;color:#49543e;padding:5px 0;border-bottom:1px solid #959e89;border-radius:0}
.sc-phone{position:relative;aspect-ratio:9/16;width:min(100%,284px);background:#e8e2da;box-shadow:0 10px 30px #39432a15;overflow:hidden}
.sc-phone>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.sc-position-guides{position:absolute;inset:0}
.sc-zone{position:absolute;z-index:3;border:1px dashed #f8f7f0;background:#fafaf9b8;color:#3d4134;border-radius:0;box-shadow:none;font-size:10px;line-height:1.7;cursor:pointer;padding:4px;text-align:center;display:flex;justify-content:center;align-items:center;white-space:normal}
.sc-zone:hover{background:#fff;border-color:#af3169;color:#81234e}
.sc-zone.active{background:#fae6eedb;border:1.5px solid #b72d70;color:#832650}
.sc-zone-back{inset:8px;z-index:1;align-items:flex-end;justify-content:flex-start;padding:0;background:transparent!important;border:1px dashed #deddd9;color:#35342c}
.sc-zone-back>span{position:absolute;left:6px;top:5px;padding:4px 6px;font-size:9px;background:#fafaf8e8}
.sc-zone-top{left:8%;top:12%;width:84%;height:12%}
.sc-zone-left{left:8%;top:32%;width:20%;height:30%}
.sc-zone-right{right:8%;top:32%;width:20%;height:30%}
.sc-zone-bottom{bottom:7%;left:8%;width:84%;height:19%}
.sc-zone-sticker{right:10%;top:26%;width:25%;height:5%;font-size:8px}
.sc-host-area{position:absolute;left:33%;top:29%;width:34%;height:38%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fafafa;pointer-events:none}
.sc-host-area>svg{height:76%;width:100%;filter:drop-shadow(0 1px 2px #4e433c)}
.sc-host-area>span{font-size:8px;white-space:nowrap;background:#fafafae6;color:#545647;padding:3px 5px;margin-top:5px}
.sc-preview-caption{margin:24px 0 9px;display:flex;flex-direction:column;gap:6px;text-align:center;max-width:350px;min-height:47px}
.sc-preview-caption>b{font-size:13px;font-weight:650;color:#333b2a}.sc-preview-caption>span{font-size:10px;line-height:1.8;color:#5e6952}
.sc-annotation{font-size:10px!important;line-height:1.9!important;color:#76796e!important;margin-top:19px}
.sc-layout-preview>.sc-annotation{font-size:9px!important;text-align:center;margin-top:6px;max-width:320px}
.sc-brief-panel{padding:32px 36px 27px;min-width:0}
.sc-fieldset{min-width:0;border:0;padding:0;margin:0 0 23px}
.sc-fieldset>legend{display:flex;align-items:center;gap:12px;font-size:12px;color:#232a1d;font-weight:550;margin-bottom:12px;width:100%}
.sc-fieldset>legend>span{font-family:March Grotesk,sans-serif;font-size:9px;color:#878b7c}
.sc-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sc-choice-grid>button,.sc-theme-list>button{border:1px solid #e0e2d9;color:#656b5b;background:#fff;border-radius:2px;padding:10px 5px;min-height:36px;font-size:11px;font-weight:400;white-space:nowrap;box-shadow:none}
.sc-choice-grid>button:hover,.sc-theme-list>button:hover{border-color:#989e8f;background:#fff;color:#273020}
.sc-choice-grid>button.active{border-color:#343c2b;background:#343c2b;color:#fff}
.sc-theme-list{display:flex;gap:6px;flex-wrap:wrap}
.sc-theme-list>button{padding:7px 11px;font-size:10px;min-height:32px;background:transparent}
.sc-theme-list>button.active{border-color:#b44d7c;color:#8d2d56;background:#fbeaf2}
.sc-style-list{display:flex;gap:10px;flex-wrap:wrap}
.sc-style-list>button{padding:7px 9px 7px 6px;border:1px solid #e0e2d9;border-radius:2px;background:#fff;font-size:10px;color:#68715a;gap:7px;box-shadow:none;min-height:34px}
.sc-style-list>button.active{border-color:#6a7858;color:#2f3d20;background:#f6f7f2}
.swatch{width:15px;height:15px;display:inline-block;border:1px solid #00000012;border-radius:50%}
.swatch.editorial{background:#cfaaa8}.swatch.warm{background:#7d875e}.swatch.festival{background:#a43730}
.sc-spec-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:10px}
.sc-spec-grid>label{font-size:10px;color:#69715e;font-weight:400;display:flex;flex-direction:column;gap:7px}
.sc-spec-grid select{width:100%;min-width:0;height:35px;min-height:35px;background:#fff;border:1px solid #dee1d5;border-radius:2px;font-size:10px;padding:5px 7px;color:#404a35}
.sc-model-note{font-size:9px;color:#838979;margin:8px 0 19px;line-height:1.7}
.sc-brief-label{display:flex;font-size:11px;font-weight:500;gap:8px;margin-bottom:9px;color:#353e2b}
.sc-brief-label>span{font-size:9px;color:#878f7b;font-weight:400}
#brief-input{width:100%;font-size:11px;line-height:1.8;padding:10px 12px;border-radius:2px;border-color:#dee1d5;resize:vertical;min-height:72px;background:#fff;color:#37432b}
#brief-input::placeholder{color:#929887}
.sc-alpha-option{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;color:#797f70}
.sc-alpha-option>label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400;margin:0}.sc-alpha-option input{width:13px;height:13px}
.sc-alpha-option>span{font-size:8px;padding:2px 5px;background:#eaece5;color:#656e59}
.sc-alpha-option>p{width:100%;font-size:9px;line-height:1.7;color:#808775;padding-left:20px}
.sc-brief-submit{display:flex;align-items:center;gap:20px;margin-top:23px}
.sc-brief-submit>.brand-button{font-size:12px;min-height:45px;padding:12px 19px;gap:24px}
.sc-brief-submit>span{font-size:10px;color:#707a61;line-height:1.7}
.sc-availability{font-size:9px;line-height:1.8;color:#747e65;margin-top:11px;min-height:32px}
.sc-gallery{padding-top:104px;padding-bottom:88px}
.sc-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.sc-study-image{padding:0;display:block;position:relative;width:100%;height:clamp(340px,35vw,500px);overflow:hidden;border:0;border-radius:0;background:#e9e7dc;box-shadow:none;text-align:left}
.sc-study-image:hover{background:#e9e7dc;box-shadow:none}
.sc-study-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.sc-study-image:hover>img{transform:scale(1.025)}
.sc-study:first-child .sc-study-image>img{object-position:69% 50%}
.sc-live-case .sc-study-image{background:#efe7db;display:flex;justify-content:center}
.sc-live-case .sc-study-image>img{object-fit:contain;object-position:center;transform:none!important}
.sc-live-case-note{font-size:10px;color:#7b766e;margin:10px 0}
.sc-case-detail-link{font-size:11px;color:#982b36;padding:4px 0;border:0;border-bottom:1px solid #c7ada5;border-radius:0;background:transparent}
.sc-case-dialog{width:min(920px,calc(100% - 32px));max-width:920px;max-height:calc(100dvh - 32px);border:1px solid #ded6cd;border-radius:4px;padding:0;background:#faf7f0;color:#302c27;box-shadow:0 20px 80px #0003;overflow:auto}
.sc-case-dialog::backdrop{background:#17141099}
.sc-case-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-bottom:1px solid #e1d9d0;font-size:11px;color:#85736d}
.sc-case-dialog-head>button{font-size:28px;background:transparent;border:0;line-height:1;width:40px;height:36px;color:#5f4940}
.sc-case-dialog-body{padding:26px;display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:36px;align-items:center}
.sc-case-preview{width:100%;aspect-ratio:9/16;background:#efe7db;overflow:hidden}
.sc-case-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.sc-case-preview.alpha-preview{background:conic-gradient(#ded8ce 25%,#faf7f0 0 50%,#ded8ce 0 75%,#faf7f0 0);background-size:20px 20px}
.sc-case-caption{font-size:10px;color:#817269;margin:10px 0 0;line-height:1.7}
.sc-case-description h2{font-size:34px;line-height:1.25;color:#632c30;margin:0 0 18px;letter-spacing:-1px}
.sc-case-description>p:not(.sc-eyebrow){font-size:12px;line-height:1.9;color:#78695e}
.sc-case-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0}
.sc-case-modes>button{border:1px solid #d9cbbb;background:#fffbf4;border-radius:2px;font-size:12px;padding:11px;color:#69564a}
.sc-case-modes>button[aria-pressed=true]{color:#fff0dc;background:#9b202a;border-color:#9b202a}
.sc-case-description ul{padding-left:17px;font-size:11px;line-height:1.9;color:#796b5e}
.sc-case-description .sc-case-disclosure{border-top:1px solid #e0d7ca;padding-top:12px;font-size:10px!important}
.sc-case-description>.brand-button{font-size:12px;margin-top:12px}
.sc-case-description>small{display:block;font-size:10px;color:#86786c;line-height:1.8;margin-top:11px}
@media(max-width:640px){.sc-case-dialog-body{grid-template-columns:1fr;gap:25px;padding:18px}.sc-case-preview{max-width:300px;margin:auto}.sc-case-caption{text-align:center}.sc-case-description h2{font-size:29px}.sc-case-dialog-head{padding:10px 18px}.sc-live-case .sc-study-info{align-items:flex-start;flex-wrap:wrap}}
.sc-study-tag{position:absolute;left:17px;top:17px;font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1px;background:#fafaf3ef;color:#4d483c;padding:6px 8px}
.sc-study-action{position:absolute;bottom:16px;left:16px;right:16px;padding:12px 13px;background:#fafaf4ef;color:#33392c;display:flex;justify-content:space-between;font-size:10px;backdrop-filter:blur(4px)}
.sc-study-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px}
.sc-study-info>h3{font-size:16px;font-weight:550;letter-spacing:-.2px;color:#2e3429}
.sc-study-info>span{font-size:10px;color:#78806e;white-space:nowrap}
.sc-production{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:62px 0 94px;border-top:1px solid var(--hairline)}
.sc-production-intro{font-size:13px;line-height:1.95;color:#757c6a;margin:23px 0 30px}
.sc-capability-status{margin:0 0 20px}
.sc-capability-status>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e0e3d8;font-size:11px}
.sc-capability-status dt{color:#4d5941}.sc-capability-status dd{color:#60784a;font-size:9px;margin:0;white-space:nowrap}.sc-capability-status dd.pending{color:#8a8272}
.sc-layer-lab{border-radius:0;transform:none;border:1px solid #dedfd6;background:#fff;box-shadow:none}
.sc-layer-lab .lab-top{height:46px;border-color:#e8e9e2;justify-content:space-between;padding:0 19px;gap:12px}.sc-layer-lab .lab-top strong{color:#526046;font-size:10px}.sc-layer-lab .lab-top>span:last-child{display:block;color:#7a8770;font-family:inherit;font-size:9px;margin:0;letter-spacing:0}
.sc-layer-lab .lab-body{height:435px;background:#edede6;background-image:none;padding-bottom:22px}
.sc-layer-lab .lab-image{height:365px;box-shadow:0 8px 18px #33382112}
.sc-layer-lab .lab-image[data-view=checker]{background:conic-gradient(#dddcd6 25%,#fafaf8 0 50%,#dddcd6 0 75%,#fafaf8 0);background-size:16px 16px}
.sc-layer-label{position:absolute;bottom:12px;font-size:9px;color:#757e69;letter-spacing:2px}
.sc-layer-lab .lab-switch{gap:8px;padding:15px 10px 9px;background:#fff}.sc-layer-lab .lab-switch>button{border-radius:2px;font-size:10px}.sc-layer-lab .lab-switch>button.active{background:#303b27;color:#fff;border-color:#303b27}.sc-layer-lab .lab-caption{background:#fff;color:#6c7a5e;font-size:9px}
.sc-more{padding:76px 0 81px;border-top:1px solid var(--hairline)}
.sc-use-cases{border-top:1px solid #d9ddd0}
.sc-use-cases>details{border-bottom:1px solid #d9ddd0;padding:0}
.sc-use-cases summary{list-style:none;display:flex;align-items:center;gap:25px;padding:24px 0;cursor:pointer}
.sc-use-cases summary::-webkit-details-marker{display:none}
.sc-use-cases summary>span{font-family:March Grotesk,sans-serif;font-size:11px;color:#a1a793;width:28px;flex-shrink:0}
.sc-use-cases summary>h3{font-size:20px;font-weight:500;color:#39452f;letter-spacing:-.4px}
.sc-use-cases summary>i{font-style:normal;margin-left:auto;font-size:10px;color:#6b7b5b;white-space:nowrap}
.sc-use-cases summary>i.pending{color:#8a8476}
.sc-use-cases summary>b{font-size:22px;font-weight:300;color:#6e7e5d;flex-shrink:0;width:18px;text-align:center;transition:transform .2s}
.sc-use-cases details[open] summary>b{transform:rotate(45deg)}
.sc-use-cases details[open] summary{padding-bottom:14px}
.sc-use-cases details>p{font-size:12px;line-height:1.9;color:#748065;padding:0 65px 27px 53px;max-width:910px}
.sc-workflow{padding:45px 0 96px}
.sc-workflow>h2{font-size:32px;letter-spacing:-1px}
.sc-workflow>ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:36px 0 0;border-top:1px solid #d9ddd0;gap:35px}
.sc-workflow li{padding-top:22px}
.sc-workflow li>span{font-family:March Grotesk,sans-serif;font-size:11px;color:#879773;display:block;margin-bottom:28px}
.sc-workflow li>h3{font-size:19px;color:#39452d;font-weight:550;margin-bottom:12px}
.sc-workflow li>p{font-size:11px;color:#78836b;line-height:1.9}
.sc-closing{background:#e9acd0;padding:66px 0 60px;color:#462037}
.sc-closing .sc-eyebrow{color:#784a65}
.sc-closing .sc-wrap>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.editorial-home .sc-closing h2{font-size:clamp(42px,4.6vw,66px);line-height:1.16;color:#452337;letter-spacing:-3px}
.sc-closing .sc-wrap>p:last-child{font-size:11px;color:#80516c;margin-top:27px}
.editorial-home .site-footer{padding:43px 5% 24px;max-width:1600px}.editorial-home .footer-main>p{font-size:11px;color:#767e6b}.editorial-home .footer-main>a:last-child{font-size:11px;color:#586549}.editorial-home .footer-bottom{color:#8b927f;font-size:9px}
.ai-creative-controls{padding:18px;background:#f8f8f4;border:1px solid #e6e7df;border-radius:3px}.ai-creative-controls .muted{font-size:11px;line-height:1.8}.ai-brief-banner{border-radius:3px;background:#f6f0f3;border-color:#ead8e2}.layer-placement-controls{padding-top:12px}.layer-placement-controls select{font-size:10px}.layer-placement-controls .muted{line-height:1.8}
@media(min-width:1600px){.sc-hero-stage{height:625px}.sc-hero{padding-top:75px}.sc-brief-panel{padding:44px 48px}.sc-phone{width:310px}}
@media(max-width:1100px){.editorial-home .site-nav{gap:18px}.sc-intro h1{font-size:64px}.sc-hero-copy>p{font-size:13px}.sc-hero-stage{height:450px}.sc-desk{grid-template-columns:minmax(280px,.85fr) minmax(0,1fr)}.sc-layout-preview{padding-left:22px;padding-right:22px}.sc-brief-panel{padding:27px 24px}.sc-spec-grid{gap:7px;grid-template-columns:1.2fr 1fr 1fr}.sc-spec-grid select{font-size:9px;padding-left:5px;padding-right:2px}.sc-style-list{gap:6px}.sc-style-list>button{font-size:9px;padding-right:7px;gap:5px}.sc-study-info{align-items:flex-start;flex-direction:column;gap:6px}.sc-production{gap:45px}.sc-brief-submit{gap:12px}.sc-brief-submit>span{font-size:9px}.sc-hero-copy small{font-size:9px}}
@media(max-width:800px){.sc-wrap{width:90%}.editorial-home .site-header{height:76px;gap:20px}.editorial-home .site-nav{gap:15px}.editorial-home .site-nav button{font-size:10px}.editorial-home .site-login{font-size:10px}.editorial-home .brand-button.compact{font-size:10px;gap:10px}.sc-hero{padding-top:47px}.sc-intro{gap:20px;margin-bottom:30px}.sc-intro h1{font-size:48px;letter-spacing:-2px}.sc-hero-copy>p{font-size:11px;margin-bottom:16px}.sc-hero-copy>.brand-button{font-size:11px;padding:11px 16px;gap:20px;min-height:44px}.sc-hero-stage{height:360px}.sc-creator{margin-top:40px;padding:66px 0}.sc-section-head>p{font-size:11px}.sc-section-head{gap:25px}.sc-desk{grid-template-columns:minmax(230px,.8fr) minmax(0,1fr)}.sc-layout-preview{padding:18px 16px;justify-content:flex-start}.sc-phone{margin-top:50px;width:230px;max-width:100%}.sc-preview-caption{margin-top:28px}.sc-preview-top{font-size:9px;gap:12px}.sc-preview-top>button{font-size:9px}.sc-brief-panel{padding:24px 18px}.sc-theme-list{gap:5px}.sc-theme-list>button{padding:6px 9px}.sc-spec-grid{grid-template-columns:1fr 1fr}.sc-spec-grid>label:first-child{grid-column:1/-1}.sc-brief-submit{flex-direction:column;align-items:stretch;gap:9px}.sc-brief-submit>span{font-size:9px}.sc-studies{gap:16px}.sc-study-image{height:320px}.sc-study-info>h3{font-size:14px}.sc-study-info>span{font-size:9px}.sc-study-tag{left:12px;top:12px;font-size:7px}.sc-study-action{left:10px;right:10px;bottom:10px;font-size:9px;padding:9px}.sc-production{gap:30px}.sc-production-intro{font-size:12px}.sc-capability-status>div{font-size:10px}.sc-capability-status dd{font-size:8px}.sc-use-cases summary{gap:15px}.sc-use-cases summary>h3{font-size:17px}.sc-use-cases summary>i{font-size:9px}.sc-use-cases details>p{font-size:11px;padding-left:43px}.sc-workflow>ol{gap:20px}.sc-photo-footer>p{font-size:10px}.sc-photo-footer b{display:block}.sc-film-note{font-size:10px}.editorial-home .footer-main{gap:20px}.editorial-home .footer-main>p{font-size:9px}}
@media(max-width:620px){.editorial-home .site-header{padding:0 5%;height:72px}.editorial-home .site-actions>.brand-button{display:none}.editorial-home .site-login{padding:8px 12px;border-radius:2px;font-size:10px;border-color:#dadcd1}.editorial-home .site-nav{display:none}.sc-hero{padding-top:38px}.sc-eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:19px}.sc-intro{display:block;margin-bottom:26px}.sc-intro h1{font-size:clamp(44px,10.5vw,63px);letter-spacing:-2.1px}.sc-hero-copy{margin-top:25px;padding:0;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.sc-hero-copy>p{font-size:11px;line-height:1.85;margin:0;flex:1 0 100%}.sc-hero-copy>.brand-button{font-size:11px;gap:26px;padding:12px 17px;min-height:45px}.sc-hero-copy>small{font-size:8px;max-width:114px;line-height:1.8;margin:0}.sc-hero-stage{height:370px}.sc-hero-stage>img{object-position:52% 50%}.sc-image-label{top:14px;left:14px;padding:7px 8px;font-size:8px;gap:10px}.sc-image-label>span{display:none}.sc-ai-label{right:13px;top:14px;font-size:7px;padding:7px 8px}.sc-photo-caption{left:15px;bottom:15px;right:15px;gap:10px}.sc-photo-caption>span:first-child{font-size:15px;line-height:1.5}.sc-photo-caption>span:last-child{font-size:6px;letter-spacing:1px;max-width:75px;text-align:right;line-height:1.7}.sc-photo-footer{align-items:flex-start;gap:14px;padding:15px 0 20px}.sc-photo-footer>p{font-size:9px;max-width:220px}.sc-photo-footer b{font-size:10px;margin-right:0;margin-bottom:3px}.sc-film-note{flex-direction:column;gap:5px;align-items:flex-end;font-size:9px;padding-top:3px}.sc-film-note>i{font-size:8px}.sc-creator{margin-top:28px;padding:51px 0}.sc-section-head{display:block;margin-bottom:27px}.editorial-home h2{font-size:32px;letter-spacing:-1.2px;line-height:1.25}.sc-section-head>p{margin-top:17px;font-size:11px;line-height:1.85}.sc-desk{grid-template-columns:1fr}.sc-layout-preview{border-right:0;border-bottom:1px solid #d8dad1;padding:17px 20px 16px}.sc-preview-top{font-size:10px;margin-bottom:16px}.sc-phone{width:218px;margin-top:0}.sc-zone{font-size:8px}.sc-zone-back>span{font-size:7px}.sc-zone-sticker{font-size:7px}.sc-host-area>span{font-size:7px}.sc-preview-caption{margin-top:18px;min-height:0}.sc-preview-caption>b{font-size:12px}.sc-preview-caption>span{font-size:9px}.sc-layout-preview>.sc-annotation{font-size:8px!important}.sc-brief-panel{padding:25px 20px}.sc-fieldset{margin-bottom:23px}.sc-fieldset>legend{font-size:12px}.sc-choice-grid{gap:7px}.sc-choice-grid>button{font-size:10px;padding:9px 5px}.sc-theme-list{gap:6px}.sc-theme-list>button{font-size:10px;padding:6px 10px}.sc-style-list{gap:7px}.sc-style-list>button{font-size:9px;padding:6px;gap:5px}.sc-spec-grid{grid-template-columns:1.25fr .8fr .9fr;gap:6px}.sc-spec-grid>label:first-child{grid-column:auto}.sc-spec-grid select{font-size:9px}.sc-brief-submit{flex-direction:row;align-items:center}.sc-brief-submit>.brand-button{font-size:11px;padding:12px 16px;gap:16px}.sc-brief-submit>span{font-size:8px}.sc-availability{font-size:9px}.sc-gallery{padding-top:57px;padding-bottom:48px}.sc-studies{grid-template-columns:1fr;gap:30px}.sc-study-image{height:450px}.sc-study-tag{font-size:8px;padding:7px 9px;top:16px;left:16px}.sc-study-action{padding:12px 13px;left:14px;right:14px;bottom:14px;font-size:11px}.sc-study-info{flex-direction:row;align-items:center;padding-top:13px}.sc-study-info>h3{font-size:16px}.sc-study-info>span{font-size:10px}.sc-annotation{font-size:9px!important}.sc-production{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:51px}.sc-production-intro{font-size:12px;margin-top:19px;margin-bottom:19px}.sc-capability-status>div{font-size:11px}.sc-capability-status dd{font-size:9px}.sc-production .text-button{font-size:12px}.sc-layer-lab .lab-body{height:398px}.sc-layer-lab .lab-image{height:336px}.sc-layer-lab .lab-switch>button{font-size:10px;padding:7px 12px}.sc-more{padding:48px 0}.sc-use-cases summary{padding:20px 0;gap:12px;flex-wrap:wrap;position:relative}.sc-use-cases summary>span{font-size:10px;width:20px}.sc-use-cases summary>h3{font-size:16px;letter-spacing:-.5px;max-width:calc(100% - 55px);flex:1}.sc-use-cases summary>i{margin-left:32px;width:calc(100% - 50px);font-size:9px;margin-top:-2px;order:3}.sc-use-cases summary>b{position:absolute;right:0;top:15px}.sc-use-cases details>p{font-size:10px;padding:0 10px 22px 32px;line-height:1.9}.sc-workflow{padding-top:20px;padding-bottom:55px}.sc-workflow>h2{font-size:27px}.sc-workflow>ol{grid-template-columns:1fr 1fr;gap:20px 30px;margin-top:27px}.sc-workflow li{padding-top:22px}.sc-workflow li>span{margin-bottom:15px;font-size:10px}.sc-workflow li>h3{font-size:17px;margin-bottom:10px}.sc-workflow li>p{font-size:10px}.sc-closing{padding:44px 0}.sc-closing .sc-wrap>div{display:block}.editorial-home .sc-closing h2{font-size:41px;letter-spacing:-1.8px}.sc-closing .brand-button{margin-top:24px;font-size:12px;min-height:46px}.sc-closing .sc-wrap>p:last-child{font-size:10px;margin-top:22px}.editorial-home .site-footer{padding:30px 5% 22px}.editorial-home .footer-main{flex-wrap:wrap;gap:18px;margin-bottom:24px}.editorial-home .footer-main>p{width:100%;order:3;font-size:10px;margin-top:4px}.editorial-home .footer-main>a:last-child{font-size:10px;margin-left:auto}.editorial-home .footer-bottom{display:flex;flex-direction:column;gap:7px;font-size:8px;align-items:flex-start}}
@media(max-width:360px){.sc-intro h1{font-size:42px}.sc-hero-stage{height:330px}.sc-hero-copy>small{max-width:89px}.sc-brief-panel{padding:22px 14px}.sc-spec-grid{grid-template-columns:1fr 1fr}.sc-spec-grid>label:first-child{grid-column:1/-1}.sc-study-image{height:390px}.sc-brief-submit>span{font-size:7px}.sc-brief-submit>.brand-button{font-size:10px;padding:11px 12px;gap:13px}.sc-use-cases summary>h3{font-size:14px}.editorial-home .sc-closing h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.sc-study-image>img,.sc-use-cases summary>b{transition:none}}

/* 叁月幕间：完整作品优先。mx 命名隔离旧首屏与位置框样式。 */
:root{--accent:#ec4899;--pink:#ec4899;--accent-hover:#cc297a}
.editorial-home{--paper:#fff;--hairline:#e7e7eb;--ink:#171717;background:#fff;color:#171717}
.editorial-home .site-header{height:86px;max-width:1480px;border-color:#ececf0}
.editorial-home .site-nav button,.editorial-home .site-nav a,.editorial-home .site-login{font-size:14px;color:#45454c}
.editorial-home .site-nav button:hover,.editorial-home .site-nav a:hover,.editorial-home .site-login:hover{color:#d82f84}
.editorial-home .brand-button{min-height:54px;border-radius:5px;font-size:15px;font-weight:600;padding:15px 23px;gap:30px}
.editorial-home .brand-button.compact{min-height:42px;font-size:13px}
.editorial-home .text-button{font-size:14px;min-height:44px}
.brand-divider{transform:none}
.sc-wrap{width:90%;max-width:1320px}
.sc-eyebrow{font-size:11px;color:#66666e;letter-spacing:1.8px;margin-bottom:20px}
.editorial-home h2{font-size:clamp(30px,3.1vw,44px);font-weight:760;line-height:1.3;letter-spacing:-1.6px;color:#171717}
.sc-section-head{gap:36px;margin-bottom:36px}
.sc-section-head>p{font-size:14px;color:#68686f;line-height:1.9}
.sc-annotation{color:#727279!important;font-size:12px!important;line-height:1.85!important}
.editorial-home :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #ec489980;outline-offset:4px}

/* 首屏只有完整作品，不在图上覆盖文案，不裁切标题与商品台。 */
.mx-hero{padding-top:45px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:7%;align-items:center}
.mx-hero-copy{padding:24px 0 28px;min-width:0}
.mx-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:550;letter-spacing:1px;color:#65656d}
.mx-kicker>span{width:7px;height:7px;background:#ec4899;flex:0 0 7px}
.mx-hero h1{font-size:clamp(48px,5.2vw,78px);font-weight:800;line-height:1.18;letter-spacing:-3.6px;color:#171717;margin:27px 0 25px;text-wrap:nowrap}
.mx-hero h1 span{color:#ec4899}
.mx-hero-description{font-size:17px;line-height:1.9;color:#65656d;max-width:480px}
.mx-theme-picker{margin-top:35px;max-width:470px}
.mx-theme-picker>p{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#73737b;margin-bottom:10px}
.mx-theme-picker>p>span{color:#ec4899;font-size:18px}
.mx-hero-themes{display:flex;flex-wrap:wrap;gap:5px 7px}
.mx-hero-themes>button{border:0;border-bottom:2px solid transparent;border-radius:0;min-height:44px;padding:10px 11px;background:transparent;font-size:14px;font-weight:500;color:#606068;box-shadow:none}
.mx-hero-themes>button:hover{color:#171717;background:#f8f8fa}
.mx-hero-themes>button[aria-pressed=true]{border-bottom-color:#ec4899;color:#171717;font-weight:700;background:transparent}
.mx-hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.mx-hero-note{font-size:12px;color:#76767e;margin-top:18px;line-height:1.8;max-width:450px}
.mx-hero-work{margin:0;width:100%;max-width:440px;justify-self:center;min-width:0}
.mx-work-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:10px;color:#6c6c74;font-family:March Grotesk,"PingFang SC",sans-serif;letter-spacing:.9px}
.mx-work-heading>span:last-child{font-family:inherit;letter-spacing:0;white-space:nowrap;font-size:11px}
.mx-hero-art{width:min(100%,342px);aspect-ratio:9/16;margin:0 auto;background:#f7f7f9}
#hero-scene-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;border-radius:0}
.mx-work-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e7e7eb;padding-top:16px;margin-top:19px}
.mx-work-caption>div{display:flex;flex-direction:column;gap:4px}
.mx-work-caption strong{font-size:18px;font-weight:650;letter-spacing:-.4px}
.mx-work-caption>div>span{font-size:12px;color:#777780}
.mx-work-count{display:flex;align-items:baseline;gap:8px;font-family:March Grotesk,sans-serif;font-size:13px;color:#9898a0}
.mx-work-count>b{font-size:30px;letter-spacing:-1.5px;font-weight:700;color:#171717}
.mx-hero-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;margin-top:33px;border-top:1px solid #e7e7eb;font-size:12px;color:#73737b}
.mx-hero-footer>span:first-child{color:#171717;font-weight:600}
.mx-hero-footer>p{letter-spacing:.4px}
.mx-hero-footer>span:last-child{display:flex;align-items:center;gap:24px}
.mx-hero-footer b{font-size:20px;color:#ec4899;font-weight:400}

/* 真实 canvas 预览；画幅由渲染器设置，CSS 不固定为竖屏。 */
.mx-creator{padding:78px 0 82px;background:#fff}
.mx-desk{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);border:1px solid #e4e4e9;border-radius:8px;overflow:hidden;background:#fff;align-items:stretch}
.sc-layout-preview.mx-preview{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:26px 32px 23px;background:#f8f8fa;border-right:1px solid #e4e4e9;min-width:0}
.mx-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-bottom:24px}
.mx-preview-heading .mx-kicker{font-family:March Grotesk,sans-serif;font-size:10px;letter-spacing:1px;color:#777780}
.mx-preview-heading h3{font-size:17px;color:#171717;margin-top:5px;font-weight:650}
.mx-sample-badge{border:1px solid #e2e2e8;background:#fff;color:#73737b;font-size:11px;white-space:nowrap;border-radius:4px;padding:5px 8px}
.mx-canvas-stage{width:100%;display:grid;place-items:center;flex:0 0 auto}
.mx-canvas-frame{position:relative;width:min(100%,298px);max-width:100%;background:#fff;box-shadow:0 5px 22px #1818230b;min-width:0}
.mx-canvas-frame[data-ratio="16:9"]{width:100%;max-width:540px}
.mx-canvas-frame[data-ratio="1:1"]{width:min(100%,390px)}
#creative-canvas{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.mx-preview-modes{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#eaeaec;border-radius:5px;gap:3px;width:min(100%,298px);margin:21px 0 9px}
.mx-preview-modes>button{font-size:13px;min-height:39px;border:0;border-radius:3px;background:transparent;color:#62626a;box-shadow:none;padding:9px 14px}
.mx-preview-modes>button[aria-pressed=true]{background:#171717;color:#fff}
.mx-preview-modes>button:not([aria-pressed=true]):hover{background:#fff;color:#171717}
.mx-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,298px)}
.mx-preview-tools>label{flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#5e5e67;min-height:40px}
.mx-preview-tools input{accent-color:#ec4899;width:16px;height:16px}
.mx-preview-tools>label:has(input:disabled){opacity:.5}
.mx-preview-tools>button{border:0;background:transparent;min-height:40px;font-size:12px;font-weight:400;padding:7px 0;color:#62626b;box-shadow:none}
.mx-preview-tools>button[aria-pressed=true]{color:#cc297a}
.mx-preview-caption{width:100%;display:flex;flex-direction:column;gap:5px;margin:13px 0 16px;text-align:left}
.mx-preview-caption>b{font-size:14px;color:#232329;font-weight:650}
.mx-preview-caption>span{font-size:12px;color:#74747c;line-height:1.75}
.mx-asset-strip{display:flex;align-items:center;gap:18px;width:100%;padding:12px 0;border-top:1px solid #e1e1e7;border-bottom:1px solid #e1e1e7}
#asset-preview-canvas{display:block;width:52%;max-width:210px;height:auto;object-fit:contain;flex:0 1 auto}
.mx-asset-strip>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mx-asset-strip>div>span{font-family:March Grotesk,sans-serif;font-size:9px;letter-spacing:1px;color:#818189}
.mx-asset-strip b{font-size:13px;font-weight:600;color:#303037}
.mx-asset-strip small{font-size:11px;color:#797981}
.mx-preview-status{font-size:11px;color:#686870;line-height:1.8;width:100%;margin-top:14px}
.mx-preview-note{font-size:11px;color:#777780;line-height:1.8;width:100%;margin-top:3px}

/* 控件采用紧凑排版；高级参数折叠，需求与行动入口保持可见。 */
.mx-brief-panel{min-width:0;padding:30px 36px;background:#fff}
.mx-panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #ececf0;padding-bottom:20px;margin-bottom:24px}
.mx-panel-heading>h3{font-size:19px;font-weight:650;letter-spacing:-.5px;color:#171717}
.mx-panel-heading>span{font-size:11px;color:#87878f;white-space:nowrap}
.mx-fieldset{padding:0;margin:0 0 24px;border:0;min-width:0}
.mx-fieldset>legend{font-size:14px;color:#222229;font-weight:600;display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:0}
.mx-fieldset>legend>span{font-family:March Grotesk,sans-serif;font-size:10px;color:#95959e}
.mx-placement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mx-placement-list>button{min-height:41px;border:1px solid transparent;border-radius:30px;font-size:13px;font-weight:450;white-space:nowrap;padding:9px 8px;color:#5c5c66;background:#f4f4f6;box-shadow:none}
.mx-placement-list>button:hover{background:#ededf0;color:#171717}
.mx-placement-list>button[aria-pressed=true]{background:#171717;color:#fff}
.mx-theme-list{display:flex;gap:4px 7px;flex-wrap:wrap}
.mx-theme-list>button{border:0;border-bottom:2px solid transparent;border-radius:0;min-height:42px;font-size:13px;background:transparent;color:#66666f;padding:9px 10px;font-weight:450;box-shadow:none}
.mx-theme-list>button:hover{color:#171717;background:#f8f8fa}
.mx-theme-list>button[aria-pressed=true]{color:#ca2677;border-bottom-color:#ec4899;background:#fff;font-weight:650}
.mx-style-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mx-style-list>button{display:flex;align-items:center;justify-content:flex-start;gap:9px;border:0;border-bottom:2px solid #ececf0;border-radius:0;background:#fff;color:#696971;box-shadow:none;font-size:13px;font-weight:450;padding:8px 2px 11px;min-height:50px;white-space:nowrap}
.mx-style-list>button:hover{color:#171717;border-bottom-color:#b7b7c0;background:#fff}
.mx-style-list>button[aria-pressed=true]{color:#171717;border-bottom-color:#ec4899;font-weight:650}
.mx-style-mark{font-family:March Grotesk,sans-serif;font-size:20px;letter-spacing:-2px;line-height:1.2;color:#28282f}
.mx-style-paper{font-family:Georgia,"Songti SC",serif;font-style:italic;letter-spacing:-1px;color:#826c75}
.mx-style-festival{font-family:Georgia,"Songti SC",serif;color:#d13681;letter-spacing:-1px}
.mx-field-note{font-size:12px;font-weight:400;color:#7a7a83;line-height:1.8;margin-top:10px}
.mx-ratio-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #ececf0}
.mx-ratio-row>label{font-size:14px;font-weight:600;color:#27272e}
.mx-ratio-row>select{width:162px;min-height:41px;font-size:13px;border-color:#e0e0e7;border-radius:4px;background-color:#fff;color:#45454e}
.mx-brief-label{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:14px;font-weight:600;color:#24242b;margin-bottom:10px}
.mx-brief-label>span{font-size:11px;color:#888890;font-weight:400}
.mx-brief-panel #brief-input{width:100%;min-height:91px;padding:11px 13px;font-size:14px;line-height:1.75;color:#32323a;border:1px solid #e0e0e7;border-radius:5px;background:#fff;resize:vertical}
.mx-brief-panel #brief-input::placeholder{color:#94949c}
.mx-advanced{margin-top:17px;border-top:1px solid #ececf0;border-bottom:1px solid #ececf0}
.mx-advanced>summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:50px;padding:12px 0;list-style:none;font-size:12px;color:#55555f}
.mx-advanced>summary::-webkit-details-marker{display:none}
.mx-advanced>summary::after{content:"+";font-size:19px;color:#888890;font-weight:400;margin-left:auto}
.mx-advanced[open]>summary::after{content:"−"}
.mx-advanced>summary>span{font-size:11px;color:#93939b;margin-left:auto}
.mx-advanced-body{padding-bottom:17px}
.mx-spec-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.mx-spec-grid>label{font-size:12px;color:#65656e;gap:7px;font-weight:450}
.mx-spec-grid select{font-size:13px;min-height:41px;border-color:#e0e0e7;border-radius:4px;background-color:#fff;color:#45454e}
.mx-spec-grid select:disabled{color:#82828c;background:#f5f5f7;opacity:1}
.mx-alpha-option{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:14px}
.mx-alpha-option>label{flex-direction:row;align-items:center;gap:8px;font-size:12px;color:#72727c;font-weight:400}
.mx-alpha-option input{width:15px;height:15px}
.mx-alpha-option>span{font-size:10px;color:#80808a;background:#f2f2f5;padding:3px 6px;border-radius:3px}
.mx-alpha-option>p{width:100%;font-size:12px;line-height:1.8;color:#85858e}
.mx-brief-submit{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}
#brief-summary{font-size:12px;color:#686870;line-height:1.75}
.mx-brief-submit>.brand-button{width:100%;justify-content:space-between;min-height:54px;font-size:14px}
.mx-availability{font-size:12px;color:#7b7b84;line-height:1.8;margin-top:12px;min-height:22px}

/* 案例、分层区与后续内容保持原有交互，统一中性底色。 */
.sc-gallery{padding-top:54px;padding-bottom:82px}
.sc-studies{gap:30px}
.sc-study-image,.sc-live-case .sc-study-image{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:9/16;max-height:none;background:#f7f7f9;border:0;border-radius:0;overflow:hidden}
.sc-study-image:hover{background:#f7f7f9;box-shadow:0 0 0 2px #ec4899;transform:none}
.sc-study-image>img,.sc-study:first-child .sc-study-image>img,.sc-live-case .sc-study-image>img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;transition:none}
.sc-study-info{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-top:18px;gap:10px}
.sc-study-info>h3{color:#171717;font-size:18px;font-weight:600}
.sc-study-info>span{color:#83838b;font-size:11px;white-space:nowrap}
.sc-live-case-note{font-size:12px;color:#797982;line-height:1.8;margin:9px 0}
.sc-case-detail-link{border:0;border-bottom:1px solid #d8d8df;border-radius:0;background:transparent;padding:4px 0;min-height:36px;font-size:13px;color:#45454e;font-weight:500}
.sc-case-detail-link:hover{color:#d33082;border-color:#ec4899;background:transparent}
.sc-case-dialog{background:#fff;border-color:#e2e2e8;border-radius:7px;color:#222229}
.sc-case-dialog::backdrop{background:#11111899}
.sc-case-dialog-head{border-color:#e7e7eb;color:#72727c;font-size:12px}
.sc-case-dialog-head>button{color:#303037}
.sc-case-preview{background:#f8f8fa}
.sc-case-preview.alpha-preview{background:conic-gradient(#e7e7ec 25%,#fff 0 50%,#e7e7ec 0 75%,#fff 0);background-size:20px 20px}
.sc-case-caption{font-size:12px;color:#73737e}
.sc-case-description h2{color:#171717}
.sc-case-description>p:not(.sc-eyebrow){font-size:13px;color:#686871}
.sc-case-modes>button{border-color:#dedee5;background:#fff;color:#60606a;min-height:44px;font-size:13px;border-radius:4px}
.sc-case-modes>button[aria-pressed=true]{background:#171717;border-color:#171717;color:#fff}
.sc-case-description ul{font-size:12px;color:#777780}
.sc-case-description .sc-case-disclosure{border-color:#e3e3e9;font-size:12px!important}
.sc-case-description>small{font-size:12px;color:#7a7a83}
.sc-production{border-color:#e7e7eb;gap:72px;padding-top:66px;padding-bottom:84px}
.sc-production-intro{font-size:15px;color:#6c6c75}
.sc-capability-status>div{border-color:#e7e7ed;font-size:13px}
.sc-capability-status dt{color:#50505a}
.sc-capability-status dd{font-size:12px;color:#34343d}
.sc-capability-status dd.pending{color:#898993}
.sc-layer-lab{border-color:#e2e2e8;border-radius:5px}
.sc-layer-lab .lab-top{height:50px;border-color:#e7e7ed}
.sc-layer-lab .lab-top strong{font-size:12px;color:#33333c}
.sc-layer-lab .lab-top>span:last-child{font-size:11px;color:#85858d}
.sc-layer-lab .lab-body{height:470px;background:#f7f7f9;padding-bottom:25px}
.sc-layer-lab .lab-image{height:405px;box-shadow:none}
.sc-layer-lab .lab-image[data-view=checker]{background:conic-gradient(#e4e4ea 25%,#fff 0 50%,#e4e4ea 0 75%,#fff 0);background-size:16px 16px}
.sc-layer-label{font-size:11px;color:#7f7f88;letter-spacing:1px}
.sc-layer-lab .lab-switch>button{font-size:12px;min-height:40px;border-radius:4px}
.sc-layer-lab .lab-switch>button.active{background:#171717;border-color:#171717;color:#fff}
.sc-layer-lab .lab-caption{font-size:12px;color:#7a7a84}
.sc-more{border-color:#e7e7eb}
.sc-use-cases,.sc-use-cases>details{border-color:#e7e7ed}
.sc-use-cases summary>span{color:#92929c;font-size:12px}
.sc-use-cases summary>h3{color:#27272e;font-size:20px}
.sc-use-cases summary>i{color:#686871;font-size:12px}
.sc-use-cases summary>i.pending{color:#8c8c95}
.sc-use-cases summary>b{color:#81818c}
.sc-use-cases details>p{font-size:14px;color:#74747d;line-height:1.9}
.sc-workflow>ol{border-color:#e7e7ed}
.sc-workflow li>span{color:#ec4899;font-size:12px}
.sc-workflow li>h3{color:#232329;font-size:20px}
.sc-workflow li>p{color:#73737d;font-size:14px}
.sc-closing{background:#fafafa;border-top:1px solid #e7e7ed;border-bottom:1px solid #e7e7ed;color:#171717;padding:72px 0}
.sc-closing .sc-eyebrow{color:#d23783}
.editorial-home .sc-closing h2{color:#171717}
.sc-closing .sc-wrap>p:last-child{color:#73737d;font-size:14px}
.editorial-home .footer-main>p{color:#72727c;font-size:12px}
.editorial-home .footer-main>a:last-child{color:#40404b;font-size:12px}
.editorial-home .footer-bottom{color:#84848f;font-size:11px}
.ai-creative-controls{background:#fafafa;border-color:#e6e6eb}

/* 认证保留全部结构 ID，只展示不倾斜的完整竖屏作品。 */
.auth-screen{background:#fff}
.auth-story.mx-auth-story{background:#fafafa;border-color:#e7e7ed;padding:28px 8% 24px;display:flex;flex-direction:column;align-items:flex-start;color:#171717;min-height:100vh;min-height:100dvh}
.auth-story.mx-auth-story::before,.auth-story.mx-auth-story::after{content:none}
.mx-auth-story .auth-back{font-size:13px;color:#72727d;margin-bottom:22px}
.mx-auth-story .auth-brand-label{font-size:10px;color:#85858e;letter-spacing:1.2px;margin-bottom:14px}
.mx-auth-story>h1{font-size:clamp(38px,3.5vw,52px);line-height:1.2;color:#171717;letter-spacing:-2px}
.mx-auth-story>p{font-size:14px;color:#72727d;margin-top:10px}
.mx-auth-art{margin:20px auto 20px;width:min(100%,clamp(260px,calc(56.25dvh - 222px),405px));flex-shrink:0}
.mx-auth-art>img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;transform:none;box-shadow:none;border:0;border-radius:0}
.mx-auth-art>figcaption{font-size:12px;color:#777782;margin-top:10px;line-height:1.7;text-align:center}
.mx-auth-story .auth-story-foot{position:static;margin-top:auto;padding-top:8px;font-size:11px;color:#85858e;letter-spacing:.4px}
.auth-card #auth-status,.auth-card #username-help,.auth-card #password-help,.auth-footnote{color:#777782!important}
.auth-card .tabs>button{font-size:14px}
.auth-card input{font-size:15px}

@media(min-width:1600px){.mx-hero-art{width:365px}.mx-hero{padding-top:52px}.mx-hero h1{font-size:80px}}
@media(max-width:1100px){
  .mx-hero{column-gap:5%;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .mx-hero h1{font-size:clamp(43px,5.2vw,60px);letter-spacing:-2.7px}
  .mx-hero-description{font-size:15px}.mx-hero-art{width:min(100%,310px)}
  .mx-hero-actions{gap:14px}.mx-hero-actions>.brand-button{padding:14px 18px;font-size:14px;gap:20px}
  .mx-hero-themes{gap:3px}.mx-hero-themes>button{padding:10px 9px;font-size:13px}
  .sc-layout-preview.mx-preview{padding:24px}.mx-brief-panel{padding:28px 25px}
  .mx-panel-heading>span{display:none}.mx-style-list{gap:8px}.mx-style-list>button{gap:6px;font-size:12px}.mx-style-mark{font-size:18px}
  .mx-theme-list{gap:3px}.mx-theme-list>button{padding:9px 8px}.mx-advanced>summary>span{display:none}
  .sc-study-info{flex-direction:column;gap:5px}.sc-study-info>h3{font-size:17px}
  .sc-production{gap:40px}.sc-studies{gap:22px}
}
@media(max-width:860px){
  .editorial-home .site-nav{display:none}.editorial-home .site-login{font-size:13px}
  .mx-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:32px}
  .mx-hero-copy{display:contents}.mx-hero-copy>.mx-kicker{order:0}
  .mx-hero h1{order:1;font-size:clamp(42px,7vw,64px);letter-spacing:-2.6px;margin:19px 0 18px}
  .mx-hero-description{order:2;font-size:15px;line-height:1.8;max-width:none}
  .mx-hero-work{order:3;width:min(100%,390px);margin:28px auto 0}
  .mx-hero-art{width:min(100%,302px)}
  .mx-theme-picker{order:4;width:100%;max-width:none;margin-top:27px}.mx-hero-themes{gap:4px 12px}.mx-hero-themes>button{font-size:14px}
  .mx-hero-actions{order:5;margin-top:22px;gap:23px}.mx-hero-note{order:6;margin-top:15px;max-width:none}
  .mx-hero-footer{order:7;margin-top:26px;padding:20px 0;flex-wrap:wrap;gap:9px 20px}.mx-hero-footer>span:last-child{display:none}
  .mx-creator{padding:56px 0}.sc-section-head{align-items:flex-start;flex-direction:column;gap:15px}.sc-section-head>p{padding:0;margin:0;font-size:14px}
  .mx-desk{grid-template-columns:1fr}.sc-layout-preview.mx-preview{padding:25px 30px;border-right:0;border-bottom:1px solid #e4e4e9}
  .mx-canvas-frame{width:min(100%,300px)}.mx-canvas-frame[data-ratio="16:9"]{max-width:560px}.mx-canvas-frame[data-ratio="1:1"]{width:min(100%,390px)}
  .mx-preview-caption,.mx-asset-strip,.mx-preview-status,.mx-preview-note{max-width:560px}
  .mx-brief-panel{padding:29px 30px}.mx-panel-heading>span{display:block}
  .mx-theme-list{gap:5px 10px}.mx-style-list>button{font-size:14px;gap:10px}.mx-style-mark{font-size:23px}
  .mx-placement-list>button{font-size:14px;min-height:44px}.mx-theme-list>button{font-size:14px;min-height:44px;padding-left:11px;padding-right:11px}
  .mx-preview-tools>label,.mx-preview-tools>button,.mx-preview-caption>span,.mx-preview-status,.mx-preview-note{font-size:12px}
  .mx-brief-panel #brief-input{font-size:16px;min-height:96px}.mx-ratio-row>select,.mx-spec-grid select{font-size:16px;min-height:44px}
  .sc-studies{gap:16px}.sc-study-info>h3{font-size:16px}.sc-live-case-note{font-size:11px}.sc-case-detail-link{font-size:12px}
  .sc-production{grid-template-columns:1fr;gap:30px}.sc-layer-lab{width:100%;max-width:520px;margin:auto}
  .sc-use-cases summary>h3{font-size:18px}.sc-use-cases summary>i{font-size:11px}
  .sc-workflow>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px}
  .auth-story.mx-auth-story{padding-left:8%;padding-right:8%}.mx-auth-story>h1{font-size:40px}
}
@media(max-width:620px){
  .editorial-home .site-header{height:72px;padding:0 5%;gap:15px}.editorial-home .site-login{font-size:13px;padding:9px 12px;border-color:#e1e1e7;border-radius:4px}
  .sc-wrap{width:90%}.sc-eyebrow{font-size:10px;margin-bottom:16px}.editorial-home h2{font-size:30px;letter-spacing:-1.2px}
  .mx-hero h1{font-size:clamp(37px,9.8vw,57px);line-height:1.2;letter-spacing:-1.8px}
  .mx-hero-description{font-size:14px}.mx-kicker{font-size:10px;letter-spacing:.7px}
  .mx-hero-work{width:min(100%,340px)}.mx-work-heading{font-size:9px}.mx-work-heading>span:last-child{font-size:10px}
  .mx-hero-art{width:min(100%,290px)}.mx-work-caption{margin-top:16px;padding-top:13px}.mx-work-caption strong{font-size:17px}
  .mx-work-count>b{font-size:27px}.mx-work-caption>div>span{font-size:11px}
  .mx-hero-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 8px}.mx-hero-themes>button{min-height:44px}
  .mx-hero-actions{gap:14px}.mx-hero-actions>.brand-button{font-size:14px;min-height:50px;padding:13px 18px;gap:18px}
  .mx-hero-actions>.text-button{font-size:13px}.mx-hero-note{font-size:12px}.mx-hero-footer{font-size:11px;gap:9px}
  .mx-creator{padding:44px 0 50px}.sc-section-head{gap:13px;margin-bottom:27px}.sc-section-head>p{font-size:13px;line-height:1.8}
  .mx-desk{border-radius:5px}.sc-layout-preview.mx-preview{padding:21px 18px 20px}.mx-preview-heading{margin-bottom:20px}
  .mx-preview-heading h3{font-size:16px}.mx-preview-heading .mx-kicker{font-size:9px}.mx-sample-badge{font-size:11px}
  .mx-canvas-frame{width:min(100%,282px)}.mx-canvas-frame[data-ratio="16:9"],.mx-canvas-frame[data-ratio="1:1"]{width:100%}
  .mx-preview-modes{width:100%;max-width:282px}.mx-preview-modes>button{font-size:14px;min-height:42px}
  .mx-preview-tools{max-width:282px;width:100%}.mx-preview-tools>label,.mx-preview-tools>button{min-height:44px;font-size:13px}
  .mx-preview-caption{margin-top:10px}.mx-preview-caption>b{font-size:14px}.mx-asset-strip{gap:13px}
  .mx-asset-strip>div>span{font-size:8px;letter-spacing:.6px}.mx-asset-strip small{font-size:11px}
  .mx-preview-status,.mx-preview-note{font-size:12px}
  .mx-brief-panel{padding:25px 18px}.mx-panel-heading{margin-bottom:22px;padding-bottom:16px}.mx-panel-heading>h3{font-size:18px}.mx-panel-heading>span{font-size:10px}
  .mx-fieldset{margin-bottom:23px}.mx-fieldset>legend{font-size:14px}
  .mx-placement-list{gap:7px}.mx-placement-list>button{font-size:13px;padding:9px 4px}
  .mx-theme-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px 8px}.mx-theme-list>button{font-size:14px}
  .mx-style-list{gap:9px}.mx-style-list>button{flex-direction:column;align-items:flex-start;gap:7px;padding:8px 0 12px;font-size:13px}.mx-style-mark{font-size:24px}
  .mx-field-note{font-size:12px}.mx-brief-label{font-size:14px}.mx-brief-label>span{font-size:11px}
  .mx-advanced>summary{font-size:13px;min-height:52px}.mx-advanced-body .mx-field-note,.mx-alpha-option>p{font-size:12px}
  .mx-spec-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}.mx-spec-grid select{font-size:14px}
  .mx-brief-submit>.brand-button{font-size:14px;min-height:54px;padding:15px 17px}.mx-availability{font-size:12px}
  .sc-gallery{padding-top:26px;padding-bottom:53px}.sc-studies{grid-template-columns:1fr;gap:35px}
  .sc-study{width:100%;max-width:380px;margin:0 auto}.sc-study-image,.sc-live-case .sc-study-image{height:auto;aspect-ratio:9/16}
  .sc-study-info{flex-direction:row;align-items:baseline;padding-top:16px;gap:10px}.sc-study-info>h3{font-size:17px}.sc-study-info>span{font-size:11px}
  .sc-live-case-note{font-size:12px}.sc-case-detail-link{font-size:13px;min-height:40px}
  .sc-production{padding:43px 0 54px;gap:26px}.sc-production-intro{font-size:14px}.sc-capability-status>div{font-size:12px}.sc-capability-status dd{font-size:11px}
  .sc-layer-lab .lab-body{height:432px}.sc-layer-lab .lab-image{height:365px}.sc-layer-label{font-size:10px}.sc-layer-lab .lab-switch>button{font-size:12px;padding:8px 10px}
  .sc-more{padding:46px 0 49px}.sc-use-cases summary{flex-wrap:wrap;gap:10px 12px;padding:21px 0}.sc-use-cases summary>span{width:23px;font-size:11px}
  .sc-use-cases summary>h3{font-size:16px;flex:1;line-height:1.5}.sc-use-cases summary>i{order:4;width:100%;margin-left:35px;font-size:11px}
  .sc-use-cases summary>b{font-size:21px}.sc-use-cases details>p{font-size:13px;padding:0 5px 22px 35px}
  .sc-workflow{padding:32px 0 57px}.sc-workflow>ol{gap:28px 23px;margin-top:25px}.sc-workflow li{padding-top:18px}.sc-workflow li>span{margin-bottom:17px}
  .sc-workflow li>h3{font-size:18px}.sc-workflow li>p{font-size:13px}
  .sc-closing{padding:45px 0}.sc-closing .sc-wrap>div{gap:25px;align-items:flex-start;flex-direction:column}.editorial-home .sc-closing h2{font-size:42px;letter-spacing:-2px}
  .sc-closing .sc-wrap>p:last-child{font-size:13px;margin-top:21px}.sc-closing .brand-button{font-size:14px}
  .editorial-home .site-footer{padding-top:32px}.editorial-home .footer-main{flex-wrap:wrap;gap:18px}.editorial-home .footer-main>p{font-size:12px}.editorial-home .footer-bottom{font-size:11px;gap:10px}
  .auth-story.mx-auth-story{display:none}.auth-card input{font-size:16px}.auth-card{width:min(400px,calc(100% - 44px))}
}
/* 多案例作品库：保留完整竖幅，不在画面上压标签或操作条。 */
#landing-cases .mx-case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid #e7e7eb}
.mx-case-filters{display:flex;flex-wrap:wrap;gap:8px}
.mx-case-filters>button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:4px;background:transparent;color:#61616c;padding:10px 14px;min-height:44px;font-size:13px;white-space:nowrap}
.mx-case-filters>button>span{font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}
.mx-case-filters>button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}
.mx-case-filters>button:hover:not([aria-pressed=true]){background:#f5f5f7;color:#171717}
#case-filter-count{font-size:12px;color:#777782;white-space:nowrap;margin:0}
#landing-cases .mx-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 22px}
.mx-case-grid>.sc-study{min-width:0;max-width:none;margin:0}
.mx-case-grid>.sc-study[hidden]{display:none!important}
.mx-case-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;color:#888891;letter-spacing:.25px}
.mx-case-kind{font-size:11px;letter-spacing:0;color:#686871}
.mx-case-kind.is-production{color:#be226e;font-weight:600}
.mx-case-grid .sc-study-info{flex-direction:column;align-items:flex-start;gap:6px;padding-top:16px}
.mx-case-grid .sc-study-info>h3{font-size:17px;line-height:1.45;margin:0}
.mx-case-grid .sc-live-case-note{font-size:12px;line-height:1.7;margin:10px 0 6px}
.mx-case-grid .sc-case-detail-link{min-height:44px;font-size:13px}
#scene-case-image[hidden]{display:none}
#scene-case-status{font-size:12px;line-height:1.8;color:#74747e;min-height:22px}
#scene-case-dialog .sc-case-description h2{font-size:31px}
#scene-case-dialog .sc-case-modes{margin:18px 0}
@media(max-width:1100px){#landing-cases .mx-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}}
@media(max-width:620px){#landing-cases .mx-case-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.mx-case-filters{gap:3px}.mx-case-filters>button{padding:9px 8px;gap:6px;font-size:12px}.mx-case-meta{flex-wrap:wrap;row-gap:4px;font-size:8px;margin-bottom:10px}.mx-case-kind{font-size:10px}#landing-cases .mx-case-grid{gap:28px 14px}.mx-case-grid .sc-study-info>h3{font-size:14px}.mx-case-grid .sc-study-info>span{font-size:11px}.mx-case-grid .sc-live-case-note{font-size:11px}.mx-case-grid .sc-case-detail-link{font-size:12px}.mx-case-grid .sc-study-info{padding-top:12px}#scene-case-dialog .sc-case-description h2{font-size:27px}}
@media(max-width:760px){.auth-story.mx-auth-story{display:none}}
@media(max-width:360px){
  .mx-hero h1{font-size:35px}.mx-hero-actions{gap:10px}.mx-hero-actions>.brand-button{font-size:13px;padding:12px 13px;gap:12px}
  .mx-panel-heading>span{display:none}.mx-brief-panel{padding:23px 15px}.sc-layout-preview.mx-preview{padding-left:15px;padding-right:15px}
  .mx-style-list>button{font-size:12px}.sc-study-info{flex-wrap:wrap}.sc-layer-lab .lab-top{padding:0 12px}
}


/* 首页宣传片：电脑横版 16:9，手机/竖屏平板竖版 9:16（媒体查询与 promo-film.js 一致）。 */
.mx-film{padding:76px 0 26px}
.mx-film-frame{position:relative;margin:0;aspect-ratio:16/9;width:100%;background:#09090b;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(23,23,23,.12);isolation:isolate}
.mx-film-video{display:block;width:100%;height:100%;object-fit:cover;background:#09090b;cursor:pointer}
.mx-film-play{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border:0;border-radius:50%;background:#ec4899;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(236,72,153,.38);transition:opacity .25s,transform .25s;z-index:2}
.mx-film-play svg{width:34px;height:34px;fill:currentColor;margin-left:4px}
.mx-film-play:hover{transform:scale(1.06)}
.mx-film-frame[data-state=playing] .mx-film-play,.mx-film-frame[data-state=loading] .mx-film-play,.mx-film-frame[data-state=idle] .mx-film-play{opacity:0;pointer-events:none}
.mx-film-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14);z-index:2;pointer-events:none}
.mx-film-progress>i{display:block;height:100%;background:#ec4899;transform:scaleX(0);transform-origin:0 50%}
.mx-film-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 2px 0}
.mx-film-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#74747c;margin:0}
.mx-film-note>span{font-weight:650;color:#171717;padding-right:12px;border-right:1px solid #e4e4e9;white-space:nowrap}
.mx-film-actions{display:flex;gap:8px;flex:0 0 auto}
.mx-film-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px;border:1px solid #e4e4e9;border-radius:999px;background:#fff;color:#2a2a30;font-size:13px;font-weight:550;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mx-film-btn:hover{border-color:#ec4899;color:#d82f84}
.mx-film-btn svg{width:17px;height:17px;fill:currentColor}
.mx-film-btn .i-play{display:none}.mx-film-btn.is-paused .i-play{display:block}.mx-film-btn.is-paused .i-pause{display:none}
.mx-film-sound{border-color:#ec4899;color:#d82f84}
.mx-film-sound .i-wave{display:none}.mx-film-sound.is-on .i-wave{display:block}.mx-film-sound.is-on .i-mute{display:none}
.mx-film-sound.is-on{background:#ec4899;color:#fff}
@media (max-width:760px),(orientation:portrait) and (max-width:1024px){
  .mx-film-frame{aspect-ratio:9/16;width:min(100%,calc((100svh - 150px) * 9 / 16));min-width:min(100%,280px);margin:0 auto;border-radius:14px}
  .mx-film-bar{flex-direction:column;align-items:center;gap:12px;padding-top:14px}
  .mx-film-note{flex-direction:column;gap:4px;text-align:center}
  .mx-film-note>span{border:0;padding:0}
}
@media (max-width:620px){.mx-film{padding:52px 0 16px}.mx-film-play{width:72px;height:72px;margin:-36px 0 0 -36px}.mx-film-play svg{width:28px;height:28px}.mx-film-btn{font-size:12px;min-height:38px;padding:7px 13px}}
@media (prefers-reduced-motion:reduce){.mx-film-play,.mx-film-btn{transition:none}}
/* 浏览器拦截有声自动播放时的开声提示 */
.mx-film-unmute{position:absolute;left:50%;top:22px;transform:translateX(-50%);display:none;align-items:center;gap:8px;padding:10px 18px;border:0;border-radius:999px;background:#ec4899;color:#fff;font-size:14px;font-weight:650;cursor:pointer;z-index:3;box-shadow:0 12px 30px rgba(236,72,153,.4);animation:mx-film-pulse 1.8s ease-in-out infinite;white-space:nowrap}
.mx-film-unmute svg{width:20px;height:20px;fill:currentColor}
.mx-film-frame[data-sound=blocked] .mx-film-unmute{display:inline-flex}
@keyframes mx-film-pulse{0%,100%{box-shadow:0 12px 30px rgba(236,72,153,.4),0 0 0 0 rgba(236,72,153,.45)}50%{box-shadow:0 12px 30px rgba(236,72,153,.4),0 0 0 10px rgba(236,72,153,0)}}
@media (max-width:620px){.mx-film-unmute{top:16px;font-size:13px;padding:9px 15px}}
@media (prefers-reduced-motion:reduce){.mx-film-unmute{animation:none}}