.story-creative-collage.creative-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #e7e7e2;border-radius:22px;background:white;box-shadow:0 3px 0 #22221e03;font-size:12px}
.cm-tile{position:relative;aspect-ratio:1.23;min-width:0;overflow:hidden;border-radius:12px;border:1px solid #00000005;isolation:isolate;container-type:inline-size}.cm-editor{background:#e7eee4}.cm-code{background:#e9e5f0}.cm-design{background:#f8e9dc}.cm-brand{background:#e7eee4}
.cm-symbol{position:absolute;inset-inline-end:9px;bottom:9px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#fff;color:#25352c;box-shadow:0 3px 8px #22221e12;font-size:22px;z-index:3}.cm-symbol img{width:26px;height:26px}
.cm-editor-crop{position:absolute;inset-inline-start:18px;top:21px;width:680px;height:480px;transform:scale(.55);transform-origin:top left;background:#fff;border-radius:8px;border:1px solid #ddd;overflow:hidden;pointer-events:none}.cm-editor-crop .demo-stage.faithful-editor{display:grid!important;position:relative!important;inset:auto!important;width:680px!important;height:480px!important;opacity:1!important;transform:none!important;visibility:visible!important}.cm-editor-crop .faithful-editor .faithful-message h3{font-size:28px!important}
.cm-code-sheet{position:absolute;inset:22px -50px -30px 18px;background:#222a26;color:#c9dbc8;border-radius:10px;padding:15px 13px;box-shadow:0 5px 20px #22221e12}.cm-code-tab{font:10px/1.5 monospace;display:inline-block;border:1px solid #83917e;border-radius:4px;padding:3px 7px;color:#fff}.cm-code pre{font:11px/1.9 monospace;margin:16px 0;white-space:pre;color:#e1e6dd}.cm-code pre span{color:#a9c8dd}.cm-code pre em{color:#edc092;font-style:normal}
.cm-poster{position:absolute;top:22px;inset-inline-start:20px;width:66%;height:110%;border:6px solid #fff;border-radius:5px;background:#442911;overflow:hidden;box-shadow:0 6px 15px #22221e12;color:#fff;text-align:center}.cm-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.cm-poster>span,.cm-poster strong,.cm-poster small{position:relative;z-index:1}.cm-poster>span{display:block;font-size:7px;letter-spacing:.12em;margin-top:17px}.cm-poster strong{display:block;font-size:26px;line-height:1.05;letter-spacing:-.03em;margin-top:29px}.cm-poster small{display:inline-block;padding:7px 9px;border-radius:3px;background:#fff;color:#263a2e;font-size:8px;margin-top:14px}.cm-poster-secondary{width:48%;height:82%;top:74px;inset-inline-start:63%;background:#f8f1e5;color:#222a26;transform:rotate(7deg)}.cm-poster-secondary strong{font-size:20px;margin-top:12px}.cm-poster-secondary img{position:relative;margin-top:12px;height:110px;filter:none}
.cm-brand-email{position:absolute;inset-inline-start:24px;top:24px;width:71%;height:110%;padding:21px 16px;border-radius:5px;background:#fff7ef;border:1px solid #e4dfd7;box-shadow:0 8px 15px #22221e0a;text-align:center;color:#22221e}.cm-brand-email>span{font-size:7px;letter-spacing:.12em}.cm-brand-email>strong{display:block;font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:15px 0 7px}.cm-brand-email p{font-size:8px;margin:0}.cm-color-block{height:32px;background:#ef5e20;margin-top:15px;border-radius:45px 0 45px 0}.cm-brand-email>b{display:block;background:#22221e;color:white;padding:9px 0;font-size:8px;font-weight:400;margin-top:13px}.cm-brand-kit{position:absolute;top:16px;inset-inline-end:14px;border:1px solid #eee8de;background:#fff;border-radius:9px;padding:10px;box-shadow:0 5px 15px #22221e0c;transform:rotate(5deg)}.cm-brand-kit>div{display:flex;gap:5px}.cm-brand-kit i{width:16px;height:16px;border-radius:50%;background:#ef5e20}.cm-brand-kit i:nth-child(2){background:#22221e}.cm-brand-kit i:nth-child(3){background:#fff7ef;border:1px solid #e9e4dc}.cm-brand-kit>strong{display:block;font-size:30px;line-height:1.3;font-weight:500;margin-top:5px}
@media(max-width:1100px){.cm-editor-crop{transform:scale(.46)}.cm-code pre{font-size:10px}.cm-poster strong{font-size:23px}.cm-brand-email>strong{font-size:24px}}
@media(max-width:480px){.story-creative-collage.creative-mosaic{padding:8px;gap:8px;border-radius:15px}.cm-tile{aspect-ratio:.85;border-radius:8px}.cm-editor-crop{inset-inline-start:10px;top:18px;transform:scale(.38)}.cm-code-sheet{inset-inline-start:10px;top:18px;padding:12px 9px}.cm-code pre{font-size:9px;line-height:1.9}.cm-poster{inset-inline-start:10px;top:18px;width:83%}.cm-poster strong{font-size:23px}.cm-poster-secondary{inset-inline-start:74%;top:102px;width:60%}.cm-brand-email{inset-inline-start:10px;top:23px;width:87%;padding:20px 9px}.cm-brand-email>strong{font-size:24px;margin-top:28px}.cm-brand-kit{inset-inline-end:8px;top:9px;padding:6px}.cm-brand-kit i{width:12px;height:12px}.cm-brand-kit>strong{font-size:22px}.cm-symbol{width:30px;height:30px;inset-inline-end:6px;bottom:6px;font-size:18px}.cm-symbol img{width:22px;height:22px}}
.cm-editor-crop{inset-inline-start:auto;inset-inline-end:-8px}
@media(max-width:480px){.cm-editor-crop{inset-inline-start:auto;inset-inline-end:-9px}}
.cm-editor-crop{transform-origin:top right}

.cm-canva-gallery{background:#f8f6f1}.cm-gallery-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cm-canva-connect{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);width:80%;max-width:233px;filter:drop-shadow(0 4px 10px #172b2430)}.cm-canva-connect img{display:block;width:100%;height:auto}
@media(max-width:480px){.cm-canva-connect{width:92%;bottom:10px}.cm-gallery-image{object-position:45% center}}
.cm-palette-menu{background:#f3f6ef;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.cm-palette-heading strong{display:block;font-size:14px;font-weight:500;color:#283b2c;line-height:1.35}.cm-palette-heading>span{display:block;font-size:11px;color:#64715d;margin-top:3px}
.cm-palette-options{display:grid;gap:7px}.cm-palette-options button{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:7px 9px;background:#fff;border:1px solid #dfe5d8;border-radius:7px;color:#384a31;font:400 11px/1.4 Poppins,sans-serif;cursor:pointer}.cm-palette-options button[aria-pressed=true]{border-color:#647651;box-shadow:0 0 0 1px #647651;background:#fafcf7}.cm-palette-name{margin-inline-end:auto}.cm-palette-swatches{display:flex;gap:3px}.cm-palette-swatches i{display:block;width:15px;height:18px;border-radius:3px;background:var(--swatch);border:1px solid #0000000a}.cm-palette-check{width:12px;flex:none;font-size:14px;visibility:hidden}.cm-palette-options button[aria-pressed=true] .cm-palette-check{visibility:visible}.cm-palette-options button:focus-visible{outline:2px solid #ef5e20;outline-offset:3px}.story-visual-panel[data-story-panel="2"].is-active{pointer-events:auto}
@media(max-width:1100px){.cm-palette-menu{padding:11px;gap:9px}.cm-palette-options button{gap:5px;padding:6px}.cm-palette-swatches i{width:12px}.cm-palette-heading strong{font-size:13px}}
@media(max-width:480px){.cm-palette-menu{padding:9px;gap:10px}.cm-palette-heading strong{font-size:12px}.cm-palette-heading>span{font-size:10px;line-height:1.4}.cm-palette-options{gap:6px}.cm-palette-options button{flex-wrap:wrap;position:relative;padding:5px 7px;gap:3px;font-size:10px}.cm-palette-name{width:100%;line-height:1.2}.cm-palette-check{position:absolute;inset-inline-end:6px;top:5px;font-size:12px}.cm-palette-swatches i{width:17px;height:12px}}
.cm-palette-menu{min-height:215px}
@media(max-width:480px){.cm-palette-menu{min-height:225px}}
.cm-palette-menu{aspect-ratio:auto;width:100%;box-sizing:border-box}
.cm-palette-name{text-align:start}

.cm-palette-options button{justify-content:space-between;padding:8px 10px;gap:12px}.cm-palette-options .cm-palette-swatches{flex:1;gap:5px}.cm-palette-options .cm-palette-swatches i{flex:1;width:auto;height:20px}.cm-palette-options .cm-palette-check{position:static;width:14px}.cm-palette-menu{gap:15px}
@media(max-width:480px){.cm-palette-options button{flex-wrap:nowrap;padding:8px;gap:7px}.cm-palette-options .cm-palette-swatches{gap:4px}.cm-palette-options .cm-palette-swatches i{height:18px}}

.cm-drag-drop{background:#e9eee5}.cm-drag-drop>img{display:block;width:100%;height:100%;object-fit:contain}