.story-design-page .story-editor{max-width:1110px;grid-template-columns:minmax(320px,1.1fr) minmax(310px,.85fr);gap:28px}.story-design-page .story-editor-preview{padding:22px;background:#eef8fa}.story-design-page .story-editor-preview .story-canvas{max-width:420px;margin-inline:auto}.story-design-page .story-editor-panel{gap:18px;padding:23px}.story-canvas-media{filter:var(--story-filter,none)}.story-drawing-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.story-sticker-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.story-placed-sticker{position:absolute;transform:translate(-50%,-50%);height:auto;aspect-ratio:1;object-fit:contain;margin:0;padding:0;border:0;border-radius:8px;background:none;color:#fff;display:block;pointer-events:none}.story-placed-sticker img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}.story-editor .story-placed-sticker{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}.story-editor .story-placed-sticker.is-dragging{cursor:grabbing}.story-editor .story-placed-sticker.is-selected{outline:2px dashed #fff;outline-offset:5px;filter:drop-shadow(0 0 2px #093842)}.story-canvas .story-overlay-text{z-index:4}.story-canvas.is-brushing .story-drawing-layer{pointer-events:auto;z-index:6;cursor:crosshair;touch-action:none}.story-canvas.is-dropping{outline:4px dashed #26e5ef;outline-offset:-8px}.story-design-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.story-design-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 4px;min-height:72px;border:1px solid #d6eaee;border-radius:13px;background:#f8fcfd;color:#64848e;cursor:pointer;font:750 11px/1.35 "Nunito Sans",sans-serif}.story-design-tools svg{width:23px;height:23px}.story-design-tools button[aria-expanded=true]{background:#e5f9fc;border-color:#6fcddd;color:#008d9e}.story-tool-panel{display:grid;gap:16px;padding:18px;background:#f7fcfd;border:1px solid #deedf1;border-radius:16px}.story-design-page .story-field textarea{min-height:95px}.story-design-page input[type=range]{width:100%;accent-color:#06acbd;min-height:24px;margin:0}.story-design-page select{width:100%;min-width:0;min-height:43px;border:1px solid #c9e3e9;border-radius:11px;padding:9px 12px;background:#fff;color:#295864;font:650 12px "Nunito Sans",sans-serif}.story-pack-label{font-size:12px;font-weight:800;color:#375f68}.story-sticker-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto;scrollbar-width:thin}.story-sticker-picker button{border:1px solid transparent;padding:3px;background:#fff;border-radius:12px;cursor:pointer;aspect-ratio:1;min-width:0}.story-sticker-picker button:hover{background:#e9faff;border-color:#92dce8}.story-sticker-picker img{display:block;width:100%;height:100%;object-fit:contain}.story-selected-sticker{border-top:1px solid #d6eaee;padding-top:12px;display:grid;gap:9px}.story-tool-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.story-tool-actions .button{padding:10px 13px;font-size:11px}.story-tool-actions button:disabled{opacity:.4;cursor:default}.story-background-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.story-background-swatches button{aspect-ratio:1;min-width:0;border:1px solid #c5dce3;border-radius:50%;background:var(--swatch);cursor:pointer}.story-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-filter-options button{display:grid;gap:7px;border:1px solid #d7e8ed;background:#fff;color:#587885;font:750 11px "Nunito Sans",sans-serif;padding:8px;border-radius:12px;cursor:pointer}.story-filter-options button[aria-pressed=true]{border-color:#28b6c7;color:#0095a8;background:#edfcfe}.story-filter-sample{height:48px;border-radius:8px;background:linear-gradient(140deg,#29d3d8 25%,#ffd973 26% 56%,#f49ec8 57%)}.story-filter-sample[data-filter=mono]{filter:grayscale(1)}.story-filter-sample[data-filter=warm]{filter:sepia(.3) saturate(1.12)}.story-filter-sample[data-filter=cool]{filter:sepia(.15) hue-rotate(165deg) saturate(.9)}.story-audience{padding-top:3px}.story-design-status{min-height:0;margin:0;font-size:12px;line-height:1.55;color:#0b8a9b}.story-design-status:empty{display:none}.story-design-page .story-publish{border-top:1px solid #e0edf0;padding-top:16px}.story-design-page .story-publish>div{justify-content:space-between}.story-tile,.stories-strip .story-tile,.stories-strip .story-create-tile{aspect-ratio:9/16}.story-tile>.story-canvas{height:100%;border-radius:inherit;aspect-ratio:auto}.story-tile .story-overlay-text{z-index:4;max-height:70%;overflow:hidden;pointer-events:none}.story-tile .story-tile-author{z-index:7;pointer-events:none}.story-tile::after{z-index:6}.story-tile .story-tile-video{z-index:1}.stories-strip .story-tile,.stories-strip .story-tile,.stories-strip .story-create-tile{aspect-ratio:9/16}.story-tile>.story-canvas{container-type:inline-size}.story-tile .story-drawing-layer{height:100%}.story-tile .story-placed-sticker{pointer-events:none}
@media(max-width:850px){.story-design-page .story-editor{grid-template-columns:minmax(270px,1fr) minmax(280px,1fr);gap:20px}.story-design-page .story-editor-panel{padding:17px}.story-tool-panel{padding:14px}.story-design-tools button{font-size:10px}.story-design-page .story-editor-preview{padding:17px}}
@media(max-width:650px){.story-design-page .story-editor{display:flex}.story-design-page .story-editor-preview .story-canvas{max-width:320px}.story-design-page .story-editor-panel{padding:20px}.story-design-tools button{font-size:11px}.story-sticker-picker{grid-template-columns:repeat(5,minmax(0,1fr));max-height:240px}.story-preview-help{max-width:100%}.story-design-page .story-publish>div{justify-content:flex-end}.story-design-tools{position:static}}

.story-design-page .story-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.story-design-page input[type=url]{width:100%;min-width:0;min-height:46px;border:1px solid #c9e3e9;border-radius:11px;padding:11px 12px;background:#fff;color:#295864;font:500 14px "Nunito Sans",sans-serif}

.story-design-page{padding-top:20px;padding-bottom:42px}.story-design-page .stories-heading{margin-bottom:18px}.story-design-page .stories-back{margin-bottom:8px}.story-design-page .stories-heading h1{font-size:30px;margin:3px 0 7px}.story-design-page .stories-heading p{font-size:12px;line-height:1.5}.story-design-page .story-editor-preview{top:100px;padding:16px}.story-design-page .story-preview-caption{margin-bottom:12px}.story-design-page .story-preview-help{margin-top:10px}.story-design-page .story-editor-panel{padding:20px;gap:15px}.story-design-page .story-tool-panel{gap:13px;padding:15px}.story-design-page .story-modes label>span{padding:9px 7px;font-size:11px}.story-design-page .story-design-tools button{min-height:66px;padding:10px 4px}.story-canvas [hidden]{display:none!important}.story-design-tools button:focus-visible,.story-filter-options button:focus-visible,.story-background-swatches button:focus-visible,.story-sticker-picker button:focus-visible{outline:3px solid #08a9bd;outline-offset:3px}
@media(min-width:651px){.story-design-page .story-editor-preview .story-canvas{max-width:clamp(220px,calc((100dvh - 220px) * .5625),420px)}}
@media(max-width:650px){.story-design-page{padding-top:15px}.story-design-page .story-editor-preview{position:static;padding:15px}.story-design-page .stories-heading h1{font-size:27px}.story-design-page .story-editor-preview .story-canvas{max-width:280px}}