.rahmen-maler{--rm-b:min(calc(100vw - 48px),calc((100dvh - 372px) * 0.8),380px);width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;padding-bottom:env(safe-area-inset-bottom)}.rm-kopf{width:calc(var(--rm-b) + 20px);text-align:center}.rm-kopf .titel{margin:0;font-size:30px;line-height:1.05;color:var(--indigo)}.rm-unter{margin:3px 0 0;font-size:15px;line-height:1.25;color:var(--indigo);font-weight:650}.rm-karte{position:relative;width:var(--rm-b);height:calc(var(--rm-b) * 1.25);flex:none;border-radius:6px;background:radial-gradient(rgba(43,30,92,.05) .6px,transparent 1px) 0 0 /5px 5px,linear-gradient(170deg,#fff,#f7f4ec);box-shadow:0 0 0 3px var(--indigo),0 9px 0 rgba(43,30,92,.42),0 18px 34px rgba(43,30,92,.28);transform:rotate(-1.2deg)}.rm-leinwand{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:6px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:crosshair}.rm-leinwand.radierer{cursor:cell}.rm-leinwand.sticker{cursor:copy}.rm-fenster{position:absolute;overflow:hidden;pointer-events:none;border-radius:2px;background:#1c1440;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 0 1.5px rgba(43,30,92,.35)}.rm-fenster .standardgesicht,.rm-fenster .standardgesicht img,.rm-fenster img{width:100%;height:100%;object-fit:cover;display:block}.rm-band{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,rgba(43,30,92,.025) 0 2px,transparent 2px 5px),linear-gradient(#fffbf0,#fbf6e8);-webkit-clip-path:polygon(0 0,100% 0,98.6% 12%,100% 24%,98.6% 36%,100% 48%,98.6% 60%,100% 72%,98.6% 84%,100% 100%,0 100%,1.4% 88%,0 76%,1.4% 64%,0 52%,1.4% 40%,0 28%,1.4% 16%);clip-path:polygon(0 0,100% 0,98.6% 12%,100% 24%,98.6% 36%,100% 48%,98.6% 60%,100% 72%,98.6% 84%,100% 100%,0 100%,1.4% 88%,0 76%,1.4% 64%,0 52%,1.4% 40%,0 28%,1.4% 16%);filter:drop-shadow(0 2px 1.5px rgba(43,30,92,.22))}.rm-band span{font:400 calc(var(--rm-b) * .085) Marker,cursive;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%;transform:rotate(-1deg);filter:saturate(1.1) brightness(.85)}.rm-hinweis{left:0;right:0;top:75.4%;text-align:center;font:650 13px Fredoka,sans-serif;color:rgba(43,30,92,.6);letter-spacing:.02em}.rm-gemerkt,.rm-hinweis{position:absolute;pointer-events:none}.rm-gemerkt{left:50%;top:calc(var(--rm-b) * -.02);transform:translate(-50%,-50%);background:var(--indigo);color:#fff;font-size:13px;font-weight:650;padding:3px 10px;border-radius:99px;white-space:nowrap}.rm-werkzeug{width:calc(var(--rm-b) + 20px);max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:8px;margin-top:8px}.rm-reiter{display:flex;align-items:center;gap:5px}.rm-reiter-luft{flex:1 1}.rm-reiter-knopf{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 8px;border-radius:13px;border:3px solid var(--indigo);background:#fff;color:var(--indigo);font:650 14px Fredoka,sans-serif;box-shadow:0 3px 0 var(--indigo);cursor:pointer}.rm-reiter-knopf svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rm-reiter-knopf.an{background:var(--pink);color:#fff;transform:translateY(1px);box-shadow:0 2px 0 var(--indigo)}.rm-farben{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:5px;gap:5px}.rm-farbe{height:32px;border-radius:10px;border:2.5px solid var(--indigo);padding:0;cursor:pointer;box-shadow:0 3px 0 var(--indigo);transition:transform .12s}.rm-farbe.weiss{background-image:linear-gradient(135deg,transparent 46%,rgba(122,112,150,.25) 47% 53%,transparent 54%)!important;background-color:#fff!important}.rm-farbe.an{transform:translateY(-3px) scale(1.08);box-shadow:0 0 0 2.5px #fff,0 0 0 5px var(--indigo),0 6px 0 var(--indigo)}.rm-zeile{display:flex;align-items:center;gap:8px;min-height:50px}.rm-breiten,.rm-formen,.rm-muster{display:flex;gap:4px;background:hsla(0,0%,100%,.88);border:3px solid var(--indigo);border-radius:15px;padding:3px}.rm-formen{overflow-x:auto;scrollbar-width:none}.rm-formen,.rm-muster{flex:1 1;justify-content:space-between}.rm-breite,.rm-form,.rm-werk{width:40px;height:40px;flex:none;border:none;border-radius:11px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--indigo)}.rm-form{width:34px}.rm-breite i{display:block;border-radius:50%;box-shadow:0 0 0 2px var(--indigo)}.rm-breite.an,.rm-form.an,.rm-werk.an{background:var(--pink)}.rm-breite.an i{background:#fff!important}.rm-form-bild{width:30px;height:30px}.rm-werk svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rm-werk.an{color:#fff}.rm-werk:disabled{opacity:.3}.rm-reiter .rm-werk{width:38px}.rm-radierer,.rm-reiter .rm-werk{background:hsla(0,0%,100%,.88);border:3px solid var(--indigo)}.rm-radierer{width:auto;padding:0 12px;display:inline-flex;gap:6px;font:650 15px Fredoka,sans-serif;height:46px;border-radius:15px}.rm-muster-knopf{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:transparent;cursor:pointer;color:var(--indigo);font:650 11px Fredoka,sans-serif;padding:2px 0}.rm-muster-bild{width:34px;height:34px;border-radius:9px;box-shadow:0 0 0 2px var(--indigo)}.rm-muster-knopf:active .rm-muster-bild{transform:scale(.92)}.rm-unten{width:calc(var(--rm-b) + 20px);max-width:calc(100vw - 24px);display:flex;gap:8px;margin-top:2px}.rm-los{flex:1 1}.rm-los:disabled{opacity:.45;filter:saturate(.4)}.rm-zufall{flex:none;width:64px;padding:0;font-size:26px}@media (max-height:760px){.rahmen-maler{--rm-b:min(calc(100vw - 48px),calc((100dvh - 330px) * 0.8),380px);gap:6px}.rm-kopf .titel{font-size:25px}.rm-unter{display:none}.rm-farbe{height:28px}.rm-werkzeug{gap:6px;margin-top:4px}.rm-reiter-knopf{height:36px}}.polaroid.bemalt{background-size:100% 100%;background-repeat:no-repeat}.polaroid.bemalt .rand{background:none;position:relative;z-index:2}.polaroid-malerei{position:absolute;inset:0;width:100%;height:100%;border-radius:10px;pointer-events:none;z-index:1}.polaroid.bemalt .name{background:linear-gradient(#fffbf0,#fbf6e8);padding:0 12px;border-radius:2px;box-shadow:0 2px 2px rgba(43,30,92,.2)}.rahmen-stift{flex:none;width:46px;height:46px;border-radius:50%;border:none;background:var(--pink);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 3px 0 3px var(--indigo);cursor:pointer;transform:rotate(-6deg)}.rahmen-stift svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}