@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;font-family:'DM Sans','Noto Sans SC','PingFang SC',sans-serif;background:#fbfcf7}.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.preview-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 32px;background:#f8faf2;color:#637957;border-bottom:1px solid #d9e3cd;font-size:10px;font-family:'DM Sans','Noto Sans SC','PingFang SC',sans-serif}.preview-bar>span{font-size:9px;color:#92a381;letter-spacing:1px}.preview-bar>a:last-child{border:1px solid #cbdabf;padding:8px 13px;border-radius:5px;color:#3f6332}.full-site{min-height:calc(100dvh - 65px)}.full-site .sample-inner{max-width:1380px;margin:auto;padding:0 64px;font-family:'DM Sans','Noto Sans SC','PingFang SC',sans-serif}.full-site .sample-nav{min-height:109px;padding:20px 0;gap:25px;font-size:12px;letter-spacing:0}.full-brand{font-size:24px;font-weight:600;letter-spacing:1px;white-space:nowrap}.full-brand span{font-size:9px;vertical-align:super;letter-spacing:0}.sample-nav nav{display:flex;gap:33px;align-items:center;font-size:12px;opacity:.8}.full-nav-cta{padding:12px 17px;border:1px solid color-mix(in srgb,var(--s-ink) 30%,transparent);font-size:11px;white-space:nowrap}.full-site .sample-hero{min-height:620px;gap:35px;padding:60px 0 65px}.sample-site.full-site .sample-copy>small{font-size:10px;letter-spacing:1.8px}.sample-site.full-site .sample-copy :is(h1,h3){font-size:clamp(50px,7.3vw,102px);margin:30px 0 28px;letter-spacing:-3px;line-height:1.06}.sample-site.full-site .sample-copy p{font-size:15px;max-width:390px;margin:0 0 33px;line-height:1.9}.sample-site.full-site .sample-cta{padding:15px 24px;font-size:12px;letter-spacing:.2px}.full-site .sample-hero>.sample-art{height:440px}.full-site .art-caption{font-size:8px;letter-spacing:1px}.full-site .full-kicker{font-size:9px;letter-spacing:1.6px;opacity:.55;display:block}.full-about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:72px 0 74px;border-top:1px solid color-mix(in srgb,var(--s-ink) 19%,transparent)}.full-about h2{font-size:38px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin:20px 0 0;max-width:430px}.full-about>div:last-child>p{font-size:14px;line-height:2.05;opacity:.65;margin:0 0 20px;max-width:460px}.full-text-link{font-size:11px;background:none;border:0;padding:7px 0;color:inherit;display:inline-flex;align-items:center;gap:25px}.full-text-link>span{font-size:17px}.full-work{padding:40px 0 75px}.full-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.full-section-heading h2{font-size:36px;font-weight:500;line-height:1.35;letter-spacing:-1px;margin:17px 0 0}.full-project-count{font-size:10px;letter-spacing:1.5px;opacity:.5;white-space:nowrap}.full-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.full-project{min-width:0}.project-image{width:100%;border:0;background:var(--s-soft);color:var(--s-ink);padding:0;position:relative;display:block;overflow:hidden}.project-image:hover .art-object{translate:0 -8px}.project-corner{position:absolute;bottom:18px;right:18px;font-size:24px;opacity:.6}.full-site .work-art{container-type:inline-size;height:265px;margin:0;padding:0}.full-site .work-art .art-object{scale:1.5;transition:translate .3s}.full-project:nth-child(2) .project-image{background:color-mix(in srgb,var(--s-soft) 65%,var(--s-bg))}.full-project:nth-child(2) .art-object{rotate:20deg}.full-project:nth-child(3) .project-image{background:color-mix(in srgb,var(--s-accent) 25%,var(--s-bg))}.full-project:nth-child(3) .art-object{rotate:-15deg}.project-copy{padding:25px 0 0;display:flex;flex-direction:column;align-items:flex-start}.project-copy small{font-size:8px;letter-spacing:1.3px;opacity:.5}.project-copy h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:12px 0 10px}.project-copy>span{font-size:11px;opacity:.6;margin-bottom:13px}.full-approach{border-top:1px solid color-mix(in srgb,var(--s-ink) 19%,transparent);padding:72px 0 85px}.full-section-heading>p{font-size:12px;opacity:.55;line-height:1.9;margin:0;max-width:250px}.full-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.full-steps>div{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--s-ink) 25%,transparent)}.full-steps>div>span{font-size:24px;opacity:.4;font-weight:400}.full-steps h3{font-size:21px;line-height:1.25;font-weight:500;margin:22px 0 14px;letter-spacing:-.5px}.full-steps p{font-size:12px;line-height:1.9;opacity:.6;max-width:300px;margin:0}.full-contact{background:var(--s-soft);padding:59px 65px;margin:0 0 65px;position:relative;overflow:hidden}.full-contact h2{position:relative;z-index:1;font-size:58px;font-weight:500;line-height:1.12;letter-spacing:-2px;margin:22px 0}.full-contact h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400}.full-contact p{font-size:13px;line-height:2;opacity:.7;margin:0 0 25px;position:relative;z-index:1}.full-contact>.sample-cta{position:relative;z-index:1}.contact-emblem{position:absolute;right:60px;top:0;font-size:350px;line-height:1;color:var(--s-ink);opacity:.08;rotate:15deg}.full-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 38px;border-top:1px solid color-mix(in srgb,var(--s-ink) 18%,transparent)}.full-footer>.full-brand{font-size:20px}.full-footer>p{font-size:9px;opacity:.5;margin:0}.full-footer>a:last-child{font-size:10px;opacity:.7}
/* Each full concept extends its original visual language into the content sections. */
.full-site[data-style=tech] .full-project{border:1px solid color-mix(in srgb,var(--s-accent) 25%,transparent);border-radius:12px;overflow:hidden}.full-site[data-style=tech] .project-copy{padding:24px}.full-site[data-style=tech] .full-contact{border:1px solid color-mix(in srgb,var(--s-accent) 40%,transparent);border-radius:15px;background:radial-gradient(ellipse at right,color-mix(in srgb,var(--s-accent) 12%,var(--s-bg)),var(--s-bg))}.full-site[data-style=tech] .full-steps>div{border-color:var(--s-accent)}
.full-site[data-style=business] .full-about{border-top-width:3px}.full-site[data-style=business] .full-work-grid{gap:20px}.full-site[data-style=business] .project-copy{background:var(--s-soft);padding:25px}.full-site[data-style=business] .full-contact{background:var(--s-ink);color:var(--s-bg)}.full-site[data-style=business] .full-contact>.sample-cta{background:var(--s-bg);color:var(--s-ink)}.full-site[data-style=business] .contact-emblem{color:var(--s-bg)}
.full-site[data-style=editorial] .full-about h2,.full-site[data-style=editorial] .full-section-heading h2,.full-site[data-style=editorial] .project-copy h3,.full-site[data-style=editorial] .full-contact h2{font-family:Georgia,serif}.full-site[data-style=editorial] .full-work-grid{grid-template-columns:1.25fr 1fr;gap:30px}.full-site[data-style=editorial] .full-project:first-child{grid-row:span 2}.full-site[data-style=editorial] .full-project:first-child .work-art{height:550px}.full-site[data-style=editorial] .full-project:not(:first-child){display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:25px;border-bottom:1px solid color-mix(in srgb,var(--s-ink) 20%,transparent);padding-bottom:25px}.full-site[data-style=editorial] .full-project:not(:first-child) .work-art{height:200px}.full-site[data-style=editorial] .full-project:not(:first-child) .project-copy{padding:0}.full-site[data-style=editorial] .full-contact{background:var(--s-accent);color:var(--s-bg)}.full-site[data-style=editorial] .full-contact>.sample-cta{color:var(--s-bg);border-color:var(--s-bg)}.full-site[data-style=editorial] .full-footer{border-top:2px solid var(--s-ink)}
.full-site[data-style=organic] .project-image{border-radius:120px 120px 7px 7px}.full-site[data-style=organic] .full-contact{border-radius:180px 180px 15px 15px;text-align:center}.full-site[data-style=organic] .full-about h2,.full-site[data-style=organic] .full-section-heading h2,.full-site[data-style=organic] .project-copy h3{font-family:Georgia,serif}.full-site[data-style=organic] .contact-emblem{right:20px;top:75px}
.full-site[data-style=creative] .full-about h2{font-size:46px;font-weight:600;text-transform:uppercase;line-height:1.08;letter-spacing:-1.6px}.full-site[data-style=creative] .full-project:nth-child(2){translate:0 30px}.full-site[data-style=creative] .project-image{border:2px solid var(--s-ink)}.full-site[data-style=creative] .full-work{padding-bottom:100px}.full-site[data-style=creative] .full-contact{border:2px solid var(--s-ink);box-shadow:9px 9px 0 var(--s-accent)}.full-site[data-style=creative] .full-contact h2{font-weight:600;text-transform:uppercase;font-size:65px}.full-site[data-style=creative] .full-contact h2 em{font-family:inherit;font-style:normal;color:transparent;-webkit-text-stroke:1px var(--s-ink)}
.full-site[data-style=luxury] .full-about h2,.full-site[data-style=luxury] .full-section-heading h2,.full-site[data-style=luxury] .project-copy h3,.full-site[data-style=luxury] .full-contact h2{font-family:Georgia,serif}.full-site[data-style=luxury] .full-work-grid{gap:35px}.full-site[data-style=luxury] .project-image{border:1px solid color-mix(in srgb,var(--s-accent) 40%,transparent)}.full-site[data-style=luxury] .full-contact{text-align:center;background:none;border-block:1px solid var(--s-accent);padding-block:85px}.full-site[data-style=luxury] .contact-emblem{display:none}.full-site[data-style=luxury] .full-brand{letter-spacing:4px;font-weight:400}
.full-site[data-style=product] .full-project{border-radius:14px;background:var(--s-soft);overflow:hidden}.full-site[data-style=product] .project-copy{padding:25px}.full-site[data-style=product] .full-contact{border-radius:18px}.full-site[data-style=product] .full-steps>div{background:var(--s-soft);padding:25px;border:0;border-radius:12px}
/* Full-page versions of the composer's layout and typeface choices. */
.full-site[data-layout=center] .sample-hero{padding-block:55px}.sample-site.full-site[data-layout=center] .sample-copy :is(h1,h3){font-size:clamp(50px,6.1vw,90px);max-width:1000px;margin-inline:auto}.full-site[data-layout=center] .sample-copy p{max-width:none}.full-site[data-layout=center] .sample-hero>.sample-art{height:225px}.full-site[data-layout=center] .sample-hero .art-object{position:relative;top:auto;transform:scale(.7)}.full-site[data-layout=poster] .sample-hero{min-height:625px;padding:65px 50px;margin-top:35px}.full-site[data-layout=poster] .sample-hero>.sample-art{top:70px;right:25px;width:44%;height:400px}.full-site[data-layout=poster] .sample-copy{max-width:75%}.sample-site.full-site[data-typeface=mono] .sample-copy :is(h1,h3){font-size:clamp(45px,6.2vw,88px)}.full-site[data-typeface=serif] .full-about h2,.full-site[data-typeface=serif] .full-section-heading h2{font-family:Georgia,serif}.full-site[data-typeface=sans] .full-about h2,.full-site[data-typeface=sans] .full-section-heading h2{font-family:'DM Sans',sans-serif}.full-site[data-typeface=mono] .full-about h2,.full-site[data-typeface=mono] .full-section-heading h2{font-family:'Courier New',monospace}
#project-dialog{width:min(600px,calc(100% - 36px));max-height:90dvh;overflow:auto;border:1px solid #dce5d2;background:#fbfcf7;border-radius:14px;color:#35523d;padding:30px;font-family:'DM Sans','Noto Sans SC','PingFang SC',sans-serif;box-shadow:0 20px 90px #132e3435}#project-dialog::backdrop{background:#152d3570;backdrop-filter:blur(7px)}#project-close{position:absolute;right:13px;top:9px;font-size:27px;border:0;background:none;color:#7e946d}#project-category{font-size:8px;letter-spacing:1.3px;color:#91a17e}#project-title{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:19px 0 22px}#project-art{border-radius:6px;overflow:hidden}#project-art .work-art{height:225px;container-type:inline-size}#project-art .art-object{scale:1.25}#project-description{font-size:13px;line-height:2;color:#7a8d6c;margin:20px 0}#project-dialog .project-note{font-size:10px;line-height:1.8;border-top:1px solid #e2e9d8;color:#99a58c;padding-top:13px}
@media(max-width:1100px){.full-site .sample-inner{padding-inline:40px}.full-site .sample-hero{min-height:550px;gap:25px}.sample-site.full-site .sample-copy :is(h1,h3){font-size:clamp(50px,7vw,82px)}.full-site .sample-hero>.sample-art{height:350px}.full-about{gap:45px}.full-about h2{font-size:33px}.full-about>div:last-child>p{font-size:12px}.full-section-heading h2{font-size:30px}.full-work-grid{gap:19px}.full-site .work-art{height:220px}.project-copy h3{font-size:20px}.full-steps{gap:25px}.full-steps h3{font-size:18px}.full-contact{padding:50px}.full-contact h2{font-size:50px}.full-site[data-style=creative] .full-contact h2{font-size:55px}.full-site[data-style=editorial] .full-project:first-child .work-art{height:480px}.full-site[data-style=editorial] .full-project:not(:first-child){gap:17px}.full-site[data-style=editorial] .full-project:not(:first-child) .work-art{height:175px}.full-site[data-style=organic] .full-contact{border-radius:120px 120px 15px 15px}.full-footer>.full-brand{font-size:18px}.full-footer>p{font-size:8px}}
@media(max-width:800px){.preview-bar{padding:12px 22px;gap:14px}.preview-bar>span{display:none}.full-site .sample-inner{padding-inline:28px}.full-site .sample-nav{min-height:95px;gap:15px}.full-brand{font-size:21px}.sample-nav nav{gap:16px;font-size:10px}.full-nav-cta{font-size:10px;padding:10px 12px}.full-site .sample-hero{min-height:455px;padding:40px 0;gap:20px}.sample-site.full-site .sample-copy :is(h1,h3){font-size:clamp(44px,7.2vw,67px);letter-spacing:-2px}.sample-site.full-site .sample-copy>small{font-size:8px;letter-spacing:1.1px}.sample-site.full-site .sample-copy p{font-size:12px}.sample-site.full-site .sample-cta{font-size:10px;padding:13px 17px}.full-site .sample-hero>.sample-art{height:280px}.full-about{padding-block:50px;gap:30px}.full-about h2{font-size:29px}.full-work-grid{gap:16px}.full-site .work-art{height:185px}.full-section-heading h2{font-size:28px}.project-copy h3{font-size:18px}.project-copy>span{font-size:9px}.project-copy small{font-size:7px}.full-site[data-style=tech] .project-copy,.full-site[data-style=business] .project-copy,.full-site[data-style=product] .project-copy{padding:18px}.full-section-heading>p{font-size:10px;max-width:160px}.full-steps{gap:20px}.full-steps h3{font-size:17px}.full-steps p{font-size:10px}.full-approach{padding-block:50px 65px}.full-site[data-style=editorial] .full-work-grid{grid-template-columns:1fr 1fr}.full-site[data-style=editorial] .full-project:not(:first-child){display:block}.full-site[data-style=editorial] .full-project:not(:first-child) .project-copy{padding-top:20px}.full-site[data-style=editorial] .full-project:first-child .work-art{height:400px}.full-contact{padding:40px}.full-contact h2{font-size:43px}.full-site[data-style=creative] .full-contact h2{font-size:46px}.full-site[data-style=creative] .full-about h2{font-size:34px}.contact-emblem{right:0;font-size:250px;top:40px}.full-footer{flex-wrap:wrap;gap:18px}.full-footer>p{order:3;width:100%;margin:0}.full-site[data-layout=poster] .sample-hero{min-height:490px;padding:50px 30px}.full-site[data-layout=poster] .sample-hero>.sample-art{height:300px;top:65px;right:15px}}
@media(max-width:600px){html{scroll-padding-top:70px}.preview-bar{font-size:9px;padding:10px 15px;gap:15px}.preview-bar>a:last-child{padding:7px 9px;font-size:8px}.full-site .sample-inner{padding-inline:22px}.full-site .sample-nav{min-height:86px;gap:15px}.full-brand{font-size:20px}.sample-nav nav{display:none}.full-nav-cta{font-size:9px;padding:9px 10px}.full-site .sample-hero{grid-template-columns:1fr;min-height:0;gap:20px;padding:35px 0 36px}.sample-site.full-site .sample-copy :is(h1,h3){font-size:clamp(46px,13vw,70px);line-height:1.05;letter-spacing:-2px;margin:23px 0}.sample-site.full-site .sample-copy>small{font-size:8px;letter-spacing:1px}.sample-site.full-site .sample-copy p{font-size:12px;margin-bottom:25px;max-width:290px}.sample-site.full-site .sample-cta{font-size:11px;padding:13px 19px}.full-site .sample-hero>.sample-art{height:260px}.full-site .sample-hero .art-object{scale:1.8}.full-site .art-caption{font-size:6px}.full-about{grid-template-columns:1fr;gap:25px;padding-block:43px}.full-about h2{font-size:30px;margin-top:17px;max-width:300px}.full-about>div:last-child>p{font-size:12px;line-height:2;margin-bottom:12px}.full-kicker{font-size:8px}.full-work{padding:15px 0 47px}.full-section-heading{gap:20px;margin-bottom:27px}.full-section-heading h2{font-size:28px;line-height:1.3;margin-top:15px}.full-project-count{font-size:8px}.full-work-grid,.full-site[data-style=luxury] .full-work-grid{grid-template-columns:1fr;gap:30px}.full-site .work-art{height:250px}.full-site .work-art .art-object{scale:1.8}.project-copy{padding-top:20px}.project-copy h3{font-size:23px}.project-copy>span{font-size:10px}.project-copy small{font-size:8px}.full-site[data-style=tech] .project-copy,.full-site[data-style=business] .project-copy,.full-site[data-style=product] .project-copy{padding:23px}.full-approach{padding:42px 0 48px}.full-approach .full-section-heading{display:block}.full-section-heading>p{margin-top:15px;max-width:none;font-size:10px}.full-steps{grid-template-columns:1fr;gap:23px}.full-steps>div{padding-top:18px;display:grid;grid-template-columns:34px 1fr;gap:12px}.full-steps>div>span{font-size:23px;grid-row:span 2}.full-steps h3{font-size:21px;margin:0}.full-steps p{font-size:11px;margin:0;max-width:none}.full-contact{padding:35px 26px;margin-bottom:43px}.full-contact h2{font-size:38px;letter-spacing:-1px;line-height:1.16;margin:21px 0}.full-contact p{font-size:11px;margin-bottom:23px}.contact-emblem{right:-50px;top:68px;font-size:235px}.full-site[data-style=editorial] .full-work-grid{grid-template-columns:1fr;gap:30px}.full-site[data-style=editorial] .full-project:first-child{grid-row:auto}.full-site[data-style=editorial] .full-project:first-child .work-art{height:310px}.full-site[data-style=editorial] .full-project:not(:first-child) .work-art{height:240px}.full-site[data-style=creative] .full-project:nth-child(2){translate:0 0}.full-site[data-style=creative] .full-work{padding-bottom:47px}.full-site[data-style=creative] .full-contact{box-shadow:5px 5px 0 var(--s-accent)}.full-site[data-style=creative] .full-contact h2{font-size:40px}.full-site[data-style=creative] .full-about h2{font-size:32px}.full-site[data-style=organic] .full-contact{padding-top:60px;border-radius:120px 120px 10px 10px}.full-site[data-style=luxury] .full-contact{padding:50px 5px}.full-footer{padding-block:25px;font-size:9px}.full-footer>.full-brand{font-size:17px}.full-footer>a:last-child{font-size:9px}.full-footer>p{font-size:8px;line-height:1.8}.full-site[data-layout=center] .sample-hero{padding-block:40px}.sample-site.full-site[data-layout=center] .sample-copy :is(h1,h3){font-size:clamp(42px,11vw,64px)}.full-site[data-layout=center] .sample-copy p{max-width:none}.full-site[data-layout=center] .sample-hero>.sample-art{height:190px}.full-site[data-layout=center] .sample-hero .art-object{scale:1.8}.full-site[data-layout=poster] .sample-hero{min-height:465px;padding:38px 23px;margin-top:24px}.full-site[data-layout=poster] .sample-copy{max-width:100%}.full-site[data-layout=poster] .sample-hero>.sample-art{width:70%;height:190px;right:-8px;top:auto;bottom:0;opacity:.18}.sample-site.full-site[data-typeface=mono] .sample-copy :is(h1,h3){font-size:clamp(36px,10vw,54px)}#project-dialog{padding:27px 23px}#project-title{font-size:25px}#project-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.sample-site.full-site[data-layout=poster] .sample-copy :is(h1,h3){font-size:clamp(36px,10.8vw,57px)}}

/* A real iframe viewport makes media queries respond to the selected device. */
.preview-center{display:flex;align-items:center;gap:18px}.preview-center #preview-context{font-size:10px;color:#8b9f7a}.full-device-switch{display:flex;border:1px solid #d5e0ca;border-radius:6px;overflow:hidden;background:#f1f5e9}.full-device-switch button{border:0;border-left:1px solid #d5e0ca;background:transparent;color:#8b9e77;padding:8px 14px;font-size:10px;white-space:nowrap}.full-device-switch button:first-child{border-left:0}.full-device-switch button[aria-pressed=true]{background:#ddeacb;color:#416430}.preview-center #viewport-size{font-size:8px;letter-spacing:.8px;color:#93a284;min-width:80px}.viewer-mode{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#e9eee3}.viewer-mode>.preview-bar{flex-shrink:0;position:relative}.viewer-mode>#full-preview{flex:1;min-height:0}.device-viewer{display:flex;flex-direction:column;height:100%;min-height:0}.device-stage{flex:1;min-height:0;padding:12px 16px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#f7f9f1,#e5ebdd);background-image:radial-gradient(#b8c7aa60 .7px,transparent .7px);background-size:18px 18px}.device-bounds{position:relative;flex-shrink:0}.device-shell{border:8px solid #273b31;background:#273b31;border-radius:12px;overflow:hidden;box-shadow:0 15px 50px #25452f25;transform-origin:top left;position:absolute;top:0;left:0}.device-shell iframe{display:block;border:0;background:#fbfcf7;max-width:none}.device-viewer[data-view=mobile] .device-shell{border-radius:27px;box-shadow:0 20px 60px #1c3f3228}.device-status{flex-shrink:0;padding:11px 16px 12px;text-align:center;color:#8ba079;font:9px 'DM Sans','Noto Sans SC',sans-serif;letter-spacing:.3px}.embedded-preview .preview-bar{display:none}.embedded-preview .full-site{min-height:100dvh}.embedded-preview{scroll-padding-top:25px}
@media(max-width:900px){.preview-center{gap:12px}.preview-center #preview-context{display:none}.preview-center #viewport-size{font-size:7px;min-width:65px}.full-device-switch button{padding:8px 12px;font-size:9px}}@media(max-width:600px){.viewer-mode .preview-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 14px}.preview-center{order:3;flex-basis:100%;justify-content:center;gap:15px}.preview-center #preview-context{display:block;font-size:9px}.preview-center #viewport-size{font-size:8px}.full-device-switch button{font-size:10px;padding:8px 15px}.device-status{font-size:8px;padding-block:9px}.device-stage{padding:10px 12px}.device-viewer[data-view=mobile] .device-shell{border-radius:24px}}