#p3-material-collection{position:fixed;left:max(14px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));z-index:9200;color:#c8d2db;font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#p3-material-collection[hidden],#p3-material-panel[hidden]{display:none!important}
#p3-material-collection button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.p3-material-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 15px;background:rgba(10,17,23,.66);border:1px solid #46545e;border-radius:24px;letter-spacing:.08em}
.p3-material-toggle>span{font-size:20px;color:#e0e8ec}
#p3-material-panel{position:absolute;top:54px;left:0;width:min(320px,calc(100vw - 28px));box-sizing:border-box;padding:16px;background:rgba(10,15,20,.97);border:1px solid #43515b;border-radius:18px;box-shadow:0 18px 60px #0008}
#p3-material-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#p3-material-panel header small{color:#8b9aa6;font-size:9px;letter-spacing:.16em}
.p3-material-status{margin:5px 0 0;font-size:15px;color:#f1f4f5}
.p3-material-close{min-width:44px;min-height:44px;background:transparent;border:1px solid #3b4851;border-radius:50%;font-size:24px!important}
.p3-material-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:min(48vh,420px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#62737f transparent}
.p3-material-group{grid-column:1/-1;margin:12px 0 3px;font-size:10px;color:#8597a5;letter-spacing:.08em}
.p3-material-options button{display:flex;align-items:center;gap:7px;min-height:44px;text-align:left;padding:9px 8px;border:1px solid #293740;background:#101a22;border-radius:8px}
.p3-material-options button small{font-size:9px;color:#7c919f}
.p3-material-options button[aria-pressed="true"]{background:#263a45;border-color:#a4c5d4;color:white!important}
.p3-material-note{margin:12px 0 0;color:#8a9ba6;font-size:10px;text-align:center}
#p3-material-collection button:focus-visible{outline:2px solid #d1f1ff;outline-offset:2px}
.brand-name.pixel-connected[data-material-font],.brand-name.pixel-connected[data-material-font] .brand-char{font-family:var(--material-font)!important;font-weight:var(--material-weight)!important}
.brand-name.pixel-connected[data-material-font]{font-size:clamp(25px,6vw,36px)!important;gap:.065em!important}
.brand-name.pixel-connected[data-material-font] .brand-char[data-char="ü"]{min-width:.7em;text-align:center}
.brand-name.pixel-connected[data-material-font] .u-dot-white{left:.09em}
.brand-name.pixel-connected[data-material-font] .u-dot-black{right:.09em}
@media(max-width:600px){#p3-material-panel{position:fixed;top:auto;left:12px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:12px}.p3-material-options{max-height:28vh}.p3-material-toggle{font-size:11px!important;padding:7px 12px}}
@media(max-height:450px){#p3-material-panel{top:0;left:54px;width:300px;padding:10px}.p3-material-options{max-height:45vh}.p3-material-note{display:none}}
