.native-preview{--nv-ink:#143c32;--nv-paper:#fff9eb;--nv-accent:#dbf287;--nv-soft:#c9d8bf;--nv-coral:#e79271;position:relative;isolation:isolate;container-type:inline-size;background:#d5dfcc;color:var(--nv-ink);overflow:hidden}
.native-preview.native-tone-1{--nv-accent:#edac8e;--nv-soft:#c8d9dd;background:#ceddd9}
.native-preview.native-tone-2{--nv-accent:#c9c1ed;--nv-soft:#ded6c7;background:#d9d4c3}
.native-preview.native-tone-3{--nv-accent:#e5cf7d;--nv-soft:#c1d7c8;background:#c3d3c2}
.native-preview .native-stage{position:absolute;inset:40px 16px 20px;font-family:inherit;line-height:1.2;pointer-events:none}
.native-preview .native-stage *{box-sizing:border-box}
.native-preview .native-stage strong,.native-preview .native-stage b{font-weight:500;letter-spacing:-.035em}
.native-preview .native-stage p{margin:0;font-size:clamp(8px,2.4cqw,14px);line-height:1.5}
.native-preview .native-preview-caption{position:absolute;z-index:8;top:13px;left:14px;right:14px;display:flex;align-items:start;gap:12px;justify-content:space-between;font-size:9px;line-height:13px;letter-spacing:.02em;color:var(--nv-ink)}
.native-preview .native-preview-caption>span{max-width:58%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.native-preview .native-preview-caption>b{font-weight:400;white-space:nowrap;font-size:8px;line-height:12px;padding:3px 7px;border:1px solid #143c3230;border-radius:20px;background:#fff9ebbd}
.native-preview .native-art{height:100%;width:100%;border-radius:0;min-width:0;min-height:0}
.native-preview .native-video{width:100%;height:100%;display:block;object-fit:cover}
.native-preview .native-small-label{display:block;font-size:clamp(6px,1.7cqw,10px);line-height:1.4;letter-spacing:.12em}
.native-preview .native-lines{display:grid;gap:5px}
.native-preview .native-lines i{display:block;width:100%;height:3px;border-radius:2px;background:currentColor;opacity:.22}
.native-preview .native-lines i:last-child{width:63%}
.native-preview .native-lines i:nth-child(2){width:87%}
.native-preview .native-window-dots{display:flex;gap:4px;align-items:center}
.native-preview .native-window-dots i{height:4px;width:4px;border-radius:50%;background:currentColor;opacity:.45}
.native-preview .native-sample-cta{display:inline-block;background:var(--nv-ink);color:var(--nv-paper);font-size:clamp(7px,1.8cqw,11px);padding:8px 12px;border-radius:30px;letter-spacing:0!important;line-height:1.2}
.native-preview .native-phone{position:absolute;background:#143c32;border:5px solid #143c32;box-shadow:0 22px 35px #143c3240;border-radius:24px;padding:17px 4px 12px;overflow:hidden}
.native-preview .native-phone-screen{position:relative;height:100%;overflow:hidden;background:var(--nv-paper);border-radius:10px}
.native-preview .native-phone-speaker{position:absolute;width:25%;height:4px;border-radius:5px;left:37.5%;top:6px;background:#bed0bd}
.native-preview .native-phone-home{position:absolute;width:25%;height:3px;border-radius:5px;left:37.5%;bottom:4px;background:#bed0bd}
.native-preview .native-ad-poster{position:absolute;left:8%;top:3%;width:49%;height:78%;background:var(--nv-ink);padding:7%;color:var(--nv-paper);transform:rotate(-7deg);box-shadow:12px 18px 0 #143c3218;overflow:hidden}
.native-preview .native-ad-poster>span{position:relative;z-index:2;font-size:clamp(6px,1.8cqw,10px);letter-spacing:.1em}
.native-preview .native-ad-poster>strong{position:relative;z-index:2;display:block;font-size:clamp(20px,5.8cqw,42px);line-height:1.02;margin-top:16px}
.native-preview .native-ad-poster>.art{position:absolute;inset:35% -10% -5% 16%;height:auto;width:auto;mix-blend-mode:screen;opacity:.75}
.native-preview .native-ad-poster>b{position:absolute;bottom:7%;left:14%;font-size:clamp(6px,1.6cqw,10px);border-bottom:1px solid currentColor;padding-bottom:4px}
.native-preview .native-ad-banner{position:absolute;width:74%;height:30%;right:0;bottom:5%;background:var(--nv-paper);box-shadow:0 20px 30px #143c3230;display:grid;grid-template-columns:60% 40%;transform:rotate(4deg)}
.native-preview .native-ad-banner>div:first-child{padding:10% 8%}
.native-preview .native-ad-banner span{font-size:clamp(5px,1.5cqw,9px);letter-spacing:.12em}
.native-preview .native-ad-banner strong{display:block;font-size:clamp(13px,3.4cqw,25px);line-height:1.1;margin-top:8px}
.native-preview .native-ad-banner b{display:block;font-size:clamp(5px,1.5cqw,9px);margin-top:10px}
.native-preview .native-ad-sticker{position:absolute;right:7%;top:10%;height:22%;aspect-ratio:1;border-radius:50%;background:var(--nv-accent);display:grid;place-content:center;text-align:center;font-family:Instrument,Georgia,serif;font-size:clamp(20px,5cqw,36px);font-style:italic;line-height:1}
.native-preview .native-social-phone{width:39%;height:92%;left:12%;top:2%;transform:rotate(-8deg)}
.native-preview .native-story-bars{position:absolute;z-index:3;top:9px;left:8px;right:8px;display:flex;gap:3px}
.native-preview .native-story-bars i{width:33%;height:2px;background:#fff9eb9c}
.native-preview .native-story-name{position:absolute;top:20px;left:10px;z-index:3;font-size:clamp(6px,1.5cqw,9px);color:#fff9eb}
.native-preview .native-story-message{position:absolute;left:10%;bottom:19%;z-index:3;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(24px,6cqw,45px);line-height:.95;color:var(--nv-paper)}
.native-preview .native-story-reply{position:absolute;left:10%;right:10%;bottom:7%;border:1px solid #fff9eb8a;border-radius:20px;padding:6px;color:var(--nv-paper);font-size:clamp(5px,1.25cqw,8px)}
.native-preview .native-social-post{position:absolute;right:3%;top:14%;width:55%;transform:rotate(7deg);box-shadow:0 18px 30px #143c322e}
.native-preview .native-post{background:var(--nv-paper);padding:8%;overflow:hidden}
.native-preview .native-post-head{display:flex;align-items:center;gap:6px;font-size:clamp(6px,1.8cqw,11px);margin-bottom:10px}
.native-preview .native-post-head>i{width:14px;height:14px;border-radius:50%;background:var(--nv-ink)}
.native-preview .native-post-head>b{margin-left:auto;letter-spacing:0}
.native-preview .native-post>.art{height:auto;aspect-ratio:1}
.native-preview .native-post-foot{display:flex;gap:7px;margin:10px 0 8px;align-items:center}
.native-preview .native-post-foot>i{width:9px;height:9px;border:1px solid var(--nv-ink);border-radius:3px}
.native-preview .native-heart{width:9px;height:9px;border-radius:2px;background:var(--nv-coral);transform:rotate(-45deg);position:relative}
.native-preview .native-heart:before,.native-preview .native-heart:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:inherit}
.native-preview .native-heart:before{top:-4px;left:0}.native-preview .native-heart:after{left:4px;top:0}
.native-preview .native-post>strong{display:block;font-size:clamp(7px,2cqw,13px);letter-spacing:-.01em;margin-bottom:9px}
.native-preview .native-social-tag{position:absolute;right:3%;bottom:3%;display:flex;align-items:center;gap:8px;font-size:clamp(7px,2cqw,12px);background:var(--nv-accent);padding:10px 14px;border-radius:30px;transform:rotate(-3deg)}
.native-preview .native-social-tag i{width:8px;height:8px;border-radius:50%;background:var(--nv-ink)}
.native-preview .native-deck-main,.native-preview .native-deck-back{position:absolute;width:89%;left:4%;top:18%;aspect-ratio:16/9;box-shadow:0 20px 35px #143c3230;transform:rotate(-4deg)}
.native-preview .native-deck-back{top:8%;left:10%;transform:rotate(6deg);opacity:.9}
.native-preview .native-slide{position:relative;width:100%;height:100%;background:var(--nv-paper);padding:6%;overflow:hidden}
.native-preview .native-slide>strong{position:relative;z-index:2;display:block;width:57%;font-size:clamp(19px,5.8cqw,42px);line-height:1.04;margin-top:5%}
.native-preview .native-slide-picture{position:absolute;right:0;top:0;bottom:0;width:43%;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}
.native-preview .native-slide-footer{position:absolute;left:6%;bottom:7%;font-size:clamp(6px,1.5cqw,10px)}
.native-preview .native-slide-chart{position:absolute;bottom:10%;left:7%;height:17%;width:35%;display:flex;align-items:end;gap:8px}
.native-preview .native-slide-chart i{display:block;width:15%;height:50%;background:var(--nv-accent)}
.native-preview .native-slide-chart i:nth-child(2){height:80%}.native-preview .native-slide-chart i:nth-child(3){height:65%}.native-preview .native-slide-chart i:nth-child(4){height:100%}
.native-preview .native-deck-tabs{position:absolute;left:17%;bottom:7%;right:7%;display:flex;gap:10px}
.native-preview .native-deck-tabs span{border:1px solid #143c3240;background:var(--nv-soft);border-radius:5px;padding:12px 10px;flex:1;font-size:clamp(7px,2cqw,12px);text-align:center}
.native-preview .native-drawing-paper{position:absolute;inset:1% 20% 11% 4%;padding:8%;background:var(--nv-paper);transform:rotate(-6deg);box-shadow:10px 15px 0 #143c3218}
.native-preview .native-character{position:absolute;inset:15% 5% 5%;width:90%;height:80%;color:var(--nv-accent)}
.native-preview .native-drawing-note{position:absolute;left:10%;bottom:8%;font-size:clamp(6px,1.7cqw,11px)}
.native-preview .native-icon-sheet{position:absolute;right:0;top:30%;width:37%;padding:6%;background:var(--nv-ink);color:var(--nv-paper);transform:rotate(6deg);box-shadow:0 15px 30px #143c3220}
.native-preview .native-icon-sheet>span{font-size:clamp(8px,2cqw,13px)}
.native-preview .native-icon-sheet>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.native-preview .native-drawn-icon{display:block;width:100%;aspect-ratio:1;border:3px solid currentColor}
.native-preview .native-drawn-icon.circle{border-radius:50%}.native-preview .native-drawn-icon.arch{border-radius:50% 50% 0 0}.native-preview .native-drawn-icon.diamond{transform:rotate(45deg) scale(.72)}.native-preview .native-drawn-icon.petal{border-radius:50% 0 50% 0}
.native-preview .native-sketch-strip{position:absolute;left:12%;right:10%;bottom:1%;background:var(--nv-accent);padding:12px;display:flex;gap:12px;align-items:center;transform:rotate(2deg)}
.native-preview .native-sketch-strip>i{width:15px;height:15px;border:1px solid currentColor;border-radius:50%;opacity:.5}
.native-preview .native-sketch-strip>span{font-size:clamp(6px,1.8cqw,11px)}
.native-preview .native-identity-card{position:absolute;left:4%;top:0;width:64%;height:76%;padding:8%;background:var(--nv-paper);transform:rotate(-6deg);box-shadow:10px 16px 0 #143c3218}
.native-preview .native-wordmark{display:block;font-family:Instrument,Georgia,serif;font-size:clamp(80px,24cqw,165px);line-height:1;margin-top:8%;letter-spacing:-.09em!important}
.native-preview .native-identity-rule{display:block;width:35%;height:3px;background:currentColor;margin-top:10%}
.native-preview .native-identity-card>b{display:block;font-size:clamp(12px,3.2cqw,22px);line-height:1.1;margin-top:10%}
.native-preview .native-palette{position:absolute;right:0;top:5%;width:31%;padding:13px;background:var(--nv-ink);color:var(--nv-paper);transform:rotate(5deg)}
.native-preview .native-palette>span{font-size:clamp(6px,1.7cqw,10px)}
.native-preview .native-palette>div{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;gap:7px}
.native-preview .native-palette i{aspect-ratio:1;border-radius:50%;background:var(--nv-accent)}
.native-preview .native-palette i:nth-child(2){background:var(--nv-coral)}.native-preview .native-palette i:nth-child(3){background:var(--nv-soft)}.native-preview .native-palette i:nth-child(4){background:var(--nv-paper)}
.native-preview .native-namecard{position:absolute;right:2%;bottom:5%;width:59%;aspect-ratio:1.7;padding:7%;background:var(--nv-accent);transform:rotate(5deg);box-shadow:0 12px 25px #143c3220;overflow:hidden}
.native-preview .native-namecard>strong{display:block;font-size:clamp(18px,5cqw,33px);letter-spacing:-.06em}
.native-preview .native-namecard>span{display:block;font-size:clamp(6px,1.7cqw,11px);margin-top:12px}
.native-preview .native-namecard>i{position:absolute;width:36%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;right:-9%;bottom:-15%}
.native-preview .native-type-sample{position:absolute;left:4%;bottom:2%;font-family:Instrument,Georgia,serif;font-size:clamp(20px,5cqw,35px);font-style:italic}
.native-preview .native-type-sample>span{font-family:inherit;font-size:clamp(6px,1.5cqw,10px);font-style:normal}
.native-preview .native-publication-cover{position:absolute;width:42%;height:75%;left:1%;top:2%;background:var(--nv-ink);color:var(--nv-paper);padding:6%;transform:rotate(-9deg);overflow:hidden;box-shadow:8px 15px 20px #143c3226}
.native-preview .native-publication-cover>span{font-size:clamp(5px,1.5cqw,9px);letter-spacing:.1em}
.native-preview .native-publication-cover>strong{position:relative;z-index:2;display:block;font-size:clamp(18px,5cqw,34px);line-height:1.02;margin-top:13%}
.native-preview .native-publication-cover>.art{position:absolute;left:0;right:0;bottom:0;top:40%;width:auto;height:auto;opacity:.7}
.native-preview .native-publication-cover>b{position:absolute;left:13%;bottom:8%;font-size:clamp(5px,1.4cqw,9px)}
.native-preview .native-open-book{position:absolute;right:-1%;top:29%;width:78%;height:65%;display:grid;grid-template-columns:1fr 1fr;background:var(--nv-paper);transform:rotate(5deg);box-shadow:0 20px 30px #143c3233;overflow:hidden}
.native-preview .native-book-page{position:relative;padding:11% 10%;overflow:hidden}
.native-preview .native-book-page+div{box-shadow:inset 8px 0 14px #143c321a}
.native-preview .native-book-page>span{font-size:clamp(4px,1.2cqw,8px);letter-spacing:.06em}
.native-preview .native-book-title{display:block;font-size:clamp(14px,3.6cqw,25px);line-height:1.05;margin:12% 0}
.native-preview .native-book-page>.native-lines{gap:4px;margin-top:12%}
.native-preview .native-page-quote{font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(14px,3.6cqw,25px);line-height:1.1;margin-top:20%;padding-top:10%;border-top:1px solid #143c3250}
.native-preview .native-book-page>.art{height:34%;margin-bottom:12%}
.native-preview .native-book-page>strong:not(.native-book-title){font-size:clamp(7px,1.8cqw,12px)}
.native-preview .native-publication-chart{display:flex;gap:8%;align-items:end;height:20%;margin-top:15%}
.native-preview .native-publication-chart i{width:18%;height:55%;background:var(--nv-coral)}
.native-preview .native-publication-chart i:nth-child(2){height:80%;background:var(--nv-ink)}.native-preview .native-publication-chart i:nth-child(3){height:65%}.native-preview .native-publication-chart i:nth-child(4){height:95%;background:var(--nv-ink)}
.native-preview .native-moodboard{position:absolute;inset:6% 4% 8%;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1.2fr .8fr;gap:13px;transform:rotate(-3deg)}
.native-preview .native-moodboard>div{position:relative;overflow:hidden;box-shadow:0 8px 12px #143c3215}
.native-preview .native-mood-image>span{position:absolute;bottom:10px;left:10px;font-size:clamp(7px,2cqw,12px);background:var(--nv-paper);padding:5px 8px}
.native-preview .native-mood-type{background:var(--nv-paper);padding:12%}
.native-preview .native-mood-type>span{font-size:clamp(5px,1.5cqw,9px);letter-spacing:.1em}
.native-preview .native-mood-type>strong{font-family:Instrument,Georgia,serif;font-style:italic;display:block;font-size:clamp(25px,7cqw,48px);line-height:.98;margin-top:15%}
.native-preview .native-mood-palette{background:var(--nv-ink);padding:12%;display:flex;gap:8%;align-items:start}
.native-preview .native-mood-palette>i{width:28%;aspect-ratio:1;border-radius:50%;background:var(--nv-accent)}
.native-preview .native-mood-palette>i:nth-child(2){background:var(--nv-coral)}.native-preview .native-mood-palette>i:nth-child(3){background:var(--nv-soft)}
.native-preview .native-mood-palette>span{position:absolute;bottom:15%;left:12%;font-size:clamp(7px,2cqw,12px);color:var(--nv-paper)}
.native-preview .native-mood-story{padding:10%;background:var(--nv-accent)}
.native-preview .native-mood-story>span{font-size:clamp(7px,2cqw,12px)}
.native-preview .native-mood-story>div{display:grid;grid-template-columns:1fr 1fr 1fr;height:57%;gap:5px;margin-top:12%}
.native-preview .native-mood-tape{position:absolute;left:39%;top:2%;width:24%;height:21px;background:#fff9eb9c;transform:rotate(7deg)}
.native-preview .native-concept-note{position:absolute;bottom:1%;right:7%;font-size:clamp(6px,1.8cqw,11px);font-style:italic}
.native-preview .native-print-poster{position:absolute;left:4%;top:1%;width:48%;height:86%;padding:7%;background:var(--nv-coral);transform:rotate(-6deg);box-shadow:8px 15px 0 #143c321b}
.native-preview .native-print-poster>span{font-size:clamp(6px,1.6cqw,10px);letter-spacing:.08em}
.native-preview .native-print-poster>strong{display:block;font-size:clamp(30px,8cqw,57px);line-height:.92;margin-top:12%}
.native-preview .native-print-poster>div{position:absolute;left:14%;right:14%;height:23%;bottom:12%}
.native-preview .native-print-poster>b{position:absolute;bottom:5%;left:14%;font-size:clamp(5px,1.5cqw,9px)}
.native-preview .native-brochure{position:absolute;right:-2%;top:39%;width:70%;height:40%;display:grid;grid-template-columns:1fr 1fr 1fr;transform:rotate(6deg);box-shadow:0 15px 25px #143c3230;background:var(--nv-paper)}
.native-preview .native-brochure>div{padding:15%;overflow:hidden}
.native-preview .native-brochure>div:nth-child(2){padding:0;transform:skewY(-5deg);box-shadow:4px 0 10px #143c3220}
.native-preview .native-brochure span,.native-preview .native-brochure strong{display:block;font-size:clamp(10px,2.6cqw,18px);line-height:1.1}
.native-preview .native-brochure .native-lines{margin-top:25%;gap:4px}
.native-preview .native-print-card{position:absolute;right:4%;bottom:3%;width:35%;aspect-ratio:1.65;background:var(--nv-ink);padding:5%;color:var(--nv-paper);transform:rotate(-4deg)}
.native-preview .native-print-card>b{display:block;font-size:clamp(11px,2.8cqw,19px)}
.native-preview .native-print-card>span{display:block;font-size:clamp(5px,1.4cqw,9px);margin-top:9px}
.native-preview .native-package-box{position:absolute;width:40%;height:69%;left:10%;top:10%;filter:drop-shadow(12px 24px 15px #143c322b);transform:rotate(-6deg)}
.native-preview .native-package-front{position:absolute;inset:0;background:var(--nv-paper);padding:14%;overflow:hidden}
.native-preview .native-package-front>span{font-size:clamp(5px,1.5cqw,9px);letter-spacing:.08em}
.native-preview .native-package-front>strong{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(30px,8cqw,55px);line-height:.9;margin-top:16%}
.native-preview .native-package-front>div{position:absolute;left:0;right:0;bottom:12%;height:33%}
.native-preview .native-package-front>b{position:absolute;left:14%;bottom:5%;font-size:clamp(5px,1.4cqw,9px)}
.native-preview .native-package-side{position:absolute;left:100%;top:0;width:25%;height:100%;background:#7b937f;transform-origin:left;transform:skewY(-27deg)}
.native-preview .native-package-top{position:absolute;left:0;bottom:100%;width:100%;height:13%;background:#b5c7ae;transform-origin:bottom;transform:skewX(-63deg)}
.native-preview .native-shirt{position:absolute;right:-3%;top:15%;width:50%;height:70%;color:var(--nv-ink);transform:rotate(8deg);filter:drop-shadow(0 15px 10px #143c3230)}
.native-preview .native-shirt>svg{width:100%;height:100%;overflow:visible}
.native-preview .native-shirt>span{position:absolute;left:31%;top:42%;font-size:clamp(11px,3cqw,21px);color:var(--nv-accent);letter-spacing:-.03em}
.native-preview .native-shirt>i{position:absolute;width:21%;aspect-ratio:1;left:39%;top:53%;border:2px solid var(--nv-accent);border-radius:50%}
.native-preview .native-package-label{position:absolute;left:23%;bottom:1%;width:49%;padding:6%;background:var(--nv-accent);transform:rotate(-3deg);box-shadow:0 12px 15px #143c321a}
.native-preview .native-package-label>strong{display:block;font-size:clamp(17px,4.5cqw,30px)}
.native-preview .native-package-label>span{font-size:clamp(5px,1.5cqw,10px);display:block;margin-top:7px}
.native-preview .native-edit-frame{position:absolute;left:1%;top:7%;width:95%;height:75%;background:var(--nv-ink);padding:3%;box-shadow:0 22px 30px #143c3233;transform:rotate(-3deg);overflow:hidden}
.native-preview .native-edit-heading{display:flex;align-items:center;gap:12px;color:var(--nv-paper);font-size:clamp(6px,1.5cqw,9px);height:7%;margin-bottom:3%;letter-spacing:.08em}
.native-preview .native-edit-player{position:relative;height:61%;overflow:hidden;background:#152e27}
.native-preview .native-editor-play{position:absolute;left:45%;top:36%;width:11%;aspect-ratio:1;border:1px solid #fff9eb8a;border-radius:50%;background:#143c3266}
.native-preview .native-editor-play:after{content:"";position:absolute;left:43%;top:30%;width:30%;height:40%;background:var(--nv-paper);clip-path:polygon(0 0,100% 50%,0 100%)}
.native-preview .native-edit-timeline{position:relative;margin-top:3%;display:grid;grid-template-columns:12% 1fr;gap:5px;align-items:center;font-size:clamp(5px,1.4cqw,9px);color:var(--nv-paper)}
.native-preview .native-edit-timeline>div{height:14px;display:flex;gap:3px}
.native-preview .native-edit-timeline i{height:100%;width:25%;background:var(--nv-coral);border-radius:2px}
.native-preview .native-edit-timeline i:nth-child(2){width:35%;background:var(--nv-accent)}.native-preview .native-edit-timeline i:nth-child(3){width:20%}
.native-preview .native-edit-timeline .native-audio-track{height:10px}.native-preview .native-audio-track i{background:#84aeb8;width:33%}
.native-preview .native-edit-timeline>b{position:absolute;left:44%;top:0;bottom:0;width:1px;background:var(--nv-paper)}
.native-preview .native-video-shot{position:absolute;right:4%;bottom:0;width:35%;height:31%;background:var(--nv-paper);padding:5px;box-shadow:0 8px 15px #143c3220;transform:rotate(5deg)}
.native-preview .native-video-shot>.art{height:77%}
.native-preview .native-video-shot>span{display:block;font-size:clamp(5px,1.4cqw,9px);padding:7px 4px}
.native-preview .native-motion-screen{position:absolute;inset:3% 4% 23%;background:var(--nv-ink);overflow:hidden;transform:rotate(-3deg);box-shadow:0 15px 25px #143c3230}
.native-preview .native-motion-screen>.native-video{opacity:.72}
.native-preview .native-motion-word{position:absolute;left:8%;top:13%;font-size:clamp(28px,8.5cqw,60px);font-family:Instrument,Georgia,serif;font-style:italic;color:var(--nv-paper);line-height:.92}
.native-preview .native-motion-ring{position:absolute;width:35%;aspect-ratio:1;border:4px solid var(--nv-accent);border-radius:50%;right:5%;bottom:8%}
.native-preview .native-keyframes{position:absolute;bottom:1%;left:17%;right:3%;padding:5%;background:var(--nv-paper);transform:rotate(3deg);box-shadow:0 12px 20px #143c321a}
.native-preview .native-keyframes>span{font-size:clamp(8px,2.2cqw,14px)}
.native-preview .native-keyframes>div{display:flex;align-items:center;gap:9%;margin:13px 0;height:13px;border-top:1px solid #143c3233}
.native-preview .native-keyframes i{width:10px;height:10px;transform:translateY(-7px) rotate(45deg);background:var(--nv-coral)}
.native-preview .native-keyframes i:nth-child(even){background:var(--nv-ink)}
.native-preview .native-keyframes>b{font-size:clamp(5px,1.5cqw,10px);font-weight:400}
.native-preview .native-email-window{position:absolute;inset:1% 1% 2%;border-radius:10px;background:#e2e8dc;box-shadow:0 18px 30px #143c322a;overflow:hidden;transform:rotate(-3deg)}
.native-preview .native-email-top{height:8%;display:flex;align-items:center;gap:15px;padding:0 5%;background:#f9f8ed;font-size:clamp(6px,1.6cqw,10px);letter-spacing:.08em}
.native-preview .native-email-sidebar{position:absolute;left:0;width:25%;top:8%;bottom:0;padding:8% 4%;font-size:clamp(6px,1.6cqw,10px)}
.native-preview .native-email-sidebar>b{display:block;margin-bottom:22%}
.native-preview .native-email-sidebar>i{display:block;height:4px;width:75%;background:#143c3233;margin:18px 0 8px}
.native-preview .native-email-sidebar>span{font-size:clamp(5px,1.3cqw,8px);line-height:1.4;display:block}
.native-preview .native-email-body{position:absolute;left:25%;top:12%;bottom:4%;right:5%;padding:7%;background:var(--nv-paper);text-align:center;box-shadow:0 5px 10px #143c3212;overflow:hidden}
.native-preview .native-email-body>strong{display:block;font-family:Instrument,Georgia,serif;font-size:clamp(23px,6.3cqw,44px);font-style:italic;line-height:1;margin-top:9%}
.native-preview .native-email-body>div{height:31%;margin:9% 0 7%;overflow:hidden}
.native-preview .native-email-body>p{font-size:clamp(6px,1.7cqw,11px);line-height:1.5}
.native-preview .native-email-body>.native-sample-cta{margin-top:8%;padding:7px 14px}
.native-preview .native-email-footer{font-size:clamp(4px,1.1cqw,7px);display:block;margin-top:8%;opacity:.65}
.native-preview .native-browser{position:absolute;inset:9% 2% 14%;background:var(--nv-paper);border-radius:9px;box-shadow:0 20px 30px #143c3233;transform:rotate(-4deg);overflow:hidden}
.native-preview .native-browser-bar{height:9%;padding:0 4%;display:flex;align-items:center;gap:13px;background:#e8e9dc;font-size:clamp(5px,1.4cqw,9px);letter-spacing:.06em}
.native-preview .native-browser-nav{height:13%;padding:0 6%;display:flex;align-items:center;gap:15px;font-size:clamp(5px,1.4cqw,9px)}
.native-preview .native-browser-nav>b{margin-right:auto;font-size:clamp(8px,2.2cqw,14px)}
.native-preview .native-landing{height:62%;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);padding:3% 6%;gap:3%;overflow:hidden}
.native-preview .native-landing>div:first-child{padding-top:5%}
.native-preview .native-landing strong{display:block;font-size:clamp(22px,6cqw,42px);line-height:1;margin-top:12%}
.native-preview .native-landing p{font-size:clamp(6px,1.7cqw,11px);margin-top:9%;line-height:1.5}
.native-preview .native-landing .native-sample-cta{font-size:clamp(5px,1.5cqw,9px);margin-top:9%;padding:6px 10px}
.native-preview .native-landing-image{overflow:hidden;border-radius:40% 40% 8px 8px}
.native-preview .native-web-features{height:16%;margin:0 6%;display:flex;gap:12px;align-items:center;border-top:1px solid #143c3226;font-size:clamp(6px,1.6cqw,10px)}
.native-preview .native-web-features>span{flex:1;text-align:center}
.native-preview .native-mobile-peek{position:absolute;right:0;bottom:0;width:27%;height:54%;transform:rotate(7deg)}
.native-preview .native-mobile-peek>.native-phone{inset:0;border-width:3px;padding:14px 2px 10px;border-radius:18px}
.native-preview .native-mobile-peek .native-phone-screen{padding:14% 8%}
.native-preview .native-mobile-peek .native-phone-screen>span{font-size:clamp(5px,1.4cqw,8px)}
.native-preview .native-mobile-peek strong{font-size:clamp(12px,3.3cqw,23px);display:block;line-height:1.1;margin:18% 0}
.native-preview .native-mobile-peek .art{height:45%;border-radius:20px 20px 5px 5px}
.native-preview .native-system-board{position:absolute;inset:3% 3% 5%;background:var(--nv-paper);padding:6%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:14px;border-radius:8px;box-shadow:0 20px 30px #143c3226;transform:rotate(-4deg)}
.native-preview .native-system-board>div:not(:first-child){background:#143c3208;border-radius:6px;padding:10%;overflow:hidden}
.native-preview .native-system-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:10px}
.native-preview .native-system-heading>b{font-size:clamp(15px,4cqw,27px)}
.native-preview .native-system-heading>span{font-size:clamp(5px,1.5cqw,9px);line-height:1.4;max-width:30%}
.native-preview .native-system-board>div>span{display:block;font-size:clamp(6px,1.6cqw,10px);margin-bottom:13%}
.native-preview .native-system-colors{display:flex!important;flex-wrap:wrap;gap:6px;align-content:start}
.native-preview .native-system-colors>span{width:100%;margin-bottom:8%!important}
.native-preview .native-system-colors>i{width:20%;aspect-ratio:1;border-radius:50%;background:var(--nv-ink)}
.native-preview .native-system-colors>i:nth-child(3){background:var(--nv-accent)}.native-preview .native-system-colors>i:nth-child(4){background:var(--nv-coral)}.native-preview .native-system-colors>i:nth-child(5){background:#bcc8d9}
.native-preview .native-system-type>strong{display:block;font-family:Instrument,Georgia,serif;font-size:clamp(29px,8cqw,55px);line-height:1}
.native-preview .native-system-type>small{display:block;font-size:clamp(4px,1.3cqw,8px);margin-top:8%}
.native-preview .native-system-buttons>b{display:inline-block;font-size:clamp(5px,1.5cqw,9px);padding:7px 9px;background:var(--nv-ink);color:var(--nv-paper);border:1px solid var(--nv-ink);border-radius:30px;margin:3px 0}
.native-preview .native-system-buttons>b:nth-of-type(2){background:transparent;color:var(--nv-ink)}
.native-preview .native-system-buttons>i{display:block;width:27px;height:15px;border-radius:20px;background:var(--nv-ink);margin-top:10px;position:relative}
.native-preview .native-system-buttons>i:after{content:"";position:absolute;width:9px;height:9px;right:3px;top:3px;border-radius:50%;background:var(--nv-paper)}
.native-preview .native-system-card{grid-row:span 2;padding:0!important}
.native-preview .native-system-card>.art{height:53%}
.native-preview .native-system-card>div:last-child{padding:10%}
.native-preview .native-system-card b{font-size:clamp(8px,2.2cqw,14px);display:block;margin-bottom:12%}
.native-preview .native-system-fields{margin-top:-3px}
.native-preview .native-system-fields>i{display:block;font-size:clamp(5px,1.5cqw,9px);font-style:normal;padding:8px;border:1px solid #143c3244;border-radius:4px}
.native-preview .native-system-fields>div{display:flex;gap:7px;margin-top:10px}.native-preview .native-system-fields b{width:9px;height:9px;border-radius:50%;border:1px solid #143c3277}.native-preview .native-system-fields b:first-child{background:var(--nv-ink)}
.native-preview .native-product-desktop{position:absolute;left:0;top:8%;width:82%;height:76%;padding:7%;border-radius:8px;background:var(--nv-paper);box-shadow:0 20px 30px #143c3226;transform:rotate(-5deg)}
.native-preview .native-product-desktop>strong{display:block;font-size:clamp(19px,5cqw,35px);line-height:1.1;margin-top:8%}
.native-preview .native-product-grid{display:grid;grid-template-columns:1fr 1fr;height:43%;gap:12px;margin-top:10%}
.native-preview .native-product-grid>div{min-width:0;border-radius:5px;overflow:hidden}
.native-preview .native-product-grid>div:last-child{padding:12%;background:var(--nv-soft)}
.native-preview .native-product-grid b{display:block;font-size:clamp(8px,2.1cqw,14px);margin-bottom:16%}
.native-preview .native-product-grid i{width:45%;height:7px;background:var(--nv-ink);display:block;margin-top:18%;border-radius:20px}
.native-preview .native-product-flow{margin-top:10%;display:flex;align-items:center;gap:6px;font-size:clamp(5px,1.4cqw,9px);white-space:nowrap}
.native-preview .native-product-flow>i{width:7px;height:7px;border-radius:50%;background:var(--nv-ink)}
.native-preview .native-product-phone{right:0;top:19%;width:37%;height:80%;transform:rotate(5deg)}
.native-preview .native-product-phone .native-phone-screen{padding:16% 8%}
.native-preview .native-product-phone .native-small-label{font-size:clamp(4px,1.2cqw,8px)}
.native-preview .native-product-phone strong{font-size:clamp(16px,4.5cqw,30px);display:block;line-height:1.05;margin:17% 0}
.native-preview .native-ui-option{position:relative;display:flex;gap:5px;align-items:center;padding:12px 6px;border:1px solid #143c3226;border-radius:5px;margin:8px 0;font-size:clamp(4px,1.1cqw,7px)}
.native-preview .native-ui-option>i{height:8px;width:8px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.native-preview .native-ui-option:first-of-type{background:var(--nv-accent)}
.native-preview .native-ui-field{display:block;border:1px solid #143c3226;border-radius:5px;padding:12px 6px;font-size:clamp(4px,1.2cqw,8px);margin-top:13%}
.native-preview .native-product-phone .native-sample-cta{display:block;text-align:center;font-size:clamp(5px,1.3cqw,8px);padding:8px 5px;margin-top:13%}
.native-preview .native-copy-sheet{position:absolute;width:64%;height:79%;left:1%;top:1%;background:var(--nv-paper);padding:8%;transform:rotate(-8deg);box-shadow:0 16px 25px #143c3220;overflow:hidden}
.native-preview .native-copy-sheet>span{display:block;font-size:clamp(6px,1.7cqw,11px);letter-spacing:.08em}
.native-preview .native-copy-sheet>strong{font-size:clamp(24px,6.4cqw,45px);display:block;line-height:1.03;margin-top:21%}
.native-preview .native-copy-sheet>.native-lines{margin-top:15%;opacity:.7}
.native-preview .native-copy-before{color:#6d8073}
.native-preview .native-copy-before>strong{text-decoration:line-through;text-decoration-thickness:1px}
.native-preview .native-copy-after{left:31%;top:15%;background:var(--nv-ink);color:var(--nv-paper);transform:rotate(5deg)}
.native-preview .native-copy-after>strong{font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(27px,7.3cqw,51px);margin-top:20%}
.native-preview .native-copy-after mark{color:var(--nv-accent);background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.native-preview .native-copy-after>p{font-size:clamp(6px,1.7cqw,11px);line-height:1.5;margin-top:15%}
.native-preview .native-copy-tones{position:absolute;left:3%;bottom:0;display:flex;gap:7px;transform:rotate(-3deg)}
.native-preview .native-copy-tones>span{font-size:clamp(7px,2cqw,12px);padding:8px 12px;border:1px solid #143c3233;background:var(--nv-accent);border-radius:30px}
.native-preview .native-explorations{position:absolute;left:0;right:0;top:9%;height:67%;display:flex;gap:11px;transform:rotate(-3deg)}
.native-preview .native-explorations>div{position:relative;width:33.333%;height:100%;background:var(--nv-paper);box-shadow:0 12px 25px #143c3220;overflow:hidden}
.native-preview .native-explorations>div:nth-child(2){transform:translateY(-8%) rotate(5deg)}.native-preview .native-explorations>div:nth-child(3){transform:translateY(6%) rotate(4deg)}
.native-preview .native-explorations .art{filter:saturate(.8)}.native-preview .native-explorations>div:nth-child(2) .art{filter:hue-rotate(28deg)}
.native-preview .native-explorations span{position:absolute;bottom:0;left:0;right:0;padding:10px 8px;font-size:clamp(5px,1.5cqw,10px);background:var(--nv-paper)}
.native-preview .native-exploration-panel{position:absolute;left:7%;right:6%;bottom:0;padding:6%;background:var(--nv-ink);color:var(--nv-paper);box-shadow:0 15px 20px #143c3220;transform:rotate(3deg)}
.native-preview .native-exploration-panel>span{font-size:clamp(5px,1.5cqw,9px);letter-spacing:.1em}
.native-preview .native-exploration-panel>strong{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(23px,6cqw,42px);line-height:1;margin-top:7%}
.native-preview .native-exploration-panel>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7%}
.native-preview .native-exploration-panel b{font-size:clamp(5px,1.5cqw,9px);padding:4px 8px;border:1px solid #fff9eb55;border-radius:20px;letter-spacing:0}
.native-preview .native-exploration-panel>small{display:block;font-size:clamp(4px,1.3cqw,8px);margin-top:6%;opacity:.8}
.native-preview .native-consulting-board{position:absolute;inset:4% 3% 5%;background:var(--nv-paper);padding:7%;border-radius:8px;box-shadow:0 20px 30px #143c3226;transform:rotate(-4deg)}
.native-preview .native-consulting-board>strong{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(28px,7.2cqw,50px);line-height:1;margin-top:6%}
.native-preview .native-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10%;height:54%}
.native-preview .native-decision-card{position:relative;background:var(--nv-soft);padding:12%;overflow:hidden}
.native-preview .native-decision-card:nth-child(2),.native-preview .native-decision-card:nth-child(3){background:var(--nv-accent)}
.native-preview .native-decision-card>i{display:block;height:10px;width:10px;border:1px solid currentColor;border-radius:50%;margin-bottom:12%}
.native-preview .native-decision-card>span{display:block;font-size:clamp(11px,3cqw,20px)}
.native-preview .native-decision-card>p{font-size:clamp(5px,1.5cqw,10px);margin-top:9%;line-height:1.4}
.native-preview .native-consulting-footer{display:flex;align-items:center;gap:8px;margin-top:8%;font-size:clamp(5px,1.5cqw,9px)}
.native-preview .native-consulting-footer>i{width:8px;height:8px;background:var(--nv-ink);border-radius:50%}
.native-preview .native-flow-board{position:absolute;inset:6% 2% 6%;background:var(--nv-ink);color:var(--nv-paper);padding:7%;border-radius:9px;box-shadow:0 20px 30px #143c3226;transform:rotate(-3deg)}
.native-preview .native-flow-board>strong{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(28px,7cqw,48px);line-height:1;margin-top:7%}
.native-preview .native-node-grid{position:relative;height:48%;display:grid;grid-template-columns:1fr 1fr;gap:20% 15%;margin-top:10%}
.native-preview .native-node-grid>svg{position:absolute;inset:0;width:100%;height:100%;color:#d4e4c8;opacity:.55}
.native-preview .native-flow-node{position:relative;z-index:1;background:var(--nv-paper);color:var(--nv-ink);padding:10%;border-radius:6px;overflow:hidden}
.native-preview .native-flow-node.node-1,.native-preview .native-flow-node.node-2{background:var(--nv-accent)}
.native-preview .native-flow-node>i{display:block;position:absolute;right:12%;top:14%;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}
.native-preview .native-flow-node>strong{display:block;font-size:clamp(13px,3.3cqw,23px)}
.native-preview .native-flow-node>span{display:block;font-size:clamp(5px,1.5cqw,9px);margin-top:8%}
.native-preview .native-flow-footer{position:absolute;left:7%;bottom:5%;font-size:clamp(5px,1.5cqw,9px);opacity:.75}
.native-preview .native-campaign-map{position:absolute;inset:0}
.native-preview .native-campaign-map>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.3}
.native-preview .native-campaign-core{position:absolute;left:32%;top:31%;width:36%;aspect-ratio:1;background:var(--nv-ink);color:var(--nv-paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 10px 25px #143c3226}
.native-preview .native-campaign-core>span{font-size:clamp(5px,1.4cqw,9px);letter-spacing:.1em}
.native-preview .native-campaign-core>strong{font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(22px,5.7cqw,40px);text-align:center;line-height:.98;margin-top:10%}
.native-preview .native-campaign-format{position:absolute;background:var(--nv-paper);box-shadow:0 10px 15px #143c3220;overflow:hidden}
.native-preview .native-campaign-format>span{position:absolute;bottom:0;left:0;right:0;font-size:clamp(5px,1.5cqw,9px);padding:8px;background:var(--nv-paper)}
.native-preview .format-social{left:2%;top:1%;width:28%;height:37%;transform:rotate(-7deg);padding:6px 6px 24px}
.native-preview .format-web{right:0;top:5%;width:35%;height:30%;transform:rotate(5deg);padding:5%}
.native-preview .format-web>i{display:block;height:4px;width:100%;background:#143c3220;margin-bottom:12%}
.native-preview .format-web>strong{font-size:clamp(13px,3.5cqw,24px);line-height:1.05}
.native-preview .format-print{left:4%;bottom:6%;width:25%;height:45%;background:var(--nv-coral);padding:5%;transform:rotate(5deg)}
.native-preview .format-print>strong{font-size:clamp(20px,5cqw,35px);line-height:.95}
.native-preview .format-video{right:0;bottom:8%;width:34%;height:33%;transform:rotate(-5deg);padding:5px 5px 23px}
.native-preview .native-campaign-tag{position:absolute;left:32%;bottom:0;font-size:clamp(5px,1.5cqw,9px);border:1px solid #143c3233;padding:7px;border-radius:20px;white-space:nowrap}
.native-preview.is-compact .native-stage{inset:35px 12px 17px}
.native-preview.is-compact .native-preview-caption{font-size:8px;line-height:11px;top:10px;left:11px;right:11px}
.native-preview.is-compact .native-preview-caption>b{font-size:7px;line-height:10px;padding:2px 5px}
.native-preview.is-compact .native-stage .native-lines{gap:3px}
.native-preview.is-compact .native-lines i{height:2px}
.native-preview.is-compact .native-story-reply,.native-preview.is-compact .native-email-footer,.native-preview.is-compact .native-exploration-panel>small{display:none}
@container(max-width:300px){
 .native-preview .native-preview-caption{font-size:8px;line-height:11px;top:10px;left:10px;right:10px;gap:6px}.native-preview .native-preview-caption>b{font-size:6px;padding:2px 5px}.native-preview .native-stage{inset:34px 10px 15px}.native-preview .native-phone{border-width:3px;border-radius:18px;padding:14px 3px 10px}.native-preview .native-post{padding:7%}.native-preview .native-lines{gap:3px}.native-preview .native-lines i{height:2px}.native-preview .native-icon-sheet>div{gap:12px;margin-top:13px}.native-preview .native-drawn-icon{border-width:2px}.native-preview .native-system-board{gap:8px}.native-preview .native-decision-grid{gap:8px}.native-preview .native-system-buttons>b{padding:5px 7px}.native-preview .native-ui-option{padding:8px 4px;margin:5px 0}.native-preview .native-ui-field{padding:8px 4px}.native-preview .native-edit-timeline>div{height:9px}.native-preview .native-edit-timeline .native-audio-track{height:7px}.native-preview .native-product-flow{gap:4px}.native-preview .native-product-flow>i{width:5px;height:5px}.native-preview .native-stage .native-sample-cta{padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.native-preview *,.native-preview *::before,.native-preview *::after{animation:none!important;transition:none!important}}