.collage-maker-page{--bg:#f5f4f2;--surf:#fff;--surf2:#f0eef9;--border:#00000014;--text:#1a1825;--muted:#8880a8;--accent:#6c5ce7;--accent2:#5549d4;--green:#00b894;--shadow:#6c5ce71a;background:var(--bg);height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Inter,-apple-system,sans-serif;font-size:13px;display:flex;overflow:hidden}.collage-maker-page *,.collage-maker-page :before,.collage-maker-page :after{box-sizing:border-box}.collage-maker-back-banner{height:44px;padding:0 16px;padding-top:env(safe-area-inset-top,0);min-height:calc(44px + env(safe-area-inset-top,0));z-index:10;background:#f6f1e8;border-bottom:1px solid #2b2b2b1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.collage-maker-back-link{color:#2b2b2b;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.collage-maker-back-link:hover{color:#86b49b}.collage-maker-back-link-short{display:none}@media (max-width:380px){.collage-maker-back-banner{padding-left:12px;padding-right:12px}.collage-maker-back-link{gap:4px;font-size:12px}.collage-maker-back-link-long{display:none}.collage-maker-back-link-short{display:inline}}.collage-maker-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.collage-maker-page .btn{border:1.5px solid var(--border);background:var(--surf);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1;transition:all .13s;display:inline-flex;box-shadow:0 1px 3px #0000000f}.collage-maker-page .btn:hover:not(:disabled){background:var(--surf2);color:var(--accent);border-color:var(--accent)}.collage-maker-page .btn:active:not(:disabled){transform:scale(.97)}.collage-maker-page .btn:disabled{opacity:.32;cursor:default}.collage-maker-page .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--shadow);font-weight:700}.collage-maker-page .btn.primary:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.collage-maker-page .btn.success{color:var(--green);background:#00b8941a;border-color:#00b89459}.collage-maker-page .btn.success:hover:not(:disabled){background:#00b8942e}.collage-maker-page .btn.icon-only{padding:6px 8px}.collage-maker-page .btn.sm{padding:4px 9px;font-size:11px}.collage-maker-page .fmt-pill{border:1.5px solid var(--border);background:var(--surf);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:all .13s;box-shadow:0 1px 3px #0000000d}.collage-maker-page .fmt-pill:hover{background:var(--surf2);color:var(--accent);border-color:var(--accent)}.collage-maker-page .fmt-pill.on{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--shadow)}.collage-maker-page .ctrl{align-items:center;gap:6px;display:flex}.collage-maker-page .ctrl label{color:var(--muted);white-space:nowrap;min-width:52px;font-size:10px;font-weight:600}.collage-maker-page .ctrl input[type=range]{min-width:60px;accent-color:var(--accent);cursor:pointer;flex:1}.collage-maker-page .text-in{background:var(--surf2);border:1.5px solid var(--border);color:var(--text);letter-spacing:.3px;border-radius:7px;outline:none;width:100%;padding:5px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:border-color .13s}.collage-maker-page .text-in:focus{border-color:var(--accent);background:#fff}.collage-maker-page .text-in::placeholder{color:var(--muted);font-weight:400}.collage-maker-page .font-sel{background:var(--surf2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;outline:none;width:100%;padding:5px 7px;font-family:Inter,sans-serif;font-size:11px}.collage-maker-page .font-sel:focus{border-color:var(--accent)}.collage-maker-page .toggle-pill{border:1.5px solid var(--border);background:var(--surf);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .13s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.collage-maker-page .toggle-pill:hover{border-color:var(--accent);color:var(--accent)}.collage-maker-page .toggle-pill.on{background:var(--surf2);border-color:var(--accent);color:var(--accent)}.collage-maker-page .section-label{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.collage-maker-page #fileInput{display:none}.collage-maker-page .stage{background:#eceaf5;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.collage-maker-page .stage:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#6c5ce721 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.collage-maker-page .canvas-wrap{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 20px 60px #6c5ce733,0 0 0 1.5px #6c5ce726}.collage-maker-page #c{display:block}.collage-maker-page .empty{text-align:center;pointer-events:none;z-index:2;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collage-maker-page .empty-icon{background:#fff;border:1.5px solid #6c5ce72e;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex;box-shadow:0 6px 24px #6c5ce71f}.collage-maker-page .empty h3{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.collage-maker-page .empty p{color:var(--muted);font-size:12px;line-height:1.7}.collage-maker-page .stage.drag-over:after{content:"Bilder hier loslassen";border:2px dashed var(--accent);color:var(--accent);pointer-events:none;z-index:10;background:#6c5ce70f;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:12px}.collage-maker-page .mobile-bar{background:var(--surf);border-top:1.5px solid var(--border);flex-direction:column;flex-shrink:0;display:none;box-shadow:0 -4px 20px #00000012}.collage-maker-page .mob-tabs{border-bottom:1.5px solid var(--border);scrollbar-width:none;align-items:center;gap:2px;height:52px;padding:0 8px;display:flex;overflow-x:auto}.collage-maker-page .mob-tabs::-webkit-scrollbar{display:none}.collage-maker-page .mob-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:6px 11px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:all .13s;display:flex}.collage-maker-page .mob-tab svg{opacity:.45;transition:opacity .13s}.collage-maker-page .mob-tab.active{color:var(--accent);background:#6c5ce714}.collage-maker-page .mob-tab.active svg{opacity:1}.collage-maker-page .mob-tabs-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.collage-maker-page .mob-panel{flex-direction:column;gap:10px;max-height:180px;padding:12px 14px;display:none;overflow-y:auto}.collage-maker-page .mob-panel.active{display:flex}.collage-maker-page .panel-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-maker-page .panel-row .ctrl{flex:1;min-width:140px}.collage-maker-page .panel-row .ctrl input[type=range]{flex:1}.collage-maker-page .pill-row{flex-wrap:wrap;gap:5px;display:flex}.collage-maker-page .topbar{background:var(--surf);border-bottom:1.5px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:0;padding:4px 10px;display:none;box-shadow:0 2px 10px #0000000f}.collage-maker-page .tg{border-right:1px solid var(--border);border-bottom:1px solid #0000;flex-shrink:0;align-items:center;gap:5px;height:40px;padding:5px 10px;display:flex}.collage-maker-page .tg:last-child{border-right:none}.collage-maker-page .tg-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;margin-right:2px;font-size:9px;font-weight:700}.collage-maker-page #imgCount{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.collage-maker-page .topbar .ctrl{align-items:center;gap:5px;display:flex}.collage-maker-page .topbar .ctrl label{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.collage-maker-page .topbar .ctrl input[type=range]{width:82px;accent-color:var(--accent);cursor:pointer}.collage-maker-page .topbar .text-in{width:110px}.collage-maker-page .topbar .font-sel{min-width:88px}@media (min-width:900px){.collage-maker-page .topbar{display:flex}.collage-maker-page .mobile-bar{display:none!important}}@media (max-width:899px){.collage-maker-page .mobile-bar{display:flex}}@media (max-width:380px){.collage-maker-page .mob-tab{padding:5px 7px;font-size:9px}.collage-maker-page .mob-tab svg{width:14px;height:14px}.collage-maker-page .mob-panel{padding:10px}.collage-maker-page .fmt-pill{padding:4px 7px;font-size:10px}}@media (max-height:600px){.collage-maker-page .mob-panel{max-height:110px;padding:8px 12px}.collage-maker-page .mob-tabs{height:42px}}body.no-follower-pointer{cursor:auto!important}body.no-follower-pointer .pointer-events-none{display:none!important}
@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/8dc65ad0d7cd01db-s.3t39y6vmltodk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/12cb638dc4d39394-s.429rz2bud6l-r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/beec7104b13d6aa4-s.21hr174t974bu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/306e7ee420e3dc92-s.263is1yngz7w5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/94559602f76dfad5-s.p.3dovwaoxfx6om.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_717add2d-module__e7JGTG__className{font-family:Nunito,Nunito Fallback;font-style:normal;font-weight:900}
@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9689f6b40c1e041a-s.3fw7gds-8tukq.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f2b50120d3e36f21-s.1ltr0jhfkcxfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ff26b4a27d116c2e-s.3yiizsih5bgv_.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e714b3befe2d9b11-s.3j3rlbtm-k1ww.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/015ed4e8061dc270-s.39r4p34vpa9z9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(../media/226835072b48feaa-s.p.3uav9qmdm0hhz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comfortaa Fallback;src:local(Arial);ascent-override:74.95%;descent-override:19.91%;line-gap-override:0.0%;size-adjust:117.54%}.comfortaa_a57245e9-module__WvN58W__className{font-family:Comfortaa,Comfortaa Fallback;font-style:normal;font-weight:700}
@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/067795c9f78c6bf4-s.0iu6vpsmbbnrt.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f9aedf9ed40823e0-s.0vpezivng2i7z.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/4aba713303114048-s.p.3_912nkn_qqk4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_cb95c0e8-module__e-u5xW__className{font-family:Fredoka,Fredoka Fallback;font-style:normal;font-weight:600}
@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(../media/da4caa5346f1c7fb-s.3ucz1d_kmgbtv.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8637c86382b2cab5-s.40j1jjzs0bvwz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(../media/75a8566361c6e74e-s.3g1gre078i41u.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc3a3dc9f8ed46f-s.27a0aiz-jsr35.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a624dffa201843ff-s.p.2xocl9mu6olar.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pacifico Fallback;src:local(Arial);ascent-override:137.32%;descent-override:47.74%;line-gap-override:0.0%;size-adjust:94.89%}.pacifico_bfb4b2c1-module__w88BXq__className{font-family:Pacifico,Pacifico Fallback;font-style:normal;font-weight:400}
@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/675db9a2e7b2a4fb-s.0ja6jdfc55-ju.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/271dc15a699c0744-s.p.209fhd320a_px.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_af4bc0b5-module__7wPAha__className{font-family:Outfit,Outfit Fallback;font-style:normal;font-weight:900}