.ba-permission-editor{padding:clamp(14px,3vw,24px)}
.ba-permission-editor h2{font-size:1.16rem;font-weight:800;color:#172033}
.ba-permission-note{margin:4px 0;color:#475569;font-size:.83rem}
.ba-permission-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}
.ba-permission-fields{min-width:0}
.ba-permission-fields fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
.ba-permission-fields legend,.ba-permission-copy label,.ba-permission-preview-tools > strong{font-size:.84rem;font-weight:750;color:#172033;margin-bottom:6px}
.ba-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ba-shape,.ba-position-grid label{position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding:7px;border:1px solid #e0e5ee;background:#fff;border-radius:8px;font-size:.75rem;cursor:pointer;color:#334155}
.ba-shape input,.ba-position-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ba-shape:has(input:checked),.ba-position-grid label:has(input:checked){border-color:#818cf8;background:#eef2ff;color:#3730a3;font-weight:750}
.ba-shape:has(input:focus-visible),.ba-position-grid label:has(input:focus-visible){outline:2px solid #4f46e5;outline-offset:2px}
.ba-shape-icon{width:19px;height:13px;border:1px solid #8282d9;background:#eceeff;border-radius:4px;flex:none}
.ba-shape-ince_bant .ba-shape-icon{height:6px}
.ba-shape-yatay_kart .ba-shape-icon,.ba-shape-alt_bant .ba-shape-icon{height:9px}
.ba-shape-yuvarlak_kart .ba-shape-icon{border-radius:999px}
.ba-shape-koyu_kart .ba-shape-icon{background:#172135}
.ba-shape-minimal .ba-shape-icon,.ba-shape-tarayici_varsayilani .ba-shape-icon{width:12px}
.ba-position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border:1px solid #dbe3f4;background:#f4f6fc;border-radius:9px;padding:6px}
.ba-position-grid label{justify-content:center;text-align:center;padding:6px 2px}
.ba-permission-copy{display:grid;gap:7px}
.ba-permission-copy input:not([type=color]),.ba-permission-copy textarea{display:block;width:100%;margin-top:4px}
.ba-permission-copy textarea{min-height:64px}
.ba-permission-copy input[type=color]{display:block;width:45px;height:35px;margin-top:4px}
.ba-permission-preview{position:sticky;top:12px;min-width:0}
.ba-permission-screen{position:relative;min-height:260px;overflow:hidden;border:1px solid #dbe3f4;border-radius:12px;background:linear-gradient(#e6eafa 0 16px,transparent 16px),repeating-linear-gradient(0deg,#f5f7fd 0 28px,#f9faff 28px 56px);margin:7px 0}
@media(max-width:900px){.ba-permission-layout{grid-template-columns:1fr}.ba-permission-preview{position:static}}
.ba-permission-editor { border-radius: 18px; }
.ba-permission-editor h2 { font-size: 1.3rem; }
.ba-shape { min-height: 40px; padding: 8px 10px; border-radius: 10px; }
.ba-shape-icon { box-shadow: 0 2px 0 #8a7fbe35; }
.ba-shape-alt_bant .ba-shape-icon { width: 23px; border-left-width: 3px; }
.ba-shape-orta_kart .ba-shape-icon { border-top-width: 3px; }
.ba-shape-ince_bant .ba-shape-icon { width: 24px; }
.ba-permission-preview-tools, .ba-permission-preview-footer { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.ba-permission-devices { display: flex; gap: 3px; padding: 3px; border-radius: 10px; background: #eceaf7; }
.ba-permission-devices button, .ba-permission-replay { border: 1px solid transparent; border-radius: 8px; padding: 5px 8px; background: transparent; color: #493b7e; font-size: .75rem; font-weight: 700; }
.ba-permission-devices button[aria-pressed="true"], .ba-permission-replay { background: #fff; border-color: #d7ccef; }
.ba-permission-devices button:focus-visible, .ba-permission-replay:focus-visible { outline: 2px solid #6b48d2; }
.ba-permission-device-frame { margin: 9px 0; min-width: 0; display: grid; justify-items: center; }
.ba-permission-device { border: 1px solid #dcd6ee; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 20px #25194c12; max-width: 100%; }
.ba-permission-browser-bar { display: flex; gap: 9px; align-items: center; padding: 7px 9px; font-size: .73rem; color: #4b416c; background: #ede9f8; }
.ba-permission-browser-bar > span:first-child { color: #7865ad; letter-spacing: 1px; }
.ba-permission-browser-bar > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ba-permission-device-clip { position: relative; overflow: hidden; }
.ba-permission-screen { position: absolute; inset: 0 auto auto 0; margin: 0; min-height: 0; border: 0; border-radius: 0; transform-origin: top left; background: #f6f4fb; }
.ba-permission-placeholder { display: grid; gap: 10px; margin: 25px; max-width: 52%; }
.ba-permission-placeholder i { height: 12px; border-radius: 8px; background: #e6e0f2; }
.ba-permission-placeholder i:first-child { height: 24px; width: 62%; }
.ba-permission-placeholder i:last-child { width: 80%; }
.ba-permission-card-layer { position: absolute; inset: 0; pointer-events: none; }
.ba-permission-card-layer > section { pointer-events: auto; }
.ba-permission-simulation { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(88%,300px); border: 1px solid #d9d0ed; border-radius: 14px; background: #fff; color: #31294b; padding: 15px; box-shadow: 0 8px 24px #19123822; font-size: .85rem; }
.ba-permission-simulation p { margin: 4px 0 0; }