body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f5f5}.policy-editor__button-row{display:flex;flex-wrap:wrap;gap:8px}.policy-editor__layout{display:grid;grid-template-columns:minmax(19rem,.88fr) minmax(30rem,1.12fr);gap:1.25rem;align-items:start}.policy-editor__settings,.policy-editor__preview-column{display:grid;gap:1rem;min-width:0}.policy-editor__status-row,.policy-editor__preview-toolbar,.policy-editor__actions,.policy-editor__history-item,.policy-editor__restore-actions,.policy-editor__source,.policy-editor__mode-options{display:flex;align-items:center;gap:.75rem}.policy-editor__status-row{color:#616161;font-size:.875rem;margin-bottom:1.15rem}.policy-editor__fields,.policy-editor__switches,.policy-editor__warnings,.policy-editor__history,.policy-editor__autosync,.policy-editor__replace-confirm{display:grid;gap:.9rem}.policy-editor__source{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.65rem}.policy-editor__source>div{background:#f7f7f7;border:1px solid #e3e3e3;border-radius:8px;display:grid;gap:.2rem;padding:.75rem}.policy-editor__source span,.policy-editor__history-item span,.policy-editor__actions span,.policy-editor__mode span,.policy-editor__quiet-copy,.policy-editor__autosync p,.policy-editor__replace-confirm p{color:#616161;font-size:.875rem;line-height:1.4}.policy-editor__quiet-copy,.policy-editor__autosync p,.policy-editor__replace-confirm p{margin:0}.policy-editor__mode-options{align-items:stretch}.policy-editor__mode{appearance:none;background:#fff;border:1px solid #c9cccf;border-radius:8px;color:#202223;cursor:pointer;display:grid;flex:1 1 0;gap:.3rem;padding:.8rem;text-align:left}.policy-editor__mode:hover{border-color:#616161}.policy-editor__mode.is-selected{background:#f1f8f5;border-color:#008060;box-shadow:inset 0 0 0 1px #008060}.policy-editor__mode:focus-visible,.policy-editor__view-switch button:focus-visible{outline:2px solid #005bd3;outline-offset:2px}.policy-editor__replace-confirm{background:#fff8db;border-left:3px solid #b98900;border-radius:4px;margin-top:1rem;padding:.8rem}.policy-editor__autosync{border-top:1px solid #e3e3e3;margin-top:1rem;padding-top:1rem}.policy-editor__history-item{align-items:flex-start;border-bottom:1px solid #e3e3e3;justify-content:space-between;padding:.15rem 0 .8rem}.policy-editor__history-item>div:first-child{display:grid;gap:.2rem}.policy-editor__restore-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.policy-editor__restore-actions span{color:#202223}.policy-editor__preview-toolbar{align-items:center;justify-content:space-between;margin-bottom:1rem}.policy-editor__view-switch{background:#f1f1f1;border-radius:7px;display:inline-flex;padding:3px}.policy-editor__view-switch button{appearance:none;background:transparent;border:0;border-radius:5px;color:#616161;cursor:pointer;font:inherit;font-size:.875rem;padding:.38rem .6rem}.policy-editor__view-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px #00000024;color:#202223;font-weight:600}.policy-editor__frames{display:grid;gap:.8rem}.policy-editor__frames.is-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-editor__preview-panel{background:#f7f7f7;border:1px solid #dedede;border-radius:8px;display:grid;gap:.45rem;justify-items:center;min-width:0;padding:.7rem}.policy-editor__preview-label{align-self:start;color:#616161;font-size:.8125rem;font-weight:600;justify-self:start}.policy-editor__preview-panel iframe{background:#fff;border:1px solid #c9cccf;border-radius:5px;display:block;height:37rem;max-width:100%;transition:width .15s ease;width:100%}.policy-editor__preview-panel iframe.is-mobile{max-width:23.5rem;width:100%}.policy-editor__actions{background:#fff;border:1px solid #dedede;border-radius:8px;flex-wrap:wrap;justify-content:space-between;padding:1rem}.policy-editor__actions>div:first-child{display:grid;gap:.15rem}@media(max-width:62rem){.policy-editor__layout{grid-template-columns:1fr}.policy-editor__preview-column{grid-row:1}}@media(max-width:43rem){.policy-editor__mode-options,.policy-editor__frames.is-compare{grid-template-columns:1fr}.policy-editor__mode-options{display:grid}.policy-editor__preview-toolbar,.policy-editor__actions,.policy-editor__history-item{align-items:flex-start;flex-direction:column}.policy-editor__restore-actions{justify-content:flex-start}.policy-editor__source{grid-template-columns:1fr}.policy-editor__preview-panel iframe{height:31rem}}