/* Fixed-size concept canvases keep complex UI readable when expanded. */
.mockup{width:100%;aspect-ratio:1000/590;position:relative;overflow:hidden;border:1px solid #dddeda;border-radius:9px;background:#fff}.canvas{position:absolute;width:1000px;height:590px;transform:scale(var(--scale,1));transform-origin:top left;background:#fff;color:#222;font:13px/1.5 Arial,'PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden}.canvas *{box-sizing:border-box}.canvas h3,.canvas h4,.canvas p{max-width:none;margin:0}.canvas p{font-size:13px;line-height:1.6;color:#667}.canvas small{font-size:10px}.canvasfoot{position:absolute;bottom:0;height:27px;left:0;right:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#999;font-size:9px;letter-spacing:1.3px;border-top:1px solid #eee}.productbar{height:65px;border-bottom:1px solid #e6e7e8;display:flex;align-items:center;padding:0 25px;gap:18px;background:#fff}.productbar b{font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.productmark{font-size:33px;color:#181818}.productbar strong{font-size:11px;letter-spacing:2px}.productbar small{margin-left:auto;color:#aaa;letter-spacing:1px}.ui-divider{height:26px;width:1px;background:#ddd}.workbody{height:498px;display:grid;grid-template-columns:50px 370px 1fr;gap:16px;padding:20px;background:#fafbfc}.toolrail{display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:24px;color:#535862;border-radius:16px;background:#f0f1f2;font-size:26px;height:250px}.toolrail span{font-size:23px}.chatcol{border-right:1px solid #e3e4e7;padding-right:18px;position:relative}.chatcontext{font-size:11px;color:#6f7680;margin-bottom:14px}.filelist{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.file{background:#fff;border:1px solid #e4e5e8;border-radius:7px;padding:10px;display:grid;grid-template-columns:24px 1fr;gap:0 7px}.file>span{grid-row:span 2;font-size:23px;color:#a0a7b4}.file b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file small{color:#9c9fa5;font-size:8px}.bubble{padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.65}.bubble small{display:block;font-size:9px;color:#7084a5;margin-bottom:5px}.bubble.user{background:#e9f1ff;color:#263956;margin-bottom:17px}.agentreply{display:flex;gap:10px;align-items:flex-start}.agentavatar{width:30px;height:30px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.agentreply b{font-size:12px}.agentreply p{font-size:11px;color:#626976;margin-top:6px;line-height:1.7}.composer{position:absolute;bottom:0;border:1px solid #dddfe5;border-radius:9px;padding:11px 13px;left:0;right:18px;font-size:11px;color:#a0a4ab;background:white}.composer span{float:right;font-size:15px;color:#667}.workcol{padding:0 5px 0 4px}.worklabel{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:#333;margin:4px 0 15px}.worklabel span{font-size:9px;font-weight:400;color:#a0a0a0;letter-spacing:0}.teamchips{display:flex;gap:6px;margin-bottom:18px}.uitag{font-size:9px;padding:5px 9px;background:#f0f1f2;border-radius:20px;display:inline-block;white-space:nowrap}.uitag.green{background:#e8f8e8;color:#47714b}.uitag.blue{background:#e7efff;color:#5572ad}.uitag.purple{background:#f0eaff;color:#7e61a8}.document{border:1px solid #e1e3e8;background:white;border-radius:10px;box-shadow:0 4px 10px #25305507;overflow:hidden}.doctitle{padding:15px;font-size:13px;font-weight:bold;border-bottom:1px solid #eee}.doctitle span{float:right;color:#999}.document table{width:100%;border-collapse:collapse;font-size:11px}.document th{text-align:left;padding:10px 13px;font-weight:500;color:#999;background:#fcfcfd}.document td{padding:15px 13px;border-bottom:1px solid #eee;line-height:1.5}.document td:first-child{font-weight:bold;color:#303645}.docfooter{padding:12px;font-size:9px;color:#888}.check{display:inline-block;color:#5e9158;background:#e8f5e5;border-radius:50%;width:17px;text-align:center;margin-right:4px}.artifactstrip{border:1px solid #e2e4e8;border-radius:8px;padding:14px 16px;margin-top:15px;display:flex;justify-content:space-between;background:#fff}.artifactstrip small{font-size:9px;color:#999;display:block}.artifactstrip b{font-size:12px}.artifactstrip>span{font-size:20px;color:#8c95a7}.browserbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#f1f2f4;color:#a0a3a8;border-bottom:1px solid #e2e3e6;font-size:11px}.traffic{font-size:9px;letter-spacing:3px;color:#c4c6c9}.urlbar{background:white;padding:3px 24px;border:1px solid #e5e5e5;border-radius:5px;font-size:9px;width:400px;text-align:center;color:#9b9ea5}.feedbackbody{display:grid;grid-template-columns:390px 1fr;gap:35px;padding:35px;height:498px;background:#fbfbfc}.feedbackchat{padding:0 10px}.feedbackchat .bubble{margin-top:22px;font-size:14px}.feedbackchat .agentreply p{font-size:12px}.contextfiles{margin-top:25px;font-size:9px;color:#999}.contextfiles span{margin:9px 4px 0 0;display:inline-block;background:#f1f2f5;padding:6px 10px;border-radius:4px;color:#777}.revision{border-left:1px solid #e3e3e8;padding-left:30px}.revision h3{font-size:24px;line-height:1.35;letter-spacing:-1px;margin:15px 0 20px}.change{display:flex;gap:15px;align-items:center;padding:13px 0;border-top:1px solid #e4e5e8}.change>span{font-size:10px;color:#999}.change small{color:#a0a0a0;font-size:9px}.change p{font-size:12px;color:#444}.change>b{margin-left:auto;font-size:8px;font-weight:400;background:#fff3d7;padding:4px 8px;border-radius:15px;color:#998357}.reviewflag{font-size:10px;background:#eff3eb;color:#718263;padding:10px 13px;border-radius:4px;margin-top:15px}.assetworkspace{display:grid;grid-template-columns:240px 1fr;height:498px;background:#fafaf9}.promptsidebar{padding:22px;border-right:1px solid #e6e5e2}.promptsidebar>small{font-size:9px;letter-spacing:2px;color:#999}.promptsidebar>img{width:100%;height:110px;object-fit:cover;border-radius:7px;margin:12px 0}.promptsidebar h3{font-size:24px;line-height:1.3;margin:5px 0 16px}.promptbox{padding:13px 15px;border:1px solid #dddfe0;border-radius:6px;background:#fff;font-size:10px;color:#747b83;line-height:1.7}.assetmeta{font-size:11px;color:#999;margin-top:20px}.assetmain{padding:22px}.ingredientgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.assetcell{height:160px;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #e5e4df;border-radius:8px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#f1f1ef 25%,transparent 25%),linear-gradient(-45deg,#f1f1ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f1ef 75%),linear-gradient(-45deg,transparent 75%,#f1f1ef 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.assetcell .ingredient{transform:scale(.75);filter:drop-shadow(0 15px 8px #704a1522)}.assetcell small{position:absolute;bottom:12px;left:12px;font-size:9px;background:#fff9;padding:3px 7px;color:#777}.layerfooter{font-size:10px;margin-top:20px;color:#999}.layerfooter span{float:right;color:#333}.foodnav{height:70px;background:#f5dfad;display:flex;align-items:center;padding:0 35px;gap:30px;border-bottom:1px solid #d1ad6c}.foodnav b{font-size:23px;font-weight:900;line-height:.9;letter-spacing:-1.5px}.foodnav span{font-size:10px;color:#7c633b}.foodnav small{margin-left:auto;font-size:9px}.foodbody{display:grid;grid-template-columns:55% 45%;height:458px}.foodscene{position:relative;display:flex;align-items:center;justify-content:center;background:#e8b75f;overflow:hidden}.foodbig{font-size:73px;line-height:.95;font-weight:900;position:absolute;top:35px;left:30px;color:#b57424;letter-spacing:-4px}.foodscene .burger-stack{position:absolute;left:170px;top:155px;transform:scale(1.42) rotate(-8deg);filter:drop-shadow(10px 30px 15px #875a2b33)}.foodscene>small{position:absolute;bottom:20px;left:30px;letter-spacing:2px;color:#855c2e;font-size:10px}.foodoptions{padding:25px 30px;background:#fffaf0}.uikicker{font-size:9px;letter-spacing:2px;color:#a99574}.foodoptions h3{font-size:24px;margin:4px 0 15px;letter-spacing:-1px}.choice-label{font-size:10px;color:#9c8866;margin:10px 0 6px}.segmented{display:flex;gap:7px}.segmented button{font-size:11px;background:#fff;border:1px solid #ded3bf;padding:6px 20px;border-radius:4px}.segmented button.selected{background:#222;color:#fff;border-color:#222}.ingredientoptions{display:flex;gap:7px}.ingredientoptions button{display:grid;grid-template-columns:1fr 15px;text-align:left;padding:9px 11px;background:white;border:1px solid #ded3bf;border-radius:4px;width:31%}.ingredientoptions button.selected{border-color:#9c7d45;background:#f6eddc}.ingredientoptions b{font-size:12px;grid-column:1}.ingredientoptions small{font-size:8px;grid-column:1;color:#a69376}.ingredientoptions span{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:#9e8b67}.ordersummary{margin-top:15px;padding:12px 0;border-top:1px solid #e4dbc9;position:relative}.ordersummary>small{font-size:9px;color:#aa9878}.ordersummary p{font-size:11px;color:#514633;margin:4px 0}.totalprice{position:absolute;right:0;top:10px;font-size:25px}.ordersummary>span{position:absolute;right:0;top:40px;font-size:8px;color:#aa9878}.demobutton{background:#222;color:#fff;padding:11px 15px;font-size:11px;display:block;text-align:center;margin-top:10px}.fineprint{display:block;font-size:8px!important;color:#b0a38c;margin-top:8px}.ticketnav{height:65px;display:flex;align-items:center;gap:30px;background:#101522;color:#d7deef;padding:0 30px}.ticketnav b{font-size:20px;letter-spacing:2px}.ticketnav b span{font-size:10px;margin-left:7px;color:#9c88c7}.ticketnav>span{font-size:11px;color:#818ba3}.ticketnav>small{margin-left:auto;color:#667086;letter-spacing:1px}.seatbody{height:463px;background:#171e2f;display:grid;grid-template-columns:38% 62%;padding:25px;gap:20px}.mapcard{padding:20px;background:#20293c;border:1px solid #344057;border-radius:8px;color:#c7cddd}.mapcard>small{font-size:8px;letter-spacing:2px;color:#7e8ba6}.stagebar{width:80%;margin:20px auto 25px;background:#323c56;color:#8d9bba;text-align:center;font-size:9px;padding:6px;border-radius:40% 40% 0 0;letter-spacing:3px}.seatgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;transform:perspective(600px) rotateX(12deg)}.seatgrid i,.seatgrid button{height:21px;border-radius:4px;border:0;background:#384157}.seatgrid button{background:#bba6e2;color:#2c2440;font-size:9px}.seatgrid button.selected{background:#d8f59b;box-shadow:0 0 0 3px #d8f59b22}.seatlegend{display:flex;gap:20px;font-size:9px;color:#9c8ac8;margin-top:23px}.mapcard p{font-size:9px;color:#7e8ba6;margin-top:20px}.viewcard{background:#222c41;border:1px solid #344057;border-radius:8px;overflow:hidden;color:white}.viewtitle{padding:16px 20px;display:flex;align-items:center;gap:12px}.seatcode{font-size:20px}.seatdesc{font-size:10px;color:#a3adc2}.viewtitle .uitag{margin-left:auto;background:#334059;color:#a4b3d1}.stageview{height:245px;background:radial-gradient(ellipse at 50% 35%,#354363,#101522 65%);position:relative;display:flex;align-items:center;justify-content:center;perspective:500px;overflow:hidden}.stagescreen{width:260px;height:150px;background:linear-gradient(135deg,#636795,#a28fc2 55%,#6c74a0);border:5px solid #171e31;box-shadow:0 0 0 2px #61718e,0 0 70px #a589ee40;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s}.stagescreen span{font-size:15px;letter-spacing:5px;color:#dcd4ed}.stagescreen b{font-size:48px;color:#e5d8f0;letter-spacing:7px}.crowd{position:absolute;bottom:-18px;left:-10px;right:-10px;height:60px;background:radial-gradient(ellipse at 50% 100%,#080c16 45%,transparent 47%) 0 0/22px 28px;opacity:.9}.viewbottom{padding:10px 20px}.viewbottom p{font-size:10px;color:#8e9bb4}.viewbottom .demobutton{background:#cfdfa5;color:#293321;padding:8px}.comparison{height:463px;background:#171e2f;color:white;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.comparetitle{grid-column:1/3}.comparetitle small{letter-spacing:2px;font-size:9px;color:#9aa5bd}.comparetitle h3{font-size:24px;margin-top:7px}.comparecard{border:1px solid #344057;border-radius:8px;overflow:hidden;background:#222c41}.comparecard .stageview{height:220px}.seatdetails{display:flex;flex-direction:column;padding:15px;gap:4px}.seatdetails strong{font-size:17px}.seatdetails span{font-size:11px;color:#aeb8cb}.seatdetails small{font-size:8px;color:#76839f}.petboard{height:498px;background:#eff2ed;display:grid;grid-template-columns:260px 1fr;padding:25px;gap:30px}.petreference small{display:block;letter-spacing:2px;font-size:9px;color:#8d998e}.petreference img{width:100%;height:260px;object-fit:cover;border-radius:9px;border:7px solid white;margin:15px 0}.petreference b{font:26px Georgia;color:#344f3d}.petreference p{font-size:9px;color:#7a8b7e}.petdirections{padding-top:5px}.petposes{display:flex;gap:16px;margin:25px 0}.petpose{width:31%;height:225px;background:#e0e7dd;border:6px solid #fff;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center}.petpose.pose1{background:#e8d4c6}.petpose.pose2{background:#f0e9d7}.petpose>small{position:absolute;bottom:8px;color:#7a8272;font-size:10px}.petportrait{width:145px;height:145px;border-radius:50%;position:relative}.petportrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #fff;position:relative}.scarf{position:absolute;width:95px;height:19px;border-radius:10px;background:#a7382e;bottom:11px;left:25px;transform:rotate(-8deg)}.scarf:after{content:'';position:absolute;right:4px;top:9px;width:18px;height:47px;background:#a7382e;transform:rotate(-12deg);border-radius:4px}.hat{position:absolute;color:#a7372e;top:-39px;left:48px;font-size:60px;transform:rotate(14deg);text-shadow:0 5px #fff}.gameworkspace{display:grid;grid-template-columns:240px 1fr;height:498px;background:#f1f3f0}.gameleft{padding:30px}.gameleft>small{font-size:9px;color:#809183;letter-spacing:2px}.gameleft h3{font:35px/1.1 Georgia;color:#31523d;margin:18px 0}.gameleft p{font-size:12px;color:#7a8c7e;line-height:1.7;margin-bottom:20px}.ruleitem{padding:12px 0;border-bottom:1px solid #e2e5e2;font-size:11px;color:#7e8782}.gameleft .uitag{margin-top:20px}.snowworld{margin:20px;position:relative;border-radius:12px;background:linear-gradient(#a9c7c2,#e4eeea);overflow:hidden}.gametop{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:5;color:#4b6c60}.gametop b{font-size:10px;letter-spacing:2px}.giftcount{font-size:11px;background:#fff8;border-radius:20px;padding:4px 12px}.moon{position:absolute;right:90px;top:60px;width:50px;height:50px;background:#f3edcd;border-radius:50%}.tree{position:absolute;width:0;height:0;border-left:65px solid transparent;border-right:65px solid transparent;border-bottom:180px solid #4c7364}.tree:after{content:'';position:absolute;width:0;height:0;border-left:53px solid transparent;border-right:53px solid transparent;border-bottom:145px solid #6d9383;left:-53px;top:35px}.t1{left:25px;top:160px}.t2{right:20px;top:150px;transform:scale(1.3)}.t3{left:210px;top:110px;transform:scale(.7)}.snowhill{position:absolute;bottom:-65px;left:-50px;right:-50px;height:220px;background:#f4f6ec;border-radius:50%}.gamepet{position:absolute;bottom:65px;left:40%;width:105px;height:105px;border-radius:50%;border:5px solid white;box-shadow:0 5px 20px #4568;z-index:3}.gamepet img{width:100%;height:100%;border-radius:50%;object-fit:cover}.gamepet b{display:block;text-align:center;color:#47614e;font:17px Georgia}.gift{position:absolute;width:48px;height:40px;background:#b64c3a;border:0;border-radius:3px;box-shadow:0 7px 8px #3b554622;z-index:4}.gift:before{content:'';position:absolute;left:19px;top:0;bottom:0;width:10px;background:#e7c876}.gift:after{content:'';position:absolute;left:-3px;right:-3px;top:0;height:9px;background:#c65f46;border-radius:2px}.gift span{position:absolute;left:13px;top:-15px;width:24px;height:20px;border:6px solid #e7c876;border-radius:50%;transform:rotate(-20deg)}.gift1{left:90px;bottom:50px;transform:rotate(-7deg)}.gift2{right:65px;bottom:95px;transform:rotate(8deg)}.gift3{right:210px;top:150px;transform:scale(.8)}.gift.collected{opacity:.25;pointer-events:none}.gamehint{position:absolute;bottom:15px;left:20px;right:20px;text-align:center;color:#607368;font-size:10px;z-index:6}.postcardscene{height:498px;background:#e1e8df;display:flex;align-items:center;justify-content:center;gap:75px;padding:30px}.postcard{width:310px;height:420px;background:#f8f4e9;box-shadow:15px 20px 35px #3c55351a;border:8px solid white;position:relative;text-align:center;padding:20px;transform:rotate(-3deg)}.postcard>small{font-size:8px;letter-spacing:2px;color:#7c8a71}.postcard h3{font:40px/.95 Georgia;color:#386048;margin:15px 0}.postcard .petportrait{margin:10px auto;width:145px;height:145px}.postcard>b{display:block;color:#98724e;font:17px Georgia;margin-top:15px}.snowflakes{position:absolute;bottom:9px;left:0;right:0;color:#bfb394}.postcardcopy{width:370px;color:#44624c}.postcardcopy>small{font-size:9px;letter-spacing:2px;color:#85927e}.postcardcopy h3{font-size:32px;line-height:1.35;margin:15px 0}.postcardcopy p{color:#75856d;font-size:13px;margin-bottom:20px}.mini-frames{display:flex;gap:10px;margin:20px 0}.mini-frames span{width:85px;height:70px;background:#f5f3e6;border:1px solid #c6d1bf;padding:12px;font-size:11px;color:#6f8066;border-radius:5px}.postcardcopy .demobutton{background:#42634c;margin:25px 0}.winterboard{height:498px;display:grid;grid-template-columns:45% 55%;background:#f2e9dd;padding:25px;gap:25px}.winterhero{position:relative;height:440px;overflow:hidden}.winterhero img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.winterhero>div{position:absolute;inset:0;padding:35px;color:#f7ecd7;display:flex;flex-direction:column;justify-content:flex-end}.winterhero small{font-size:10px;letter-spacing:2px}.winterhero h3{font:55px/.95 Georgia;margin:15px 0}.winterassets{padding-right:25px}.palette{display:flex;align-items:center;gap:10px;margin:10px 0 25px}.palette i{width:32px;height:32px;border-radius:50%;border:3px solid white}.palette span{font-size:10px;margin-left:10px;color:#9c8067}.wintertiles{display:flex;gap:10px;margin-bottom:30px}.wintertile{width:145px;height:245px;background:#ead9bd;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d7c3a5;color:#8b4238}.wintertile b{font:60px Georgia}.wintertile span{font-size:8px;letter-spacing:1px;margin-top:15px}.wintertile.dark{background:#8d3e35;color:#e9d8bb}.wintertile.green{background:#3e5c48;color:#e9d8bb}.wintertile .giftillustration{font-size:80px}.giftgamescene{height:498px;display:grid;grid-template-columns:36% 64%;background:#f0e6d5}.giftgamebrief{padding:45px 35px}.giftgamebrief small{font-size:9px;letter-spacing:2px;color:#9a7f62}.giftgamebrief h3{font-size:34px;line-height:1.3;color:#744236;margin:20px 0}.giftgamebrief p{color:#9c8469;font-size:12px}.giftcounter{margin-top:35px;border:1px solid #d5c6ae;background:#f7efdf;padding:15px;font-size:12px;color:#9b7a5e;border-radius:6px}.giftcounter b{font:25px Georgia;color:#834235}.giftroom{position:relative;margin:25px;background:#cfae8e;border:12px solid #ead7bd;overflow:hidden}.windowpane{position:absolute;left:55px;top:30px;width:140px;height:160px;background:linear-gradient(90deg,transparent 48%,#e5d5be 48% 53%,transparent 53%),linear-gradient(transparent 48%,#e5d5be 48% 53%,transparent 53%),#8fadb0;border:8px solid #e5d5be}.bigtree{right:40px;bottom:45px;border-left-width:90px;border-right-width:90px;border-bottom-width:290px;filter:drop-shadow(5px 8px 8px #5c482233)}.rug{position:absolute;bottom:15px;left:20px;width:90%;height:65px;border-radius:50%;background:#b25d4c}.fireplace{position:absolute;left:45px;bottom:60px;width:150px;height:145px;border:20px solid #e9d8bf;border-bottom-width:0;background:#724639}.fireplace:after{content:'✦';display:block;text-align:center;color:#e9a553;font-size:80px}.giftroom .gift1{left:45px;bottom:40px}.giftroom .gift2{right:60px;bottom:60px}.giftroom .gift3{right:40px;top:60px}.adventpage{height:528px;background:#f4e9d4;display:grid;grid-template-columns:37% 63%;padding:30px;gap:20px}.adventheadline{padding:20px 15px;color:#834236}.adventheadline>small{font-size:9px;letter-spacing:2px}.adventheadline h3{font:48px/1.05 Georgia;margin:20px 0}.adventheadline p{font-size:11px;color:#a77a5a}.daydetail{margin-top:35px;border-top:1px solid #d7b99c;padding-top:15px;display:flex;flex-direction:column;gap:8px}.daydetail small{font-size:8px;letter-spacing:1px;color:#ba9476}.daydetail b{font-size:16px;font-weight:500}.daydetail span{font-size:10px;color:#a77a5a}.adventgrid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:10px;padding-right:20px}.adventgrid button{border:1px solid #d5bda0;border-radius:45% 45% 3px 3px;background:#e9d9bd;position:relative;color:#8c4b3a;box-shadow:3px 4px 0 #cbb08a22}.adventgrid button:nth-child(4n){background:#37523f;color:#f4ead6;border-color:#37523f}.adventgrid button:nth-child(7n){background:#934738;color:#f4ead6;border-color:#934738}.adventgrid button span{font:30px Georgia;display:block}.adventgrid button i{font-style:normal;font-size:16px;opacity:.6}.adventgrid button.open{background:#fff6e5;box-shadow:inset 0 0 0 2px #ad7e4d;transform:rotate(-2deg);color:#8c4b3a}.filmbody{height:498px;background:#f3f1eb;padding:25px}.filmheading{display:flex;justify-content:space-between;align-items:center}.filmheading small{font-size:9px;letter-spacing:2px;color:#a29787}.filmheading h3{font-size:25px;color:#514c42;margin-top:4px}.filmheading>span{font-size:10px;color:#a29787}.roomframes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:23px 0}.roomphoto{height:205px;position:relative;overflow:hidden;border-radius:4px}.roomphoto img{width:100%;height:100%;object-fit:cover}.roomphoto.crop1 img{transform:scale(1.1)}.roomphoto.crop2 img{transform:scale(1.8);object-position:60% 50%}.roomphoto span{position:absolute;bottom:10px;left:10px;background:#fff9;padding:5px 9px;font-size:9px}.roomphoto i{position:absolute;top:40%;left:45%;font-size:35px;color:white;font-style:normal;text-shadow:0 2px 8px #0004}.roomframes b{font-size:10px;display:block;margin-top:8px;font-weight:400;color:#867e70}.filmstrip{display:flex;align-items:center;gap:15px;margin:17px 0;font-size:10px;color:#a39785}.filmstrip i{height:1px;background:#c9c0b2;width:65px}.propertynav{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#f5f3ee}.propertynav b{font-size:12px;letter-spacing:2px}.propertynav span{font-size:9px;color:#8d887d}.propertyhero{height:320px;position:relative;overflow:hidden}.propertyhero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.propertyhero>div:not(.propertytag){position:absolute;top:45px;left:40px;color:white}.propertyhero small{font-size:9px;letter-spacing:3px}.propertyhero h3{font:57px/.96 Georgia;margin:15px 0}.propertyhero span{font-size:9px;color:#eee}.propertytag{position:absolute;right:30px;bottom:25px;background:#fff9;padding:12px 18px;font-size:10px;line-height:1.7;color:#3f4139}.propertybottom{height:158px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:20px 30px;background:#f5f3ee}.propertybottom small{font-size:8px;letter-spacing:2px;color:#aca495}.propertybottom h4{font-size:21px;margin:5px 0;color:#4d4b41}.propertybottom p{font-size:10px;color:#958e80}.propertyfacts{display:flex;gap:20px;justify-content:space-around;font-size:9px;color:#a69e8d}.propertyfacts b{font-size:15px;color:#675e4d;line-height:2.5;font-weight:400}.campaignbody{padding:24px;background:#f0f0e6;height:498px}.campaignintro{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.campaignintro small{font-size:9px;letter-spacing:2px;color:#8c9971}.campaignintro h3{font:25px/1.1 Georgia;color:#65724b;text-align:right}.campaigntriptych{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.campaignshot{height:285px;position:relative;overflow:hidden;border-radius:3px}.campaignshot img{width:100%;height:100%;object-fit:cover}.campaignshot.sh1 img{transform:scale(1.65);object-position:80% 45%}.campaignshot.sh2 img{filter:sepia(.18)}.campaignshot>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0008);padding:30px 16px 15px;color:white;display:flex;flex-direction:column}.campaignshot small{font-size:8px;letter-spacing:2px}.campaignshot b{font-size:17px;font-weight:400;margin-top:6px}.editbody{height:498px;background:#202226;padding:18px;display:grid;grid-template-columns:65% 35%;grid-template-rows:290px 1fr;gap:14px 18px;color:#d4d5d9}.editpreview{position:relative;border-radius:4px;overflow:hidden;background:#111}.editpreview img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.editoverlay{position:absolute;inset:0;padding:30px;color:white;display:flex;flex-direction:column;justify-content:center}.editoverlay small{font-size:10px;letter-spacing:1px}.editoverlay h3{font:42px/1 Georgia;margin:12px 0}.editoverlay span{font-size:8px;color:#bbb}.editside{padding:10px 30px 0 0}.editside .worklabel{color:#aaa;font-size:9px}.editside .ruleitem{font-size:10px;color:#9a9da5;border-color:#3b3d43}.editside .reviewflag{background:#333b32;color:#a2b99e;font-size:9px}.timeline{grid-column:1/3;padding:0 22px 0 0}.time-ruler{display:flex;justify-content:space-between;color:#777b86;font-size:8px;margin:0 0 6px 65px}.track{display:flex;gap:3px;position:relative;padding-left:65px;margin-bottom:5px}.track>small{position:absolute;left:0;top:8px;font-size:8px;color:#858996}.videotrack>div{height:45px;flex:1;position:relative;background:#585b69;border:1px solid #777583;border-radius:3px;overflow:hidden}.videotrack img{width:100%;height:100%;object-fit:cover;opacity:.4}.videotrack b{position:absolute;bottom:5px;left:7px;font-size:9px;color:white;font-weight:400}.audiotrack>span,.captiontrack>span{background:repeating-linear-gradient(90deg,#54796f 0 2px,#365b50 2px 7px);height:21px;width:100%;font-size:8px;padding:3px 8px;color:#c4e0d7;border-radius:3px}.captiontrack>span{background:#676084;color:#d7d0ed}.scriptbody{height:498px;background:#f0f2f5;padding:40px;display:grid;grid-template-columns:36% 64%;gap:25px}.scriptintro small{font-size:9px;letter-spacing:2px;color:#9aa3b2}.scriptintro h3{font-size:29px;line-height:1.35;color:#3a4b64;margin:20px 0}.scriptintro p{font-size:11px;color:#8892a4}.scriptbeats{display:flex;align-items:center;gap:7px;margin-top:35px}.scriptbeats span{font-size:7px;border:1px solid #bbc5d5;padding:7px 8px;border-radius:20px;color:#78869e}.scriptbeats b{color:#b2bbca;font-size:9px}.scriptsheet{background:white;border:1px solid #dfe3eb;border-radius:9px;overflow:hidden;margin-right:25px}.scriptrow{display:flex;gap:20px;padding:24px 20px;border-bottom:1px solid #e7e9ef}.scriptrow>b{font-size:12px;color:#bcc2cd}.scriptrow small{font-size:8px;color:#aeb5c2;display:block}.scriptrow strong{font-size:13px;color:#4d5c75;display:block;margin:5px 0}.scriptrow p{font-size:13px;color:#848c9a}.storyboardbody{height:498px;background:#edf0f4;padding:25px}.storyshots{display:flex;gap:14px;margin:22px 0}.storyshot{width:33%;height:300px;position:relative;overflow:hidden;border-radius:5px}.storyshot img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.5)}.storyshot.story1 img{transform:scale(1.5)}.storyshot.story2 img{object-position:80%}.storyshot>small{position:absolute;top:15px;left:15px;font-size:8px;color:#d0d5e1;letter-spacing:2px}.storyshot>b{position:absolute;bottom:15px;left:15px;color:#d0d5e1;font-size:17px;font-weight:400}.letter{position:absolute;top:40%;left:17%;width:66%;height:90px;background:#dbd1b8;box-shadow:0 10px 25px #0005;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;font:10px Georgia;color:#675c4a;border-bottom:2px solid #b7aa8b}.story1 .letter{transform:rotate(5deg) scale(1.2)}.story2 .letter{transform:rotate(-15deg) scale(.7)}.creatorboard{height:498px;background:#f2edf5;display:grid;grid-template-columns:40% 60%;padding:25px;gap:20px}.brandposter{background:#b6a0d3;padding:30px;position:relative;overflow:hidden;color:#292037}.brandposter small{font-size:9px;letter-spacing:3px}.brandposter h3{font:70px/.9 Georgia;margin:25px 0}.brandposter .brandstar{font-size:170px;position:absolute;right:-15px;bottom:0;color:#e4dccf;line-height:1}.brandposter>b{position:absolute;left:30px;bottom:25px;font-size:8px;letter-spacing:1px}.brandassets{padding-right:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 150px 50px;gap:15px}.coursecover{background:#f6f1e7;padding:22px;color:#6e538d}.coursecover small{font-size:8px;letter-spacing:1px}.coursecover h4{font:26px/1 Georgia;margin:20px 0}.coursecover span{font-size:9px;color:#a293b0}.templatecover{background:#282230;color:#ded1f0;padding:22px;display:flex;flex-direction:column}.templatecover small{font-size:8px;letter-spacing:1px}.templatecover b{font:85px/.9 Georgia;margin:12px 0}.templatecover span{font-size:9px}.merchcover{grid-column:1/3;background:#e8e0ee;display:flex;align-items:center;justify-content:center;gap:35px}.merchcover small{font-size:10px;color:#9c8baa}.bag{position:relative;background:#f4eddd;width:100px;height:100px;box-shadow:8px 8px 15px #5f47741a;display:flex;justify-content:center;align-items:center;transform:rotate(6deg)}.bag:before{content:'';position:absolute;top:-20px;width:40px;height:35px;border:7px solid #f4eddd;border-bottom:0;border-radius:20px 20px 0 0}.bag span{font:bold 15px/.95 Arial;color:#a58ac1}.brandpalette{grid-column:1/3;display:flex;align-items:center;gap:8px}.brandpalette i{width:25px;height:25px;background:#f7f0e5;border-radius:50%;border:2px solid white}.brandpalette i:nth-child(2){background:#ad91ca}.brandpalette i:nth-child(3){background:#282230}.brandpalette span{font-size:9px;color:#9e8eae;margin-left:10px}.creatornav{height:45px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#f8f4eb}.creatornav b{font:21px Georgia;color:#554066}.creatornav span{font-size:9px;color:#96849f}.creatorhero{height:260px;display:grid;grid-template-columns:60% 40%;background:#cab8de}.creatorhero>div{padding:25px 35px;color:#3d294f}.creatorhero small{font-size:8px;letter-spacing:2px}.creatorhero h3{font-size:30px;line-height:1.3;margin:10px 0}.creatorhero p{font-size:10px;color:#816795}.creatorhero .demobutton{display:inline-block;padding:8px 13px;background:#3d294f;font-size:9px}.creatorhero img{height:100%;width:100%;object-fit:cover;filter:saturate(.5)}.storeproducts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#f8f4eb;padding:18px 30px}.storeproducts>div{display:flex;flex-direction:column}.productart{height:95px;font:bold 23px/.9 Arial;padding:17px;letter-spacing:-1px;display:block}.courseart{background:#e3d7eb;color:#83669b}.promptart{background:#31253e;color:#d5c5e4}.merchart{background:#e9dfcc;color:#a68d5f}.storeproducts b{font-size:12px;margin-top:8px;color:#62556c}.storeproducts small{font-size:8px;color:#ab9cb4}.outputbody{height:498px;padding:25px;display:grid;grid-template-columns:28% 72%;gap:25px;background:#eff3f1}.sourcecard{background:#d9e4df;padding:20px;color:#3f635a}.sourcecard small{font-size:8px;letter-spacing:2px}.sourcecard img{width:100%;height:145px;object-fit:cover;margin:15px 0;filter:saturate(.3);border-radius:5px}.sourcecard h3{font-size:25px;line-height:1.3;margin:10px 0}.sourcecard p{font-size:10px;color:#7f9a90}.outputcards{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-right:25px}.outputcard{padding:18px;background:white;border:1px solid #dce4df;border-radius:7px;display:flex;flex-direction:column}.outputcard small{font-size:8px;letter-spacing:2px;color:#9bb1a6}.outputcard>b{font-size:12px;color:#567667;margin:8px 0}.outputcard h4{font-size:16px;line-height:1.4;color:#38584a;margin:5px 0}.outputcard p{font-size:10px;color:#8da297}.outputcard>span{margin-top:auto;padding-top:12px;font-size:9px;color:#98afa2}.mediakit{height:498px;background:#dceae5;padding:25px;display:grid;grid-template-columns:28% 72%;gap:20px}.mediavertical{position:relative;overflow:hidden;background:#1d3430}.mediavertical img{height:100%;width:100%;object-fit:cover;opacity:.45}.mediavertical small{position:absolute;top:20px;left:20px;color:#b9d6cc;font-size:8px;letter-spacing:3px}.mediavertical h3{position:absolute;top:100px;left:20px;color:white;font-size:31px;line-height:1.35}.mediavertical>span{position:absolute;bottom:20px;left:20px;font-size:8px;color:#b9d6cc}.mediaright{padding-right:20px;display:grid;grid-template-rows:230px 1fr;gap:20px}.mediawide{background:#263f36;padding:25px;color:#cde2ce;position:relative}.mediawide small{font-size:8px;letter-spacing:2px}.mediawide h3{font:45px/.95 Georgia;margin:25px 0}.mediawide span{position:absolute;right:20px;bottom:15px;font-size:8px}.mediaquotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mediaquotes>div{background:#f5f6ea;padding:17px;color:#657d5c}.mediaquotes b{font:34px Georgia;color:#b1c0a5}.mediaquotes h4{font-size:17px;margin:15px 0 8px}.mediaquotes small{font-size:9px;color:#94a28b}.editorialnav{height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#f8f8f1}.editorialnav b{font:17px Georgia;color:#2f5141;letter-spacing:1px}.editorialnav span{font-size:9px;color:#8c9f91}.editorialbody{height:483px;display:grid;grid-template-columns:65% 35%;padding:25px 30px;gap:25px;background:#f8f8f1}.editorialmain>small{font-size:8px;letter-spacing:2px;color:#9cae9c}.editorialmain h3{font-size:28px;line-height:1.3;color:#2e4e3c;margin:10px 0}.editorialmain p{font-size:10px;color:#91a08c}.editorialmain>img{width:100%;height:175px;object-fit:cover;margin:15px 0;filter:saturate(.4)}.articlelines b{font-size:12px;color:#55714e}.articlelines p{font-size:10px;margin-top:8px;color:#9ba992}.editorialaside{border-left:1px solid #dfe5d9;padding:15px 25px}.editorialaside>small{font-size:8px;letter-spacing:2px;color:#9bab91}.editorialaside h4{font-size:25px;line-height:1.3;margin:15px 0 25px;color:#53714b}.editoriallink{border-top:1px solid #e1e6da;padding:13px 0;font-size:10px;color:#667f5c;display:flex;gap:12px}.editoriallink>span{font-size:8px;color:#b1bba5}.editoriallink b{margin-left:auto}.editorialnote{margin-top:20px;font-size:9px;color:#a4b196;line-height:1.8}.visualfoot{font-size:10px!important;color:#aaa!important;margin:10px 0 0!important;max-width:none!important}.mockup .expand{z-index:10;right:10px;bottom:8px;border-radius:5px;background:#fffef9eb;padding:5px 10px;font-size:9px;opacity:0;transition:opacity .2s}.mockup:hover .expand,.mockup:focus-within .expand{opacity:1}.casebusiness{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}.casebusiness span{font-size:10px;color:#7b8272;background:#eff1e9;padding:4px 9px;border-radius:3px}.casecover{position:relative;height:230px;overflow:hidden;margin:25px 0 0;background:#eee;border-radius:4px}.casecover img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.casecover>div{position:absolute;inset:0;padding:30px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.casecover small{font-size:9px;letter-spacing:3px}.casecover b{font:35px/1.1 Georgia;margin-top:7px}.casecover>span{position:absolute;top:15px;right:15px;background:#fff9;color:#333;padding:4px 9px;font-size:8px}.caseintro{padding-bottom:20px}.step{padding:35px 0 40px}.step>p{font-size:14px;line-height:1.9}.step h4{font-size:23px}.caseintro h3{font-size:34px}.caseintro p{font-size:14px;line-height:1.9}.boundary{margin-top:25px}.modalcaption{font-size:12px;margin:0 0 15px;padding-right:30px;color:#666}dialog{max-width:1250px;width:94vw;padding:35px 20px 20px}dialog .mockup{width:100%;aspect-ratio:1000/590}.processline{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:20px 0 0}.processline .pill{background:white;border-color:#ddd}.processline i{font-style:normal;font-size:9px;color:#aaa}.hero{min-height:610px;padding-top:75px;padding-bottom:80px}.hero h1{font-size:clamp(45px,5vw,74px)}.workspace{max-width:1580px;gap:45px;grid-template-columns:215px minmax(0,1fr)}main{min-width:0}.mockup button:focus-visible{outline:4px solid #84974b;outline-offset:3px}.no-motion *{animation:none!important}@media(max-width:900px){.workspace{grid-template-columns:180px minmax(0,1fr);gap:25px}.caseintro h3{font-size:28px}.step h4{font-size:21px}.casecover{height:200px}}@media(max-width:650px){.workspace{display:block}.caseintro h3{font-size:27px}.step>p{font-size:13px}.step h4{font-size:20px}.mockup .expand{opacity:1;font-size:8px;padding:3px 7px;bottom:4px;right:4px}.casecover{height:190px}.casecover>div{padding:20px}.casecover b{font-size:28px}.visualfoot{font-size:9px!important}.step{padding:27px 0}.hero{min-height:0;padding-top:45px;padding-bottom:45px}.hero h1{font-size:48px}.modalcaption{font-size:10px}dialog{width:98vw;padding:30px 8px 10px}.close{font-size:25px}.caseintro{padding-top:25px}.processline{gap:4px}.processline .pill{font-size:9px;padding:3px 7px}}

.receiptbody{height:458px;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px 55px;background:#f5e8c7}.receiptintro{padding:28px 0}.receiptintro>small{letter-spacing:2px;font-size:8px;color:#9b7e43}.receiptintro h3{font-size:33px;margin:18px 0}.receiptintro p{font-size:15px;color:#8a7856}.receiptchips{display:flex;gap:8px;margin-top:25px}.receiptchips span{background:#fff7e1;border:1px solid #dbcda9;padding:6px 12px;font-size:11px}.receiptalert{margin-top:30px;color:#8c7c5e;font-size:11px;line-height:1.8}.receiptalert small{font-size:9px}.paperreceipt{background:#fffdf7;padding:23px 30px;box-shadow:0 8px 25px #79601d15;border-bottom:5px dotted #f5e8c7}.paperreceipt>small{color:#a69c86;font-size:8px;letter-spacing:1px}.paperreceipt h3{font:30px Georgia;margin:10px 0 20px}.paperreceipt>div:not(.demobutton){display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.paperreceipt p{font-size:9px}.paperreceipt .receipttotal{padding-top:15px;border-top:1px dashed #ddd}.paperreceipt .receipttotal b{font-size:22px}.paperreceipt .demobutton{margin:10px 0 8px;font-size:10px}.outputcard p{font-size:11px;line-height:1.8;margin-top:12px;color:#80958a}.winterboard{grid-template-columns:45fr 55fr}.creatorboard{grid-template-columns:40fr 60fr}@media(max-width:650px){.canvas .burger-stack{width:260px;margin-left:0;margin-right:0;transform:rotate(-9deg)}}
@media(max-width:650px){dialog{max-height:92vh;overflow:auto}dialog .mockup{width:850px;min-width:850px}.modalcaption{position:sticky;left:0;max-width:85vw}.modalcaption:after{content:'左右滑动查看大图';display:block;margin-top:8px;color:#888}.close{position:sticky;left:calc(100% - 25px);top:0;float:right;background:#fafaf8;border-radius:50%;width:28px;height:28px}.mockup .expand{padding:6px 9px;font-size:9px}}
