*{box-sizing:border-box}.pp-root,.pp-root *{box-sizing:border-box}.pp-root{position:fixed;inset:0;z-index:2147480000;font-family:var(--pp-font);color:var(--pp-ink);pointer-events:auto;overscroll-behavior:none}.pp-root[hidden]{display:none!important}.pp-track{position:absolute;inset:0;overflow:hidden;background:transparent}.pp-page{position:absolute;inset:0;min-width:0;min-height:0;transition:transform .48s cubic-bezier(.22,.76,.22,1),opacity .28s ease;will-change:transform,opacity}.pp-root[data-mode="dock"] .pp-dock-page{transform:translateX(0);opacity:1}.pp-root[data-mode="dock"] .pp-full-page{transform:translateX(100%);opacity:.25;pointer-events:none}.pp-root[data-mode="full"] .pp-dock-page{transform:translateX(-100%);opacity:.18;pointer-events:none}.pp-root[data-mode="full"] .pp-full-page{transform:translateX(0);opacity:1}
.pp-brand img{display:block;width:auto;max-width:100%;object-fit:contain}.pp-brand-dock img{height:44px}.pp-brand-full img{height:48px}.pp-soft-btn,.pp-primary-btn,.pp-icon-btn,.pp-round-btn,.pp-mini-more,.pp-editor-toolbar button,.pp-mobile-nav button{appearance:none;border:0;font:600 12px/1 var(--pp-font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pp-soft-btn{min-height:44px;padding:0 14px;border:1px solid var(--pp-line);border-radius:14px;background:rgba(255,255,255,.86);color:var(--pp-ink-2);box-shadow:0 2px 8px rgba(40,30,44,.03)}.pp-soft-btn:hover{border-color:var(--pp-lav-2);background:#fff}.pp-primary-btn{min-height:44px;padding:0 14px;border-radius:14px;background:var(--pp-ink);color:#fff;box-shadow:0 6px 18px rgba(20,20,24,.13)}.pp-primary-btn:active,.pp-soft-btn:active{transform:translateY(1px)}.pp-icon-btn,.pp-round-btn{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--pp-line);color:var(--pp-ink);font-size:20px}.pp-round-btn{font-size:18px}.pp-danger-lite{color:var(--pp-danger)!important}.pp-danger-btn{min-height:44px;padding:0 14px;border:0;border-radius:14px;background:var(--pp-danger);color:#fff;font-weight:700}.pp-status{position:fixed;left:50%;bottom:calc(var(--pp-safe-b) + 12px);z-index:2147483600;transform:translate(-50%,18px);padding:10px 15px;max-width:min(90vw,620px);border-radius:999px;background:#1b1b1f;color:#fff;font:600 12px/1.2 var(--pp-font);box-shadow:0 12px 38px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s}.pp-status.pp-show{opacity:.96;transform:translate(-50%,0)}.pp-dragging{user-select:none!important}.pp-drag-source{opacity:.35!important}.pp-drag-ghost{position:fixed;z-index:2147483900;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg) scale(.96);opacity:.94;box-shadow:0 22px 70px rgba(34,27,39,.24)!important}.pp-drop-hot{outline:2px solid var(--pp-lav)!important;outline-offset:2px;background:var(--pp-lav-soft)!important;transform:scale(1.015)}
.pp-menu{position:fixed;z-index:2147483500;width:238px;padding:6px;border:1px solid var(--pp-line);border-radius:17px;background:rgba(255,254,250,.98);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(40,31,44,.18)}.pp-menu button{width:100%;min-height:44px;border:0;border-radius:12px;background:transparent;text-align:left;padding:0 12px;color:var(--pp-ink);font:600 12px/1 var(--pp-font);cursor:pointer}.pp-menu button:hover{background:var(--pp-lav-soft)}.pp-menu .pp-menu-danger{color:var(--pp-danger)}
.pp-dialog-backdrop{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;padding:20px;background:rgba(24,20,27,.15);backdrop-filter:blur(4px)}.pp-dialog{width:min(430px,100%);padding:18px;border:1px solid var(--pp-line);border-radius:24px;background:var(--pp-bg-2);box-shadow:0 24px 80px rgba(35,27,39,.2)}.pp-dialog h3{margin:0 0 6px;font-size:17px;letter-spacing:-.02em}.pp-dialog p{margin:0 0 14px;color:var(--pp-muted);font-size:12px;line-height:1.5}.pp-dialog-input{width:100%;height:48px;padding:0 13px;border:1px solid var(--pp-line);border-radius:14px;background:#fff;outline:0;color:var(--pp-ink);font:500 14px var(--pp-font)}.pp-dialog-input:focus{border-color:var(--pp-lav)}.pp-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.pp-picker-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:45vh;overflow:auto}.pp-picker-folder{display:flex;align-items:center;gap:8px;min-height:52px;border:1px solid var(--pp-line);border-radius:14px;background:#fff;color:var(--pp-ink);padding:8px 10px;text-align:left;cursor:pointer}.pp-picker-folder span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--pp-lav-soft);color:var(--pp-lav-deep)}.pp-picker-folder b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-matilde-depth{transform:perspective(1400px) translateZ(-560px) translateY(-1.5%)!important;transform-origin:50% 42%!important;filter:saturate(.86) brightness(.91)!important;transition:transform .52s cubic-bezier(.22,.76,.22,1),filter .45s ease!important;will-change:transform,filter}.pp-matilde-depth.pp-matilde-far{transform:perspective(1400px) translateZ(-760px) translateY(-2.5%)!important;filter:saturate(.74) brightness(.83)!important}
@media(prefers-reduced-motion:reduce){.pp-page,.pp-matilde-depth,.pp-drag-ghost{transition:none!important;animation:none!important}}


/* LOGO_ICON_20260909 — das quadratische Wuerfel-Icon statt des
   ausgeschriebenen Wordmarks. Kompakter Kopf, mehr Platz fuer den
   Inhalt; das Icon traegt die Marke genauso, nimmt aber ein Viertel
   der Breite. */
.pp-brand-icon{
  display:block;
  width:28px;height:28px;flex:0 0 28px;
  border-radius:7px;
  object-fit:contain;
  box-shadow:0 1px 4px rgba(0,0,0,.28);
}