:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#e7e7e4;background:#090b0c}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid #f4cc87;outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}.studio{position:relative;width:min(100vw,177.6833svh,1672px);aspect-ratio:1672/941;container-type:inline-size;isolation:isolate;overflow:hidden}.backplate{position:absolute;width:100%;height:100%;inset:0;object-fit:fill}.conversation{position:absolute;left:43.06%;top:14.88%;width:53.65%;height:50.27%;border-radius:1.3cqw;overflow:hidden;isolation:isolate;animation:enter .65s ease both}.panel-skin{position:absolute;inset:0;background:url('assets/panel-skin-v01.png') center/100% 100%;opacity:.94;border-radius:inherit;z-index:-1;pointer-events:none}.welcome{padding:4.7cqw 4.3cqw 0;height:100%;position:relative}h1{font-size:2.83cqw;line-height:1.35;white-space:nowrap;margin:0;font-weight:700;letter-spacing:.01em}h1 span,strong{color:#ebc68c}h1 span{margin-right:.9cqw}.intro{font-size:1.56cqw;line-height:1.85;margin-top:1.85cqw;white-space:nowrap}.intro p{margin:0}strong{font-weight:650}.guidance{position:absolute;left:4.3cqw;bottom:3.8cqw;font-size:1.12cqw;line-height:1.7}.guidance p{margin:0}.guidance p:first-child{font-weight:600;color:#e8c68b;margin-bottom:.2cqw}.composer{position:absolute;left:43.06%;top:66.74%;width:53.65%;height:10.73%;border-radius:1.3cqw;isolation:isolate;display:flex;align-items:center;gap:.75cqw;padding:1cqw 1.45cqw;animation:enter .65s .12s ease both}.input-shell{display:flex;align-items:center;flex:1;min-width:0;height:100%;border:1px solid #ffffff50;border-radius:1cqw;background:#22242650}.mic{width:4.1cqw;flex-shrink:0;border:0;background:none;padding:0 1.25cqw}.mic svg{width:1.4cqw;fill:none;stroke:currentColor;stroke-width:1.7}.input-shell textarea{background:transparent;border:0;border-left:1px solid #ffffff30;resize:none;color:#e6e3dd;font-size:1.21cqw;line-height:1.4;width:100%;height:1.8em;padding:0 .95cqw;outline:none}.input-shell textarea::placeholder{color:#aaa7a2}.sprite{border:0;background-image:url('assets/reference-v06.png');background-repeat:no-repeat;background-color:transparent}.send{width:10.4cqw;height:4.25cqw;flex-shrink:0;background-size:100cqw 56.28cqw;background-position:-84.6cqw -38.43cqw;border-radius:1cqw;transition:filter .2s}.send:hover{filter:brightness(1.13)}.topics{position:absolute;left:3.72%;bottom:6.5%;width:51.7%;height:8.9%;display:flex;gap:.65cqw}.topic{height:100%;flex:1;background-size:100cqw 56.28cqw;transition:filter .2s,transform .2s;animation:slide .55s ease both}.topic.brand{background-position:-3.72cqw -47.7cqw;animation-delay:.25s}.topic.design{background-position:-20.5cqw -47.7cqw;animation-delay:.34s}.topic.ai{background-position:-37.9cqw -47.7cqw;animation-delay:.43s}.topic:hover,.topic[aria-pressed=true]{filter:brightness(1.3);transform:translateY(-.12cqw)}.contact-area{position:absolute;right:3.1%;bottom:7.35%;width:11.1%;height:5%}.contact{width:100%;height:100%;background-size:100cqw 56.28cqw;background-position:-86.65cqw -49.2cqw;animation:engrave 1s .65s both}.contact:hover{filter:brightness(1.3)}.contact-popover{position:absolute;right:0;bottom:calc(100% + 1cqw);width:16cqw;padding:1.2cqw;background:#202122f5;border:1px solid #c6a267;border-radius:.8cqw;box-shadow:0 1cqw 3cqw #0008;z-index:10}.contact-popover img{width:100%;display:block;background:white}.contact-popover p{font-size:.85cqw;text-align:center;margin:.7cqw 0 0}.close{position:absolute;right:.25cqw;top:-1.9cqw;border:0;border-radius:.3cqw;background:#242424;font-size:1.4cqw}.notice{position:absolute;left:44.5%;bottom:23%;max-width:50%;padding:.6cqw 1cqw;border-radius:.4cqw;background:#222e;color:#efd2a1;font-size:1cqw;z-index:20}.content-view,.chat{height:100%;padding:2.8cqw 3cqw;overflow:auto;scrollbar-width:thin;scrollbar-color:#aa885a #202020}.content-view header{display:flex;justify-content:space-between;align-items:center;gap:1cqw;margin-bottom:1.4cqw}.content-view h2{font-size:2cqw;color:#ebc68c;margin:0}.text-button{background:#ffffff08;border:1px solid #c7a66c60;border-radius:.35cqw;padding:.45cqw .8cqw;font-size:.9cqw}.content-body{font-size:1.18cqw;line-height:1.9}.content-body p{margin:.7cqw 0}.content-body h3{font-size:1.25cqw;margin:.9cqw 0 .2cqw}.content-body .small{font-size:.95cqw;color:#aaa}.media-card{padding:0;border:1px solid #d7b07350;border-radius:.5cqw;overflow:hidden;background:#151515;text-align:left;width:13cqw;margin:.6cqw .7cqw .6cqw 0;vertical-align:top}.media-card img{width:100%;height:7.3cqw;object-fit:cover;display:block}.media-card span{display:block;font-size:.85cqw;padding:.5cqw}.media-view{position:absolute;inset:0;background:#17191afb;padding:2cqw;z-index:5;display:flex;flex-direction:column;gap:1cqw}.media-view>.text-button{align-self:flex-end}.media-view #mediaBody{flex:1;min-height:0;display:grid;place-items:center}.media-view img,.media-view video{max-width:100%;max-height:100%;height:100%;object-fit:contain}.message{font-size:1.25cqw;line-height:1.8;padding:1cqw 1.25cqw;border-radius:.6cqw;margin:0 0 1cqw;white-space:pre-wrap}.message.user{background:#d1ae7418;margin-left:4cqw}.message.assistant{background:#0002;margin-right:2cqw}.message-label{display:block;font-size:.75cqw;color:#c7a66c;margin-bottom:.3cqw}.chat .text-button{margin:.5cqw}.robot-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}.reference-mode>*:not(.backplate){display:none!important}@keyframes enter{from{opacity:0;transform:translateY(.5cqw)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;transform:translateX(-2cqw)}to{opacity:1;transform:none}}@keyframes engrave{from{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(2)}to{opacity:1;clip-path:inset(0);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px) and (orientation:portrait){body{display:block}.studio{width:100vw;min-height:100svh;aspect-ratio:auto;overflow:visible;padding-top:65vw;padding-bottom:12vw}.backplate{height:65vw;object-fit:cover;object-position:left top}.conversation{position:relative;left:3%;top:auto;width:94%;height:80vw;border-radius:3vw}.welcome{padding:8vw 6vw}h1{font-size:5.1vw;white-space:normal}.intro{font-size:3.5vw;white-space:normal;margin-top:5vw}.guidance{left:6vw;right:6vw;bottom:8vw;font-size:2.9vw}.composer{position:relative;left:3%;top:auto;width:94%;height:16vw;margin-top:2vw;padding:2vw;gap:2vw}.input-shell{border-radius:2vw}.mic{width:9vw;padding:2vw}.mic svg{width:4vw}.input-shell textarea{font-size:3.3vw;padding:0 2vw}.send{width:18vw;height:8vw;background-size:173vw 97.37vw;background-position:-146.36vw -66.48vw}.topics{position:relative;left:3%;bottom:auto;width:94%;height:9vw;margin-top:4vw;gap:1vw}.topic{background-size:181vw 101.87vw}.topic.brand{background-position:-6.73vw -86.34vw}.topic.design{background-position:-37.1vw -86.34vw}.topic.ai{background-position:-68.6vw -86.34vw}.contact-area{position:relative;width:33vw;height:10vw;right:auto;bottom:auto;margin:4vw 5vw 0 auto}.contact{background-size:280vw 157.58vw;background-position:-242.62vw -137.76vw}.contact-popover{width:55vw;padding:4vw;bottom:100%}.contact-popover p{font-size:3vw}.close{font-size:6vw;top:-8vw}.notice{position:fixed;left:5%;bottom:5%;max-width:90%;font-size:3.5vw;padding:3vw}.content-view,.chat{padding:5vw}.content-view h2{font-size:5vw}.text-button{font-size:2.8vw;padding:1.5vw}.content-body,.message{font-size:3.5vw}.content-body h3{font-size:4vw}.content-body .small,.message-label{font-size:2.7vw}.media-card{width:34vw}.media-card img{height:20vw}.media-card span{font-size:2.5vw}.media-view{padding:3vw}.robot-video{height:65vw;object-fit:cover;object-position:left top}}

/* Slightly smaller desktop reply text; retain portrait readability. */
@media(min-width:701px){.message{font-size:1.15cqw;line-height:1.8}}

/* Allow the expanded welcome copy to wrap within the panel. */
.welcome .intro{white-space:normal;overflow-wrap:break-word}

@media(min-width:701px){.welcome .intro{font-size:1.48cqw}}