.xf-ip-page {padding:0 0 64px;background:#fff;color:#142733;}
.xf-ip-page .xf-ip-inner {width:min(1120px,calc(100% - 48px));margin-inline:auto;padding:0;}
.xf-ip-page .xf-ip-content {padding-top:56px;}
.xf-ip-breadcrumb {display:flex;gap:10px;flex-wrap:wrap;font-size:14px;margin-bottom:24px;}
.xf-ip-breadcrumb a {color:#0758b7;text-underline-offset:3px;}
.xf-ip-page h1 {font-size:36px;line-height:1.2;letter-spacing:0;margin:0 0 28px;color:#142733;}
.xf-ip-tool {width:100%;max-width:none;box-sizing:border-box;padding:28px;border:1px solid #ccd7e1;border-radius:8px;background:#f8fafc;}
.xf-ip-top {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.xf-ip-top h2 {margin:0;font-size:18px;line-height:1.4;color:#142733;}
.xf-ip-badge {color:#155b46;background:#e9f8f1;padding:4px 10px;font-size:13px;white-space:nowrap;}
.xf-ip-value-row {display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;min-height:64px;}
.xf-ip-value {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:28px;line-height:1.5;letter-spacing:0;color:#142733;overflow-wrap:anywhere;user-select:all;}
.xf-ip-status {font-size:14px;color:#526173;line-height:1.6;margin:12px 0 24px;}
.xf-ip-actions {display:flex;flex-wrap:wrap;gap:10px;}
.xf-ip-tool button {display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:1px solid #0758b7;border-radius:4px;padding:10px 16px;background:#fff;color:#0758b7;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;cursor:pointer;}
.xf-ip-tool button.xf-ip-primary {background:#0758b7;color:#fff;}
.xf-ip-tool button.xf-ip-icon {width:44px;height:44px;padding:0;flex-shrink:0;}
.xf-ip-tool button:hover {background:#edf4fb;color:#0758b7;}
.xf-ip-tool button.xf-ip-primary:hover {background:#064a98;color:#fff;}
.xf-ip-tool button:disabled {opacity:.55;cursor:wait;}
.xf-ip-tool :is(button,textarea):focus-visible {outline:3px solid #0758b7;outline-offset:3px;}
.xf-ip-feedback {min-height:24px;margin:16px 0 0;font-size:14px;line-height:1.6;color:#155b46;}
.xf-ip-copy-fallback {width:100%;min-height:100px;margin-top:12px;font-size:16px;color:#142733;}
.xf-ip-note {max-width:800px;margin-top:24px;color:#526173;font-size:15px;line-height:1.65;}
.xf-ip-note p {margin:0 0 14px;}
.xf-ip-note a {color:#0758b7;text-underline-offset:3px;}
.xf-ip-note h2 {font-size:22px;line-height:1.4;margin:28px 0 12px;color:#142733;}
.xf-ip-intro {color:#526173;font-size:16px;line-height:1.65;}
.xf-ip-page .xf-tools-banner h1{margin:0;color:#fff;font-size:44px}
.xf-ip-page .xf-tools-banner .xf-ip-intro,.xf-ip-page .xf-tools-banner .xf-ip-intro p{margin:0;color:#d7e5f4;font-size:17px}
.xf-ip-page .xf-tools-banner .xf-ip-breadcrumb,.xf-ip-page .xf-tools-banner .xf-ip-breadcrumb a{color:#b7d9ed}
@media(max-width:1024px){.xf-ip-page .xf-tools-banner h1{font-size:38px}}
@media(max-width:767px){.xf-ip-page{padding:0 0 40px}.xf-ip-page .xf-ip-content{padding-top:36px}.xf-ip-page h1{font-size:30px}.xf-ip-page .xf-tools-banner h1{font-size:31px}.xf-ip-page .xf-tools-banner .xf-ip-intro,.xf-ip-page .xf-tools-banner .xf-ip-intro p{font-size:15px}.xf-ip-tool{padding:20px}.xf-ip-top{align-items:start}.xf-ip-value{font-size:22px}.xf-ip-actions>button:not(.xf-ip-icon){flex:1 1 180px}.xf-ip-value-row{min-height:90px}}