.collage-maker-page{--bg:#f5f4f2;--surf:#ffffff;--surf2:#f0eef9;--border:rgba(0,0,0,0.08);--text:#1a1825;--muted:#8880a8;--accent:#6c5ce7;--accent2:#5549d4;--green:#00b894;--shadow:rgba(108,92,231,0.1);height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:13px;-webkit-tap-highlight-color:transparent}.collage-maker-page *,.collage-maker-page :after,.collage-maker-page :before{box-sizing:border-box}.collage-maker-back-banner{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:44px;padding:env(safe-area-inset-top,0) 16px 0;min-height:calc(44px + env(safe-area-inset-top, 0));background:#f6f1e8;border-bottom:1px solid rgba(43,43,43,.1);z-index:10}.collage-maker-back-link{display:inline-flex;align-items:center;gap:6px;color:#2b2b2b;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.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{font-size:12px;gap:4px}.collage-maker-back-link-long{display:none}.collage-maker-back-link-short{display:inline}}.collage-maker-workspace{flex:1 1;min-height:0;display:flex;flex-direction:column}.collage-maker-page .btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:8px;border:1.5px solid var(--border);background:var(--surf);color:var(--muted);font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.06)}.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:white;font-weight:700;box-shadow:0 2px 8px var(--shadow)}.collage-maker-page .btn.primary:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.collage-maker-page .btn.success{background:rgba(0,184,148,.1);border-color:rgba(0,184,148,.35);color:var(--green)}.collage-maker-page .btn.success:hover:not(:disabled){background:rgba(0,184,148,.18)}.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{padding:5px 10px;border-radius:7px;border:1.5px solid var(--border);background:var(--surf);color:var(--muted);font-family:Inter,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .13s;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.05)}.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:white;box-shadow:0 2px 8px var(--shadow)}.collage-maker-page .ctrl{display:flex;align-items:center;gap:6px}.collage-maker-page .ctrl label{font-size:10px;color:var(--muted);white-space:nowrap;font-weight:600;min-width:52px}.collage-maker-page .ctrl input[type=range]{flex:1 1;min-width:60px;accent-color:var(--accent);cursor:pointer}.collage-maker-page .text-in{background:var(--surf2);border:1.5px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-weight:600;padding:5px 10px;outline:none;transition:border-color .13s;letter-spacing:.3px;font-family:Inter,sans-serif;width:100%}.collage-maker-page .text-in:focus{border-color:var(--accent);background:white}.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);border-radius:7px;color:var(--text);font-size:11px;padding:5px 7px;outline:none;cursor:pointer;font-family:Inter,sans-serif;width:100%}.collage-maker-page .font-sel:focus{border-color:var(--accent)}.collage-maker-page .toggle-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1.5px solid var(--border);background:var(--surf);color:var(--muted);font-family:Inter,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.05)}.collage-maker-page .toggle-pill.on,.collage-maker-page .toggle-pill:hover{border-color:var(--accent);color:var(--accent)}.collage-maker-page .toggle-pill.on{background:var(--surf2)}.collage-maker-page .section-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px}.collage-maker-page #fileInput{display:none}.collage-maker-page .stage{flex:1 1;display:flex;align-items:center;justify-content:center;background:#eceaf5;overflow:hidden;position:relative;min-height:0}.collage-maker-page .stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(108,92,231,.13) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.collage-maker-page .canvas-wrap{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 20px 60px rgba(108,92,231,.2),0 0 0 1.5px rgba(108,92,231,.15)}.collage-maker-page #c{display:block}.collage-maker-page .empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .3s;z-index:2}.collage-maker-page .empty-icon{width:64px;height:64px;margin:0 auto 16px;background:white;border:1.5px solid rgba(108,92,231,.18);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 24px rgba(108,92,231,.12)}.collage-maker-page .empty h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.collage-maker-page .empty p{font-size:12px;color:var(--muted);line-height:1.7}.collage-maker-page .stage.drag-over:after{content:"Bilder hier loslassen";position:absolute;inset:12px;border:2px dashed var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--accent);background:rgba(108,92,231,.06);pointer-events:none;z-index:10}.collage-maker-page .mobile-bar{display:none;flex-direction:column;background:var(--surf);border-top:1.5px solid var(--border);flex-shrink:0;box-shadow:0 -4px 20px rgba(0,0,0,.07)}.collage-maker-page .mob-tabs{display:flex;align-items:center;height:52px;padding:0 8px;gap:2px;border-bottom:1.5px solid var(--border);overflow-x:auto;scrollbar-width:none}.collage-maker-page .mob-tabs::-webkit-scrollbar{display:none}.collage-maker-page .mob-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 11px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-family:Inter,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:all .13s;white-space:nowrap;flex-shrink:0}.collage-maker-page .mob-tab svg{opacity:.45;transition:opacity .13s}.collage-maker-page .mob-tab.active{color:var(--accent);background:rgba(108,92,231,.08)}.collage-maker-page .mob-tab.active svg{opacity:1}.collage-maker-page .mob-tabs-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.collage-maker-page .mob-panel{display:none;padding:12px 14px;gap:10px;flex-direction:column;max-height:180px;overflow-y:auto}.collage-maker-page .mob-panel.active{display:flex}.collage-maker-page .panel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collage-maker-page .panel-row .ctrl{flex:1 1;min-width:140px}.collage-maker-page .panel-row .ctrl input[type=range]{flex:1 1}.collage-maker-page .pill-row{display:flex;gap:5px;flex-wrap:wrap}.collage-maker-page .topbar{display:none;flex-wrap:wrap;align-items:center;gap:0;padding:4px 10px;background:var(--surf);border-bottom:1.5px solid var(--border);flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.06)}.collage-maker-page .tg{display:flex;align-items:center;gap:5px;padding:5px 10px;border-right:1px solid var(--border);flex-shrink:0;height:40px;border-bottom:1px solid transparent}.collage-maker-page .tg:last-child{border-right:none}.collage-maker-page .tg-label{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-right:2px;white-space:nowrap}.collage-maker-page #imgCount{font-size:11px;color:var(--muted);white-space:nowrap;font-weight:600}.collage-maker-page .topbar .ctrl{display:flex;align-items:center;gap:5px}.collage-maker-page .topbar .ctrl label{font-size:10px;color:var(--muted);font-weight:600;white-space:nowrap}.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}