@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#34313a;background:#fffaf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app{min-height:100vh}.topbar{height:76px;border-bottom:1px solid #f3e9e9;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(34px,calc((100vw - 1210px)/2))}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800;letter-spacing:-1.2px;color:#3e3340}.brand-icon{background:#f9d3df;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:#d94d82;font-size:26px}.brand-serif{font-family:Playfair Display,serif;font-weight:600;font-style:italic}.brand-dot{color:#f077a1}.header-right{display:flex;align-items:center;gap:26px;font-size:12px;color:#92868e}.top-note,.privacy{display:flex;align-items:center;gap:6px}.top-note svg{color:#e886aa}.privacy{background:#f8f7f6;border-radius:20px;padding:9px 13px;color:#8c838b}main{max-width:1190px;margin:auto;padding:0 24px}.hero{text-align:center;padding:46px 10px 36px}.eyebrow{color:#df7fa4;letter-spacing:2.4px;font-size:10px;font-weight:800}.eyebrow-star{font-size:14px;margin:0 9px}.hero h1{font-family:Playfair Display,serif;font-size:clamp(38px,5vw,58px);line-height:1.18;margin:13px 0 10px;font-weight:600;letter-spacing:-1.5px}.hero h1 em{color:#ec82a7;font-weight:500}.hero p{font-size:14px;line-height:1.65;color:#9a8e96;margin:0}.hero p span{color:#e37ba3}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start}.panel{border:1px solid #f0e5e8;background:#fff;border-radius:19px;box-shadow:0 12px 36px #73525c0b;overflow:hidden}.controls{padding:27px 29px 24px}.panel-top,.preview-heading{display:flex;align-items:center;gap:13px}.step-number{flex:none;background:#ffeaf0;color:#d96b92;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800}.panel h2{font-size:17px;letter-spacing:-.45px;margin:0;font-weight:800}.panel-top p{margin:5px 0 0;color:#a399a0;font-size:12px}.control-block{margin-top:27px}.block-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.block-heading>span:first-child,.field-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#70626c}.muted-small{color:#a99fa6;font-size:11px}.layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.layout-option{height:90px;background:#fff;border:1.5px solid #f0e8ea;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#948a91;font-size:11px}.layout-option.active{background:#fff5f8;border-color:#ed93b3;color:#d86a92;box-shadow:0 0 0 2px #fce9f0}.layout-symbol{display:flex;flex-direction:column;gap:2px;background:#f6e9ed;border-radius:2px;padding:4px;width:23px;height:38px;justify-content:center}.layout-symbol i{display:block;background:#d7b7c3;border-radius:1px;flex:1}.layout-option.active .layout-symbol{background:#f5d4e0}.layout-option.active .layout-symbol i{background:#e994b2}.slots{display:flex;gap:10px}.slot{height:63px;width:63px;min-width:0;flex:1;max-width:74px;border:1.5px dashed #e6d6dd;background:#fdf8fa;border-radius:10px;position:relative;display:grid;place-items:center;color:#c3aeb9;overflow:hidden}.slot.active{border:2px solid #e88cad;background:#fff2f7}.slot img{width:100%;height:100%;object-fit:cover}.slot b{position:absolute;bottom:2px;right:5px;font-size:10px;color:#b994a5;background:#fffdfcdb;padding:1px 3px;border-radius:3px}.photo-actions{display:flex;gap:10px;margin-top:13px}.btn{border:0;border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;transition:transform .15s,background .15s}.btn:active{transform:scale(.98)}.btn-dark{background:#38313d;color:#fff}.btn-dark:hover{background:#514354}.btn-outline{border:1px solid #eadde2;background:#fff;color:#685e66}.btn-outline:hover{background:#fff6f8}.photo-actions .btn{flex:1}.helper{font-size:11px;color:#a99ca4;line-height:1.5;margin:10px 0 0}.helper.first{margin:0 0 12px}.decorate-block{border-top:1px solid #f4edef;padding-top:22px}.tabs{display:flex;border-bottom:1px solid #f1e8eb;justify-content:space-between;gap:2px}.tab{border:0;background:transparent;color:#a69aa1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 6px 12px;font-size:10px;font-weight:700;border-bottom:2px solid transparent;min-width:50px}.tab.active{color:#d96b92;border-color:#e67fa4}.tab-content{min-height:160px;padding-top:18px}.themes{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:11px 0 21px}.theme{border:0;background:none;min-width:0;padding:0;color:#a69ba2}.theme>span{width:100%;aspect-ratio:1;max-width:53px;border-radius:10px;display:grid;place-items:center;border:2px solid transparent;margin:0 auto 7px}.theme.active>span{outline:2px solid #e98daf;outline-offset:3px}.theme small{font-size:9px}.input{display:block;width:100%;border:1px solid #ebdfe4;border-radius:9px;padding:11px 12px;margin-top:9px;color:#53454e;background:#fff;outline:none}.input:focus{border-color:#e58bad;box-shadow:0 0 0 3px #fce8ef}.stickers{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.stickers button{font-size:24px;background:#fff7fa;border:1px solid #f3e6ec;border-radius:9px;height:43px}.stickers button:hover{background:#fce2ec}.text-row,.draw-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.text-row label,.draw-settings label{font-size:12px;display:flex;align-items:center;gap:8px;color:#81747d}.text-row input[type=color],.draw-settings input[type=color]{width:37px;height:32px;border:0;background:none;cursor:pointer}.draw-settings input[type=range]{max-width:115px;accent-color:#e879a1}.btn.small{padding:9px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.filter-option{border:1px solid #f0e5e9;border-radius:10px;background:#fff;padding:9px;display:flex;align-items:center;gap:10px;text-transform:capitalize;color:#81757d}.filter-option.active{border-color:#e68bad;background:#fff4f7}.filter-sample{font-size:24px}.selected-editor{border:1px solid #f4dce5;border-radius:10px;padding:12px;margin-top:10px;background:#fff8fa}.selected-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;text-transform:capitalize}.selected-title button,.edit-row button{border:0;background:#fff;border-radius:7px;padding:5px;color:#9b7285}.edit-row{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:11px;color:#9b7285}.preview-panel{padding:0}.preview-heading{justify-content:space-between;padding:26px 28px 20px}.preview-heading>div{display:flex;align-items:center;gap:12px}.preview-badge{font-size:9px;letter-spacing:1px;color:#a89ca4;font-weight:800;display:flex;align-items:center;gap:7px}.preview-badge span{background:#89c9a5;width:7px;height:7px;border-radius:50%}.preview-stage{background:radial-gradient(ellipse at center,#fff8f9,#fdf0f3);min-height:540px;display:flex;justify-content:center;align-items:center;padding:32px 40px;position:relative;overflow:hidden}.doodle{position:absolute;color:#e8b6c7;font-family:Georgia,serif;pointer-events:none}.doodle-a{left:14%;top:17%;font-size:35px}.doodle-b{right:12%;top:24%;font-size:38px;transform:rotate(18deg)}.doodle-c{left:14%;bottom:19%;font-size:30px}.strip-shell{filter:drop-shadow(0 12px 14px #ad879a55);z-index:1}.strip{width:100%;position:relative;overflow:hidden;container-type:inline-size;-webkit-user-select:none;user-select:none}.strip-title{position:absolute;top:4.2%;width:100%;text-align:center;font-family:Playfair Display,serif;font-size:6.1cqw;font-weight:600;font-style:italic;letter-spacing:-.3px}.photo-frame{position:absolute;background:#ffffffa3;overflow:hidden;cursor:pointer}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-frame.current-frame{outline:2px solid #ffffffc9;outline-offset:-2px}.empty-photo{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#ad9ba1}.empty-photo span{font-size:35px;opacity:.5}.empty-photo small{font-size:10px;letter-spacing:.5px}.strip-footer{position:absolute;bottom:3.2%;width:100%;display:flex;flex-direction:column;align-items:center;gap:7px}.strip-footer span{font:italic 5cqw Playfair Display,serif}.strip-footer small{font-size:3.3cqw;letter-spacing:1.6px}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.draw-canvas.draw-enabled{pointer-events:auto;touch-action:none;cursor:crosshair}.decoration{position:absolute;z-index:4;white-space:nowrap;touch-action:none;cursor:grab;line-height:1.2;font-weight:700;text-shadow:0 1px 2px #0000001a;max-width:95%;overflow:hidden}.decoration.selected{outline:1px dashed #ff5c91;outline-offset:5px}.export-area{padding:22px 28px 24px}.export-info{display:flex;justify-content:center;gap:8px;align-items:center;color:#a99aa3;font-size:11px;margin-bottom:13px}.export-info svg{color:#e990b0}.btn-download{background:#e982a7;color:#fff;width:100%;padding:15px;border-radius:11px;font-size:13px}.btn-download:hover{background:#db7199}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#aaa0a6;font-size:10px;margin:14px 0 0}.notice{color:#d06b91;font-size:11px;text-align:center}.how-it-works{display:flex;align-items:center;justify-content:center;gap:15px;padding:33px 0 35px;font-size:11px;color:#b7a5af;letter-spacing:.2px}.how-it-works span{color:#e899b4;font-size:17px}footer{border-top:1px solid #f1e7eb;padding:20px max(24px,calc((100vw - 1190px)/2));display:flex;align-items:center;justify-content:space-between;color:#afa3aa;font-size:11px}.footer-brand{font-family:Playfair Display,serif;font-size:15px;font-style:italic;color:#d884a2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1824b8;z-index:10;display:grid;place-items:center;padding:16px}.camera-modal{width:min(540px,100%);background:#fff;border-radius:20px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.modal-head h2{font-family:Playfair Display,serif;margin:0;font-size:26px}.modal-head p{color:#9c8f99;font-size:12px}.icon-button{border:0;background:#f8eff2;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.video-wrap{aspect-ratio:4/3;background:#29232d;border-radius:13px;overflow:hidden;position:relative}.video-wrap video{width:100%;height:100%;object-fit:cover}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0004;color:#fff;font-size:100px;font-weight:800;text-shadow:0 4px 18px #0008}.camera-buttons{display:flex;justify-content:center;gap:12px;margin-top:18px}.camera-error{text-align:center;padding:50px 18px;color:#9a6b7e}.camera-error svg{margin:auto}.camera-error p{font-size:13px}@media(max-width:900px){.workspace{grid-template-columns:1fr;max-width:640px;margin:auto}.preview-stage{min-height:490px}.header-right .top-note{display:none}}@media(max-width:540px){.topbar{height:64px;padding:0 17px}.brand{font-size:21px}.brand-icon{width:33px;height:33px}.privacy{font-size:10px;padding:7px 9px}main{padding:0 13px}.hero{padding:32px 0 28px}.hero h1{font-size:39px}.hero p{font-size:12px}.workspace{gap:16px}.controls{padding:22px 18px}.panel h2{font-size:16px}.layout-option{height:78px}.photo-actions{flex-wrap:wrap}.photo-actions .btn{min-width:125px}.preview-heading{padding:20px 17px}.preview-badge{font-size:8px}.preview-stage{min-height:430px;padding:25px 46px}.export-area{padding:20px 17px}.how-it-works{gap:7px;font-size:9px;flex-wrap:wrap}footer{padding:18px;gap:8px;flex-wrap:wrap}.stickers{grid-template-columns:repeat(6,1fr)}.themes{gap:5px}.theme small{font-size:8px}}@media(max-width:380px){.preview-stage{padding:20px 33px}.tab{min-width:0;font-size:9px}.tab svg{width:14px}.layout-grid{gap:5px}.layout-option{font-size:10px}.privacy{display:none}}.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:9px}.stickers button{min-height:49px;font-size:27px;display:grid;place-items:center;transition:transform .15s ease,background .15s ease}.stickers button:hover{transform:translateY(-2px) rotate(-4deg)}.brush-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.brush-mode{border:1px solid #efd8e3;background:#fffafd;color:#835b72;border-radius:12px;padding:10px 5px;font-size:12px;cursor:pointer}.brush-mode.active{background:#fce5ef;border-color:#ec96b6;color:#9d3f68;font-weight:700}.edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.edit-row button{min-width:35px;min-height:35px;display:grid;place-items:center}.draw-canvas.draw-enabled{touch-action:none;cursor:crosshair}.decoration{touch-action:none;-webkit-user-select:none;user-select:none}@media(max-width:520px){.stickers{grid-template-columns:repeat(5,minmax(0,1fr))}.brush-modes{gap:5px}.brush-mode{font-size:11px}}.mobile-tool-rail,.mobile-drawer-close{display:none}.sticker-popover{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;gap:3px;padding:5px;background:#fffdfef7;border:1px solid #f1cad9;border-radius:13px;box-shadow:0 5px 22px #4d203b40;max-width:96%;width:max-content;touch-action:manipulation;white-space:nowrap}.sticker-popover button{display:grid;place-items:center;flex:0 0 29px;width:29px;height:30px;border:0;border-radius:8px;background:#fff1f6;color:#a34d74;touch-action:manipulation}.sticker-popover button:active{background:#f8d6e5}.popover-divider{width:1px;height:21px;background:#f0dce5;margin:0 1px}@media(max-width:760px){main{padding:0 10px 0 61px}.hero{padding:23px 5px 18px}.hero h1{font-size:clamp(29px,8vw,42px)}.workspace{display:flex;flex-direction:column;gap:12px}.preview-panel{order:0;width:100%}.controls{order:1;width:100%;padding:16px}.preview-stage{min-height:0;padding:17px 8px 20px;overflow:visible}.strip-shell{width:min(100%,330px)!important}.preview-heading{padding:16px 12px}.preview-heading h2{font-size:13px}.preview-badge{display:none}.mobile-tool-rail{position:fixed;z-index:50;display:flex;flex-direction:column;gap:7px;left:6px;top:50%;transform:translateY(-50%);width:49px;background:#fff9fcf5;padding:7px 4px;border:1px solid #f0d9e4;border-radius:15px;box-shadow:0 6px 22px #784b631c}.mobile-tool-rail button{border:0;border-radius:10px;background:transparent;color:#a47c90;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;min-height:49px;padding:5px 1px;font-size:8px;font-weight:700}.mobile-tool-rail button.active{background:#f9dce8;color:#b5487a}.decorate-block{display:none;position:fixed;z-index:49;top:50%;left:61px;transform:translateY(-50%);width:min(310px,calc(100vw - 72px));max-height:min(78dvh,680px);overflow:auto;background:#fffafd;border:1px solid #f0d5e0;border-radius:17px;padding:17px 13px;box-shadow:0 12px 40px #4e2e4945;margin:0}.decorate-block.drawer-open{display:block}.decorate-block .tabs{display:none}.decorate-block .tab-content{min-height:0;padding-top:12px}.mobile-drawer-close{display:grid;place-items:center;position:absolute;top:9px;right:9px;width:30px;height:30px;border:0;border-radius:9px;background:#f9e4ed;color:#a24c75}.decorate-block .block-heading{padding-right:32px}.decorate-block .stickers{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.decorate-block .stickers button{min-height:43px;height:43px;font-size:23px}.decorate-block .themes{grid-template-columns:repeat(3,minmax(0,1fr))}.decorate-block .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-popover{gap:2px;padding:3px;border-radius:11px}.sticker-popover button{flex-basis:27px;width:27px;height:28px}.sticker-popover svg{width:14px;height:14px}.decoration.selected{outline-offset:3px}.how-it-works{padding:20px 0}}@media(max-width:380px){main{padding-left:58px;padding-right:5px}.mobile-tool-rail{left:4px;width:47px}.decorate-block{left:57px;width:calc(100vw - 65px)}.preview-stage{padding:12px 4px}}.sticker-categories{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 13px;scrollbar-width:thin}.sticker-categories button{white-space:nowrap;flex-shrink:0;border:1px solid #f0dce5;background:#fff;border-radius:999px;padding:9px 12px;font-size:11px;color:#936c80}.sticker-categories button.active{background:#f9dce8;color:#b5487a;border-color:#eaa2bd;font-weight:800}.stickers button{display:flex;justify-content:center;align-items:center}.stickers button img{max-width:90%;max-height:90%;object-fit:contain}.personal-upload{width:100%;margin-bottom:12px}@media(max-width:760px){.mobile-tool-rail{left:auto!important;right:6px!important}.decorate-block{left:auto!important;right:60px!important;max-width:calc(100vw - 75px)!important}main{padding-left:12px!important;padding-right:62px!important}.preview-stage{padding-left:8px!important;padding-right:8px!important}}@media(max-width:380px){.mobile-tool-rail{right:4px!important}.decorate-block{right:57px!important;max-width:calc(100vw - 65px)!important}main{padding-left:6px!important;padding-right:57px!important}}