.pe{display:grid;grid-template-columns:232px 1fr;grid-gap:20px;gap:20px;align-items:start}.pe-loading{padding:40px;color:var(--ink-3,#8a8478);font-size:14px}.pe2{display:flex;flex-direction:column}.pe2-bar{justify-content:space-between;gap:16px;border-bottom:1px solid var(--hairline,#e2ded6);padding-bottom:13px;margin-bottom:14px}.pe2-bar,.pe2-roles{display:flex;align-items:center;flex-wrap:wrap}.pe2-roles{gap:6px}.pe2-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:1px solid var(--hairline,#e2ded6);background:var(--canvas,#fff);color:var(--ink-2,#57534d);font-size:13.5px;font-weight:550;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.pe2-tab:hover{border-color:color-mix(in oklab,var(--accent,#c96442),transparent 50%);color:var(--ink,#1a1a1a)}.pe2-tab.is-sel{background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 13%);border-color:var(--accent,#c96442);color:var(--ink,#1a1a1a);font-weight:650}.pe2-tab--new{border-style:dashed;color:var(--ink-3,#8a8478)}.pe2-tab--new:hover{color:var(--accent,#c96442);border-color:var(--accent,#c96442)}.pe2-mini{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3,#8a8478);border:1px solid var(--hairline,#e2ded6);border-radius:4px;padding:1px 4px}.pe2-newin{display:inline-flex;align-items:center;gap:6px}.pe2-actions{display:flex;gap:8px;flex:none}.pe2-desc{font-size:13px;color:var(--ink-3,#8a8478);margin:0 0 12px}.pe2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.pe2-creating{border:1px dashed var(--hairline,#d8d4cc);border-radius:12px;padding:30px;text-align:center;background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 2%)}.pe2-creating-t{font-size:15px;font-weight:650;color:var(--ink,#1a1a1a)}.pe2-creating-d{font-size:13px;color:var(--ink-3,#8a8478);margin:6px auto 0;max-width:46ch}.pe-rail{display:flex;flex-direction:column;gap:3px;position:-webkit-sticky;position:sticky;top:8px}.pe-rail-head{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3,#8a8478);font-weight:700;padding:4px 8px 8px}.pe-role{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid transparent;border-radius:9px;background:none;cursor:pointer;text-align:left;color:var(--ink,#1a1a1a);font-size:13.5px;width:100%}.pe-role:hover{background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 5%)}.pe-role.is-sel{background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 12%);border-color:color-mix(in oklab,var(--accent,#c96442),transparent 55%);font-weight:650}.pe-dot{width:9px;height:9px}.pe-avatar,.pe-dot{border-radius:50%;flex:none}.pe-avatar{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:color-mix(in oklab,var(--accent,#c96442) 20%,var(--canvas,#fff));color:var(--accent,#c96442)}.pe-role-label{flex:1 1}.pe-tag{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3,#8a8478);border:1px solid var(--hairline,#e2ded6);border-radius:5px;padding:1px 5px}.pe-tag--lock{color:color-mix(in oklab,var(--accent,#c96442),var(--ink) 20%)}.pe-add{margin-top:6px;padding:9px 11px;border:1px dashed var(--hairline,#d8d4cc);border-radius:9px;background:none;color:var(--ink-2,#57534d);cursor:pointer;font-size:13px}.pe-add:hover{border-color:var(--accent,#c96442);color:var(--accent,#c96442)}.pe-new{border:1px solid var(--hairline,#e2ded6);border-radius:9px;padding:8px;margin-top:4px}.pe-new-input{width:100%;padding:7px 9px;border:1px solid var(--hairline,#e2ded6);border-radius:7px;background:var(--canvas,#fff);color:var(--ink,#1a1a1a);font-size:13px}.pe-new-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:7px}.pe-main{min-width:0}.pe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.pe-head-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;font-family:var(--font-display,inherit);color:var(--ink,#1a1a1a)}.pe-head-desc{font-size:12.5px;color:var(--ink-3,#8a8478);margin-top:3px;max-width:52ch}.pe-head-actions{display:flex;gap:8px;flex:none}.pe-btn{padding:8px 14px;border-radius:7px;border:1px solid transparent;background:var(--accent,#c96442);color:var(--on-accent,#fff);font-size:13px;font-weight:600;cursor:pointer}.pe-btn:disabled{opacity:.45;cursor:default}.pe-btn--ghost{background:none;color:var(--ink-2,#57534d);border-color:var(--hairline,#e2ded6)}.pe-btn--danger{background:none;color:#c0392b;border-color:color-mix(in oklab,#c0392b,transparent 55%)}.pe-note{font-size:12px;color:var(--ink-2,#57534d);background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 3.5%);border:1px solid var(--hairline,#e2ded6);border-radius:8px;padding:9px 12px;margin-bottom:10px}.pe-note--lock{border-color:color-mix(in oklab,var(--accent,#c96442),transparent 60%)}.pe-baseline{font-size:12.5px;line-height:1.65;color:var(--ink-2,#57534d);background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 5%);border:1px solid color-mix(in oklab,var(--accent,#c96442),transparent 72%);border-radius:10px;padding:12px 15px;margin-bottom:13px}.pe-baseline .pe-ai{display:inline-block;margin:0 2px}.pe-err{color:#c0392b;font-size:12.5px;margin-bottom:10px}.pe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.pe-sec{border:1px solid var(--hairline,#e2ded6);border-radius:11px;overflow:hidden;background:var(--canvas,#fff)}.pe-sec-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 4%);border-bottom:1px solid var(--hairline,#e2ded6)}.pe-sec-name{font-size:12.5px;font-weight:700;color:var(--ink,#1a1a1a);flex:1 1}.pe-sec-all{font-size:11px;color:var(--accent,#c96442);background:none;border:none;cursor:pointer}.pe-sec-count{font-size:11px;color:var(--ink-3,#8a8478);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pe-perm{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;border-top:1px solid color-mix(in oklab,var(--hairline,#e2ded6),transparent 45%)}.pe-perm:first-of-type{border-top:none}.pe-perm.is-lock{cursor:default}.pe-perm input{position:absolute;opacity:0;width:0;height:0}.pe-check{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--hairline,#cfcabf);flex:none;position:relative;transition:all .12s}.pe-perm.is-on .pe-check{background:var(--accent,#c96442);border-color:var(--accent,#c96442)}.pe-perm.is-on .pe-check:after{content:"✓";color:var(--on-accent,#fff);font-size:12px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pe-perm-label{flex:1 1;font-size:13px;color:var(--ink,#1a1a1a);display:flex;align-items:center;gap:8px}.pe-ai{font-size:9.5px;color:#7c4bd0;background:color-mix(in oklab,#7c4bd0,transparent 88%);border:1px solid color-mix(in oklab,#7c4bd0,transparent 65%);border-radius:5px}.pe-ai,.pe-base{letter-spacing:.03em;padding:1px 5px;white-space:nowrap}.pe-base{font-size:9px;text-transform:uppercase;color:var(--ink-3,#8a8478);border:1px solid var(--hairline,#e2ded6);border-radius:5px}.pe-perm-key{font-size:10px;color:var(--ink-3,#b3ada0);font-family:var(--font-mono,ui-monospace,monospace)}@media (max-width:720px){.pe{grid-template-columns:1fr}.pe-rail{position:static;flex-direction:row;flex-wrap:wrap}}.mp-overlay{position:fixed;inset:0;background:color-mix(in oklab,#000,transparent 45%);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.mp-modal{width:min(720px,96vw);max-height:calc(var(--vh100, 100vh) - 48px);display:flex;flex-direction:column;background:var(--canvas,#fff);border:1px solid var(--hairline,#e2ded6);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden}.mp-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--hairline,#e2ded6)}.mp-title{font-size:16px;font-weight:700;color:var(--ink,#1a1a1a);font-family:var(--font-display,inherit)}.mp-sub{font-size:12px;margin-top:2px}.mp-sub,.mp-x{color:var(--ink-3,#8a8478)}.mp-x{background:none;border:none;font-size:22px;line-height:1;cursor:pointer}.mp-body{flex:1 1 auto;min-height:0;padding:16px 18px;overflow-y:auto}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.mp-sec{border:1px solid var(--hairline,#e2ded6);border-radius:10px;overflow:hidden}.mp-sec-name{font-size:12px;font-weight:700;padding:8px 11px;background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 4%);border-bottom:1px solid var(--hairline,#e2ded6);color:var(--ink,#1a1a1a)}.mp-fromrole{font-size:9.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3,#8a8478);border:1px solid var(--hairline,#e2ded6);border-radius:5px;padding:1px 5px;margin-left:7px}.mp-foot{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--hairline,#e2ded6)}.pex{display:grid;grid-template-columns:268px 1fr;grid-gap:0;gap:0;align-items:stretch;border:1px solid var(--hairline,#e2ded6);border-radius:14px;overflow:hidden;background:var(--canvas,#fff);min-height:520px}.pex-rail{display:flex;flex-direction:column;border-right:1px solid var(--hairline,#e2ded6);background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 2%)}.pex-rail-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-3,#8a8478)}.pex-rail-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink-3,#8a8478);background:var(--canvas,#fff);border:1px solid var(--hairline,#e2ded6);border-radius:20px;padding:1px 8px}.pex-rail-list{display:flex;flex-direction:column;gap:2px;padding:0 8px 8px;overflow-y:auto}.pex-m{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:none;color:var(--ink,#1a1a1a);transition:background .12s,border-color .12s}.pex-m:hover{background:color-mix(in oklab,var(--canvas,#fff),var(--ink,#000) 5%)}.pex-m.is-sel{background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 12%);border-color:color-mix(in oklab,var(--accent,#c96442),transparent 58%)}.pex-m-info{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:1px}.pex-m-name{font-size:13.5px;font-weight:600;color:var(--ink,#1a1a1a);display:flex;align-items:center;gap:6px}.pex-m-name,.pex-m-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pex-m-sub{font-size:11.5px;color:var(--ink-3,#8a8478)}.pex-you{font-size:9px;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in oklab,var(--accent,#c96442),transparent 86%);border-radius:4px;padding:0 5px;font-weight:700}.pex-crown,.pex-you{color:var(--accent,#c96442)}.pex-crown{font-size:13px;flex:none}.pex-detail{padding:20px 22px 22px;min-width:0;overflow-y:auto}.pex-empty{color:var(--ink-3,#8a8478);font-size:14px;padding:60px 0;text-align:center}.pex-head{display:flex;align-items:center;gap:13px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--hairline,#e2ded6)}.pex-head-info{flex:1 1;min-width:0}.pex-head-name{font-size:18px;font-weight:700;font-family:var(--font-display,inherit);color:var(--ink,#1a1a1a);display:flex;align-items:center;gap:8px}.pex-head-email{font-size:12.5px;color:var(--ink-3,#8a8478);margin-top:1px}.pex-head-actions{display:flex;align-items:center;gap:10px;flex:none}.pex-seat{display:inline-flex;border:1px solid var(--hairline,#e2ded6);border-radius:8px;overflow:hidden}.pex-seat button{border:none;background:var(--canvas,#fff);color:var(--ink-2,#57534d);font-size:12.5px;font-weight:600;padding:6px 13px;cursor:pointer;transition:background .12s,color .12s}.pex-seat button+button{border-left:1px solid var(--hairline,#e2ded6)}.pex-seat button.is-on{background:var(--accent,#c96442);color:var(--on-accent,#fff)}.pex-seat button:disabled{opacity:.5;cursor:default}.pex-remove{border:1px solid color-mix(in oklab,#c0392b,transparent 60%);background:none;color:#c0392b;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:8px;cursor:pointer}.pex-remove:hover{background:color-mix(in oklab,#c0392b,transparent 90%)}.pex-lock{font-size:13px;background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 5%);border:1px solid color-mix(in oklab,var(--accent,#c96442),transparent 70%);border-radius:11px;padding:16px 18px}.pex-hint,.pex-lock{color:var(--ink-2,#57534d)}.pex-hint{font-size:12.5px;line-height:1.6;background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 4%);border:1px solid color-mix(in oklab,var(--accent,#c96442),transparent 76%);border-radius:11px;padding:8px 13px;margin-bottom:12px}.pex-hint .pe-ai,.pex-hint .pe-base{margin:0 2px}.pex-savebar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:12px 4px 2px;border-top:1px solid var(--hairline,#e2ded6);background:linear-gradient(to top,var(--canvas,#fff) 60%,transparent)}.pex-savebar-txt{font-size:12.5px;color:var(--ink-3,#8a8478)}.pex-savebar.is-dirty .pex-savebar-txt{color:var(--accent,#c96442);font-weight:600}@media (max-width:760px){.pex{grid-template-columns:1fr}.pex-rail{border-right:none;border-bottom:1px solid var(--hairline,#e2ded6);max-height:240px}}.pex-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pex-quick-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-3,#8a8478);margin-right:2px}.pex-quick button{font-size:12.5px;font-weight:600;color:var(--ink-2,#57534d);background:var(--canvas,#fff);border:1px solid var(--hairline,#e2ded6);border-radius:7px;padding:6px 12px;cursor:pointer;transition:all .12s}.pex-quick button:hover{border-color:var(--accent,#c96442);color:var(--accent,#c96442)}.pex-quick-count{margin-left:auto;font-size:12px;color:var(--ink-3,#8a8478);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pex .pe-grid{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:9px}.pex .pe-sec{border-radius:9px}.pex .pe-sec-head{padding:6px 10px}.pex .pe-sec-name{font-size:11.5px}.pex .pe-perm{padding:6px 10px;gap:8px}.pex .pe-perm-label{font-size:12px}.pex .pe-check{width:15px;height:15px;border-radius:4px}.pex .pe-perm.is-on .pe-check:after{font-size:10px}.pex .pe-ai,.pex .pe-base{font-size:8.5px;padding:0 4px}.pex-quick button.pex-quick--role{border-color:color-mix(in oklab,var(--accent,#c96442),transparent 62%);color:color-mix(in oklab,var(--accent,#c96442),var(--ink,#1a1a1a) 22%);background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 4%)}.pex-quick button.pex-quick--role:hover{border-color:var(--accent,#c96442);background:color-mix(in oklab,var(--canvas,#fff),var(--accent,#c96442) 10%);color:var(--accent,#c96442)}.mp-fromrole,.mp-modal,.mp-sec,.pe-add,.pe-ai,.pe-base,.pe-baseline,.pe-btn,.pe-check,.pe-new,.pe-new-input,.pe-note,.pe-role,.pe-sec,.pe-tag,.pe2-creating,.pe2-mini,.pe2-tab,.pex,.pex .pe-check,.pex .pe-sec,.pex-hint,.pex-lock,.pex-m,.pex-quick button,.pex-rail-count,.pex-remove,.pex-seat,.pex-you{border-radius:0}