/*















 */
:root {
  --console-paper: #f5f7fb;
  --console-ink: #24283a;
  --console-muted: #727586;
  --console-line: #e6eaf1;
  --console-blue: #506ee4;
}

.console, .console *, .console *::before, .console *::after { box-sizing: border-box; }
body.console { margin: 0; background: var(--console-paper); color: var(--console-ink); font: 15px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; -webkit-font-smoothing: antialiased; }
.console turbo-frame { display: block; min-width: 0; }
.console turbo-frame[busy] { opacity: .6; cursor: progress; }
.console a { color: inherit; text-decoration: none; }
.console button, .console input { font: inherit; }
.console button, .console input[type="submit"] { cursor: pointer; }
.console button[hidden] { display: none; }
.console :focus-visible { outline: 3px solid #506ee488; outline-offset: 4px; }
.console input:focus-visible { outline-offset: 2px; }
.console h1, .console h2, .console p { margin: 0; }
.console-header { border-bottom: 1px solid var(--console-line); background: #ffffff99; }
.console-header-inner { max-width: 1120px; margin: auto; padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.console-brand { display: inline-flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 650; letter-spacing: .02em; min-height: 44px; }
.console-brand-mark { width: 36px; height: 36px; display: grid; place-items: center; padding-bottom: 3px; border-radius: 11px; background: var(--console-blue); color: white; font: italic bold 28px/1 Georgia, serif; }
.console a.console-legacy { display: inline-flex; align-items: center; min-height: 44px; color: var(--console-muted); font-size: 13px; }
.console a.console-legacy:hover { color: var(--console-blue); }
.console-header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.console-main { max-width: 1120px; margin: 0 auto; padding: 48px 40px 64px; min-height: calc(100vh - 156px); }
.console-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 32px; }
.console-eyebrow { color: var(--console-muted); font-size: 12px; letter-spacing: .09em; margin-bottom: 6px !important; }
.console h1 { font-size: 34px; font-weight: 650; letter-spacing: -.035em; line-height: 1.35; overflow-wrap: anywhere; }
.console-intro { color: var(--console-muted); margin-top: 9px !important; font-size: 14px; }
.console-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 18px; border: 1px solid transparent; border-radius: 8px; line-height: 1.4; font-weight: 550; font-size: 14px; white-space: nowrap; transition: background .15s; }
.console a.console-button-primary, .console .console-button-primary { background: var(--console-blue); color: #fff; box-shadow: 0 2px 3px #293a8112; }
.console .console-button-primary:hover { background: #405dce; }
.console .console-button-secondary { background: #fff; color: var(--console-ink); border-color: #dadcd8; }
.console .console-button-secondary:hover { background: #f0f1ee; }
.console .console-button-quiet { color: var(--console-muted); }
.console-search { display: flex; gap: 8px; max-width: 600px; margin-bottom: 26px; }
.console-search input[type="search"] { min-width: 0; flex: 1; min-height: 46px; border: 1px solid #daddd6; border-radius: 8px; background: #fff; padding: 10px 15px; color: var(--console-ink); -webkit-appearance: none; }
.console-group-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.console-group-heading h2 { font-size: 14px; font-weight: 600; }
.console-group-heading a { min-height: 44px; display: inline-flex; align-items: center; }
.console-group-search { display: grid; grid-template-columns: minmax(160px, 240px) minmax(0, 1fr) auto; max-width: none; }
.console-group-search select { min-width: 0; width: 100%; min-height: 46px; border: 1px solid #daddd6; border-radius: 8px; padding: 10px 12px; background: #fff; color: var(--console-ink); font-size: 16px; }
@media (max-width: 575px) {
  .console-group-search { grid-template-columns: minmax(0, 1fr) auto; }
  .console-group-search select { grid-column: 1 / -1; }
}
.console input::placeholder { color: #91949f; opacity: 1; }
.console-search-result { display: flex; gap: 8px 16px; flex-wrap: wrap; margin: -10px 0 20px; font-size: 13px; color: var(--console-muted); overflow-wrap: anywhere; }
.console-search-result a { display: inline-flex; align-items: center; min-height: 44px; color: var(--console-blue); text-decoration: underline; text-underline-offset: 3px; }
.console-link-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.console-link-card { padding: 23px 26px 15px; border: 1px solid var(--console-line); background: #fff; border-radius: 12px; }
.console-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 9px; }
.console-card-heading h2 { font-size: 16px; line-height: 1.5; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.console-card-heading h2 a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; margin: -8px 0; }
.console-card-heading h2 a:hover { color: var(--console-blue); }
.console-type { display: inline-block; flex-shrink: 0; color: var(--console-muted); background: #f5f5f2; border: 1px solid #eeefea; border-radius: 5px; padding: 2px 7px; font-size: 11px; line-height: 1.6; }
.console-copy { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; min-width: 0; }
.console-short-url { display: block; width: 100px; min-width: 0; flex: 1; padding: 6px 0; min-height: 44px; border: 0; border-radius: 0; background: transparent; color: var(--console-blue); font: 15px/1.5 ui-monospace, "SFMono-Regular", Consolas, monospace !important; text-overflow: ellipsis; }
.console .console-button-copy { background: #eff2ff; color: #405bc7; padding: 9px 14px; font-size: 12px; }
.console .console-button-copy:hover { background: #e5ebff; }
.console-copy-status { color: #4e6379; font-size: 12px; width: 100%; overflow-wrap: anywhere; }
.console-copy-status:empty { display: none; }
.console-card-statistics { display: block; padding: 13px 0 7px; }
.console-card-statistics dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0; }
.console-card-statistics dl > div + div { padding-left: 22px; border-left: 1px solid var(--console-line); }
.console-card-statistics dt { color: var(--console-muted); font-size: 12px; }
.console-card-statistics dt span { font-size: 10px; margin-left: 3px; }
.console-card-statistics dd { margin: 2px 0 0; font-size: 25px; font-weight: 600; line-height: 1.4; font-variant-numeric: tabular-nums; letter-spacing: -.04em; overflow-wrap: anywhere; }
.console-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 7px; padding-top: 6px; border-top: 1px solid #f0f1ed; }
.console-target { min-width: 0; color: var(--console-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.console-target > span { color: #a1a3ad; margin-right: 10px; }
.console-detail-link { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; font-size: 12px; }
.console-detail-link:hover { color: var(--console-blue); }
.console-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin-top: 28px; color: var(--console-muted); font-size: 12px; }
.console-pagination > div:last-child { text-align: right; }
.console-empty { margin-top: 12px; border: 1px solid var(--console-line); border-radius: 12px; padding: 65px 24px; text-align: center; background: #fff; }
.console-empty-mark { display: block; color: var(--console-blue); font: 44px/1 Georgia, serif; margin-bottom: 18px; }
.console-empty h2 { font-size: 20px; font-weight: 600; }
.console-empty p { color: var(--console-muted); font-size: 14px; margin-top: 10px; margin-bottom: 26px; }
.console-back { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--console-muted) !important; margin-top: -16px; margin-bottom: 22px; }
.console-back:hover { color: var(--console-blue) !important; }
.console-page-heading-form, .console-form-panel, .console-form-note { max-width: 700px; }
.console-form-panel { padding: 30px; border-radius: 12px; background: #fff; border: 1px solid var(--console-line); }
.console-field + .console-field { margin-top: 27px; }
.console-field label, .console-field-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 9px !important; }
.console-optional { font-size: 12px; color: var(--console-muted); font-weight: 400; margin-left: 5px; }
.console-field input { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #daddd6; border-radius: 7px; color: var(--console-ink); background: #fff; font-size: 16px; }
.console-field-hint { margin-top: 8px !important; color: var(--console-muted); font-size: 12px; line-height: 1.7; }
.console-form-actions { display: flex; align-items: center; gap: 12px; padding-top: 28px; margin-top: 28px; border-top: 1px solid var(--console-line); }
.console-form-note { color: var(--console-muted); font-size: 12px; padding-top: 21px; }
.console-form-note a { color: var(--console-blue); display: inline-flex; align-items: center; min-height: 44px; }
.console-current-link { padding-bottom: 23px; margin-bottom: 26px; border-bottom: 1px solid var(--console-line); }
.console-form-errors, .console-flash-error { background: #fff4ef; color: #a14225; border: 1px solid #f0d9cc; }
.console-form-errors { padding: 16px 20px; border-radius: 8px; margin-bottom: 26px; }
.console-form-errors h2 { font-size: 14px; }
.console-form-errors ul { margin: 8px 0 0; padding-left: 20px; font-size: 13px; }
.console-flash { background: #eef4ec; color: #43603c; border: 1px solid #d7e3d2; padding: 13px 18px; border-radius: 8px; margin-bottom: 28px; overflow-wrap: anywhere; }
.console-flash.console-flash-error { background: #fff4ef; color: #a14225; border-color: #f0d9cc; }
.console-page-heading-detail .console-type { margin-top: 12px; }
.console-detail-panel { max-width: 860px; border: 1px solid var(--console-line); border-radius: 12px; background: #fff; overflow: hidden; }
.console-detail-section { padding: 27px 30px; }
.console-detail-section + .console-detail-section { border-top: 1px solid var(--console-line); }
.console-detail-section h2 { font-size: 13px; font-weight: 600; margin-bottom: 15px; }
.console-share-section { background: #fcfcff; }
.console-share-section .console-short-url { font-size: 18px !important; }
.console-destination { font-size: 14px; overflow-wrap: anywhere; white-space: pre-wrap; }
.console-rule-note { color: var(--console-muted); font-size: 13px; margin-bottom: 15px !important; }
.console-destinations .console-destination { padding: 10px 0; border-bottom: 1px solid #f0f1ed; }
.console-inline-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--console-blue) !important; font-size: 13px; margin-top: 9px; }
.console-metadata { display: flex; flex-wrap: wrap; gap: 20px 48px; margin: 0; }
.console-metadata dt { font-size: 12px; color: var(--console-muted); margin-bottom: 5px; }
.console-metadata dd { margin: 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.console-footer { max-width: 1120px; padding: 20px 40px 28px; margin: auto; color: #8e919b; font-size: 11px; letter-spacing: .03em; }
.console-footer span { color: #b9bbb9; margin: 0 9px; }
.console-sr-only, .console-skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.console-skip:focus { position: fixed; top: 8px; left: 8px; background: #fff; padding: 12px; z-index: 30; }
.console-statistics { max-width: 860px; margin-bottom: 32px; }
.console-statistics-heading, .console-statistics-subheading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.console-statistics-heading { margin-bottom: 17px; }
.console-statistics-heading h2 { font-size: 20px; font-weight: 600; }
.console-statistics-heading > span, .console-statistics-subheading > span { color: var(--console-muted); font-size: 12px; }
.console-date-presets { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 13px; }
.console-date-presets a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--console-line); border-radius: 7px; background: white; padding: 8px 17px; font-size: 13px; }
.console-date-presets a.is-current { background: #eaf0ff; border-color: #c6d1fb; color: #405bc7; font-weight: 600; }
.console-date-form { display: flex; gap: 10px; align-items: flex-end; margin-bottom: 24px; }
.console-date-form > div { min-width: 0; }
.console-date-form label { font-size: 11px; color: var(--console-muted); display: block; margin-bottom: 4px; }
.console-date-form input[type="date"] { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #daddd6; background: white; border-radius: 7px; padding: 8px 10px; color: var(--console-ink); font-size: 14px; }
.console-date-separator { align-self: flex-end; line-height: 44px; color: #b5b8c1; }
.console-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--console-line); border-radius: 11px; overflow: hidden; background: white; }
.console-metric { padding: 22px 26px; min-width: 0; }
.console-metric + .console-metric { border-left: 1px solid var(--console-line); }
.console-metric h3 { color: var(--console-muted); font-size: 12px; font-weight: 400; margin: 0 0 5px; }
.console-metric-number { font-size: 34px; line-height: 1.35; font-weight: 600; letter-spacing: -.05em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.console-metric-subtitle { color: var(--console-muted); font-size: 11px; margin-top: 5px !important; }
.console-statistics-note { color: var(--console-muted); font-size: 11px; margin: 10px 0 15px !important; line-height: 1.8; }
.console-statistics-alert { font-size: 12px; padding: 12px 15px; border: 1px solid #f0d9cc; background: #fff4ef; color: #a14225; border-radius: 7px; margin: 10px 0 !important; }
.console-statistics-panel { background: #fff; border: 1px solid var(--console-line); border-radius: 10px; overflow: hidden; margin-top: 14px; }
.console-trend-panel { padding: 22px 24px 0; }
.console-statistics-panel h3 { font-size: 14px; font-weight: 600; margin: 0; }
.console-trend-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; color: var(--console-muted); font-size: 11px; }
.console-trend-legend span { display: inline-flex; align-items: center; gap: 6px; }
.console-trend-legend i { display: inline-block; width: 14px; height: 3px; background: var(--console-blue); }
.console-trend-legend .console-series-uv i { background: #2b9b91; }
.console-trend-legend .console-series-ip i { background: #9ba0b0; }
.console-trend-chart { display: block; width: 100%; height: auto; margin-top: 12px; }
.console-chart-axis { stroke: #dfe2e9; stroke-width: 1; }
.console-chart-grid { stroke: #f0f1f5; stroke-width: 1; }
.console-chart-line { fill: none; stroke-width: 2.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.console-chart-pv { stroke: var(--console-blue); }
.console-chart-uv { stroke: #2b9b91; stroke-dasharray: 6 3; }
.console-chart-ip { stroke: #9ba0b0; stroke-dasharray: 2 3; }
.console-chart-labels { display: flex; justify-content: space-between; gap: 16px; font-size: 10px; color: var(--console-muted); margin-bottom: 18px; }
.console-chart-labels span:last-child { text-align: right; }
.console-statistics-details > summary { cursor: pointer; min-height: 56px; padding: 15px 20px; font-size: 14px; font-weight: 550; }
.console-statistics-details > summary::marker { color: #9198a9; font-size: 11px; }
.console-statistics-details > summary > span { color: var(--console-muted); font-size: 11px; font-weight: 400; margin-left: 10px; }
.console-trend-panel > .console-statistics-details { border-top: 1px solid var(--console-line); margin: 0 -24px; }
.console-statistics-details-body { padding: 0 20px 20px; }
.console-statistics-details-body h4 { font-size: 12px; color: var(--console-muted); font-weight: 500; margin: 16px 0 10px; }
.console-statistics-details-body h4:first-child { margin-top: 0; }
.console-statistics-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; font-variant-numeric: tabular-nums; }
.console-statistics-table th, .console-statistics-table td { padding: 11px 8px; border-bottom: 1px solid #eef0f3; overflow-wrap: anywhere; text-align: right; vertical-align: top; }
.console-statistics-table th { font-weight: 400; }
.console-statistics-table thead { color: var(--console-muted); font-size: 11px; }
.console-statistics-table th:first-child { text-align: left; width: 43%; padding-left: 0; }
.console-statistics-table td:last-child, .console-statistics-table th:last-child { padding-right: 0; }
.console-ranking-table th:first-child { width: 56%; }
.console-ranking-sublabel { display: block; margin-top: 3px; font-size: 10px; color: var(--console-muted); }
.console-statistics-download { color: var(--console-blue) !important; display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
.console-statistics-empty { padding: 15px 0; color: var(--console-muted); font-size: 12px; }
.console-visitors { padding: 20px 24px 4px; }
.console-visitors dl { display: grid; grid-template-columns: 1fr 1fr; margin: 15px 0; gap: 20px; }
.console-visitors dt { font-size: 12px; color: var(--console-muted); }
.console-visitors dd { margin: 3px 0 0; font-size: 25px; font-weight: 550; font-variant-numeric: tabular-nums; }
.console-statistics-breakdowns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; margin-top: 14px; }
.console-statistics-breakdowns > .console-statistics-panel { margin-top: 0; }
.console-statistics-breakdowns > .console-statistics-panel:last-child { grid-column: 1 / -1; }
.console-advanced-types { display: flex; flex-wrap: wrap; gap: 8px; max-width: 700px; margin-bottom: 20px; }
.console-advanced-types a { display: inline-flex; align-items: center; justify-content: center; flex: 1; min-height: 48px; padding: 10px 14px; border: 1px solid var(--console-line); border-radius: 8px; background: white; font-size: 13px; white-space: nowrap; }
.console-advanced-types a.is-current { border-color: #bdcbfc; color: #405bc7; background: #edf1ff; font-weight: 600; }
.console-field select { width: 100%; min-width: 0; min-height: 50px; padding: 10px 12px; border: 1px solid #daddd6; border-radius: 7px; color: var(--console-ink); background: white; font-size: 16px; }
.console-rule-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; }
.console-rule-heading h2 { font-size: 16px; font-weight: 600; }
.console-rule-heading > span { color: var(--console-muted); font-size: 12px; }
.console-rule-intro { margin-bottom: 22px !important; }
.console-rule { min-width: 0; padding: 13px 20px 23px; margin: 0 0 22px; border: 1px solid #e0e3ec; border-radius: 9px; background: #fcfcff; }
.console-rule legend { padding: 0 8px; margin-left: -8px; font-size: 12px; color: #636e91; }
.console-rule-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 12px; color: var(--console-muted); }
.console-rule-remove { display: inline-flex; min-height: 44px; align-items: center; padding: 6px 0 6px 12px; border: 0; background: transparent; color: #8b5260; font-size: 12px !important; }
.console-rule .console-rule-url { margin-top: 22px; }
.console-rule-time { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.console-rule-time .console-field + .console-field { margin-top: 0; }
.console-rule-check { display: flex; align-items: center; gap: 9px; min-height: 44px; margin-top: 6px; font-size: 12px; line-height: 1.6; cursor: pointer; }
.console-rule-check input[type="checkbox"] { flex-shrink: 0; width: 18px; height: 18px; accent-color: var(--console-blue); }
.console-rule-locations { border: 1px solid #daddd6; border-radius: 7px; background: white; }
.console-rule-locations > summary { min-height: 50px; padding: 12px; cursor: pointer; font-size: 14px; }
.console-rule-locations > summary span { margin-left: 9px; font-size: 12px; color: var(--console-muted); }
.console-location-options { padding: 2px 12px 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 8px; }
.console-location-options .console-rule-check { margin: 0; }
.console-add-rule { width: 100%; border-style: dashed !important; }
.console-field textarea { display: block; width: 100%; min-height: 88px; padding: 12px 14px; border: 1px solid #daddd6; border-radius: 7px; color: var(--console-ink); background: white; resize: vertical; font: inherit; font-size: 16px; }
.console-project-create { padding: 0; margin: 0 0 22px; }
.console-project-create > summary { padding: 18px 24px; color: var(--console-blue); }
.console-project-create-body { padding: 4px 24px 24px; }
.console-project-count { font-size: 12px; color: var(--console-muted); }
.console-project-count strong { font-size: 21px; font-weight: 550; color: var(--console-ink); margin-right: 4px; font-variant-numeric: tabular-nums; }
.console-project-remark { margin-top: 7px !important; color: var(--console-muted); font-size: 12px; overflow-wrap: anywhere; }
.console-project-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0 22px; margin-top: 10px; border-top: 1px solid #f0f1ed; }
.console-project-actions .console-inline-link { margin-top: 0; }
.console-project-actions > span { color: var(--console-muted); font-size: 11px; }
.console-project-actions .console-project-delete-link { color: #a15353 !important; }
.console-project-delete-name { font-size: 20px; font-weight: 600; margin-bottom: 15px !important; overflow-wrap: anywhere; }
.console-project-delete-intro { font-size: 14px; line-height: 1.9; color: var(--console-muted); }
.console .console-button-danger { background: #aa4848; color: white; }
.console .console-button:disabled { opacity: .45; cursor: not-allowed; }
.console-checkout-panel { max-width: 700px; }
#console_checkout { scroll-margin-top: 90px; }
.console-plan-current { display: flex; align-items: center; gap: 15px; padding: 18px 24px; margin-bottom: 26px; border: 1px solid var(--console-line); border-radius: 12px; background: #fff; }
.console-plan-current-icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px; background: #eff2ff; color: var(--console-blue); font-size: 19px; }
.console-plan-current h2 { font-size: 15px; font-weight: 600; }
.console-plan-current p { margin-top: 3px; font-size: 12px; color: var(--console-muted); }
.console-plan-current-tip { margin-left: auto !important; }
.console-plan-billing { margin-bottom: 26px; text-align: center; }
.console-plan-billing form { display: flex; align-items: center; justify-content: center; gap: 14px; }
.console-plan-billing .is-selected { color: var(--console-blue); font-weight: 600; }
.console-plan-billing p { margin-top: 10px !important; color: var(--console-muted); font-size: 12px; }
.console-plan-switch { display: inline-flex; align-items: center; width: 48px; height: 28px; padding: 3px; border: 0; border-radius: 20px; background: #c4c9da; cursor: pointer; }
.console-plan-switch span { width: 22px; height: 22px; border-radius: 50%; background: #fff; }
.console-plan-switch[aria-checked="true"] { background: var(--console-blue); justify-content: flex-end; }
.console-plan-switch:focus-visible { outline: 3px solid var(--console-blue); outline-offset: 3px; }
.console-plan-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.console-plan-limit { margin-top: 18px !important; padding: 12px; border-radius: 6px; background: #f8f4ee; font-size: 13px; }
.console-plan-limit span { display: block; margin-bottom: 3px; color: var(--console-muted); font-size: 11px; }
.console-plan-validity { margin: -8px 0 20px !important; color: var(--console-muted); font-size: 11px; }
.console-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.console-plan-card { display: flex; flex-direction: column; min-width: 0; padding: 25px 24px 20px; border: 1px solid var(--console-line); border-radius: 12px; background: #fff; }
.console-plan-card.is-current { border-color: #c6d0f7; }
.console-plan-card.is-recommended { border-color: var(--console-blue); box-shadow: 0 4px 20px #506ee40a; }
.console-plan-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 28px; }
.console-plan-card h2 { font-size: 19px; font-weight: 650; }
.console-plan-tag { padding: 3px 8px; border-radius: 5px; background: #eff2ff; color: #425cc4; font-size: 11px; }
.is-upgrade .console-plan-tag { background: var(--console-blue); color: #fff; }
.console-plan-description { margin-top: 5px !important; color: var(--console-muted); font-size: 12px; }
.console-plan-price { display: flex; align-items: baseline; gap: 3px; margin-top: 20px !important; font-variant-numeric: tabular-nums; }
.console-plan-price > span { font-size: 20px; }
.console-plan-price strong { font-size: 46px; font-weight: 650; line-height: 1.2; letter-spacing: -.05em; }
.console-plan-price .console-plan-unit { margin-left: 4px; color: var(--console-muted); font-size: 13px; }
.console-plan-price-note { margin-top: 7px !important; min-height: 20px; color: var(--console-muted); font-size: 12px; }
.console-plan-features { display: grid; gap: 12px; margin: 20px 0 24px; padding: 20px 0 0; border-top: 1px solid var(--console-line); list-style: none; font-size: 13px; }
.console-plan-features li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--console-line); }
.console-plan-features li > :last-child { flex-shrink: 0; text-align: right; }
.console-plan-check { color: var(--console-blue); font-size: 18px; line-height: 1; }
.console-plan-dash { color: var(--console-muted); }
.console-plan-features strong { font-weight: 600; }
.console-plan-action { margin-top: auto; }
.console-plan-action .console-button { width: 100%; }
.console-plan-unavailable { display: grid; place-items: center; min-height: 44px; padding: 10px; border-radius: 8px; background: #f5f7fb; color: #727586; text-align: center; font-size: 13px; }
.console-plan-action-note { min-height: 20px; margin-top: 9px !important; color: var(--console-muted); font-size: 11px; text-align: center; }
.console-plan-footnote { padding: 18px 2px 23px; color: var(--console-muted); font-size: 12px; }
.console-plan-explanations { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding-top: 23px; border-top: 1px solid var(--console-line); }
.console-plan-explanations h2 { margin-bottom: 6px; font-size: 13px; font-weight: 600; }
.console-plan-explanations p { color: var(--console-muted); font-size: 12px; line-height: 1.8; }
.console-plan-support { margin-top: 26px !important; color: var(--console-muted); text-align: center; font-size: 13px; }
.console-wechat-icon { color: #07c160; vertical-align: middle; margin-right: 3px; }
.console-plan-support strong { color: var(--console-blue); user-select: all; }
@media (max-width: 767px) {
  .console-plan-grid, .console-plan-explanations { grid-template-columns: 1fr; gap: 16px; }
  .console-plan-current { align-items: flex-start; padding: 16px; }
  .console-plan-current-tip { display: none; }
  .console-plan-card { padding: 22px; }
}
.console-current-plan { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 24px; margin-bottom: 26px; border-bottom: 1px solid var(--console-line); }
.console-current-plan h2 { font-size: 22px; font-weight: 600; }
.console-current-plan > p { font-size: 12px; color: var(--console-muted); text-align: right; }
.console-current-plan time { color: var(--console-ink); font-variant-numeric: tabular-nums; }
.console-checkout-options { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 18px; }
.console-checkout-options .console-field + .console-field { margin-top: 0; }
.console-checkout-options > .console-field-hint { align-self: center; }
.console-checkout-quote-button { grid-column: 1 / -1; width: 100%; }
.console-payment-notice { margin-top: 23px; padding: 17px 18px; border: 1px solid #dde3f8; background: #f6f8ff; border-radius: 8px; }
.console-payment-notice h3 { margin: 0 0 7px; font-size: 14px; font-weight: 600; }
.console-payment-notice > p { color: var(--console-muted); font-size: 12px; line-height: 1.8; }
.console-payment-notice .console-inline-link { margin-top: 3px; }
.console-payment-page-url { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 10px 0; margin-top: 7px; color: var(--console-blue); border: 0; background: transparent; font-size: 12px !important; text-overflow: ellipsis; }
.console-payment-total { border-top: 1px solid var(--console-line); margin-top: 27px; padding-top: 23px; }
.console-payment-total > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.console-payment-total p { font-size: 13px; }
.console-payment-total strong { font-size: 34px; line-height: 1.4; font-weight: 600; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.console-payment-total > span { display: block; margin-top: 6px; color: var(--console-muted); font-size: 12px; }
.console-payment-submit { margin-top: 24px; }
.console-payment-submit .console-button { width: 100%; }
.console-payment-result h1 { font-size: 28px; }
.console-payment-result .console-intro { font-size: 14px; line-height: 1.9; }
.console-payment-receipt { margin: 25px 0 0; }
.console-payment-receipt > div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--console-line); font-size: 13px; }
.console-payment-receipt dt { color: var(--console-muted); flex-shrink: 0; }
.console-payment-receipt dd { margin: 0; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.console-payment-order { margin-top: 26px !important; color: var(--console-muted); font-size: 12px; }
.console-payment-order span { display: block; margin-top: 5px; overflow-wrap: anywhere; color: var(--console-ink); }

@media (max-width: 600px) {
  .console-header-inner { padding: 10px 20px; }
  .console-header-actions { gap: 10px; }
  .console-header-actions a.console-legacy { font-size: 12px; }
  .console-brand { font-size: 16px; gap: 9px; }
  .console-brand-mark { width: 31px; height: 31px; border-radius: 9px; font-size: 25px; }
  .console-main { padding: 30px 20px 42px; min-height: calc(100vh - 142px); }
  .console-page-heading { gap: 14px; margin-bottom: 27px; }
  .console h1 { font-size: 28px; }
  .console-intro { font-size: 12px; }
  .console-page-heading > .console-button { padding: 11px 14px; font-size: 13px; }
  .console-search { gap: 7px; margin-bottom: 19px; }
  .console-search input[type="search"] { font-size: 14px; padding: 11px 12px; }
  .console-search > .console-button { padding: 10px 14px; }
  .console-link-card { padding: 18px 17px 9px; border-radius: 10px; }
  .console-link-list { gap: 11px; }
  .console-card-heading { gap: 10px; margin-bottom: 7px; }
  .console-card-heading h2 { font-size: 15px; }
  .console-copy { gap: 2px 9px; }
  .console-short-url { font-size: 13px !important; }
  .console .console-button-copy { padding: 9px 10px; font-size: 11px; }
  .console-card-bottom { gap: 12px; }
  .console-target { font-size: 11px; }
  .console-target > span { margin-right: 5px; }
  .console-card-statistics dd { font-size: 24px; }
  .console-card-statistics dt { font-size: 11px; }
  .console-detail-link { font-size: 11px; }
  .console-pagination { gap: 8px; }
  .console-pagination .console-button { padding: 10px 12px; font-size: 12px; }
  .console-back { margin-top: -12px; margin-bottom: 18px; }
  .console-form-panel { padding: 23px 18px; border-radius: 10px; }
  .console-form-actions { flex-direction: column; gap: 5px; padding-top: 23px; margin-top: 25px; }
  .console-form-actions > * { width: 100%; }
  .console-form-note { padding-top: 12px; }
  .console-page-heading-detail { align-items: flex-start; flex-direction: column; }
  .console-page-heading-detail h1 { font-size: 27px; }
  .console-detail-section { padding: 23px 18px; }
  .console-share-section .console-short-url { font-size: 14px !important; }
  .console-metadata { gap: 20px 24px; }
  .console-footer { padding: 18px 20px 24px; }
  .console-statistics-heading h2 { font-size: 18px; }
  .console-date-presets { gap: 5px; }
  .console-date-presets a { flex: 1; padding: 8px 9px; font-size: 12px; white-space: nowrap; }
  .console-date-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 7px; }
  .console-date-form .console-date-separator { display: none; }
  .console-date-form input[type="date"] { font-size: 12px; padding: 8px 5px; }
  .console-date-form > .console-button { font-size: 12px; padding: 10px; }
  .console-metric { padding: 17px 12px; }
  .console-metric h3 { font-size: 11px; font-weight: 400; }
  .console-metric-number { font-size: 27px; }
  .console-metric-subtitle { font-size: 10px; }
  .console-trend-panel { padding: 19px 17px 0; }
  .console-trend-panel > .console-statistics-details { margin-left: -17px; margin-right: -17px; }
  .console-trend-legend { gap: 8px 13px; font-size: 10px; }
  .console-statistics-details > summary { padding: 15px 17px; }
  .console-statistics-details-body { padding: 0 17px 17px; }
  .console-statistics-table { font-size: 11px; }
  .console-statistics-table th, .console-statistics-table td { padding: 10px 5px; }
  .console-statistics-breakdowns { grid-template-columns: 1fr; gap: 10px; }
  .console-visitors { padding: 19px 17px 4px; }
  .console-advanced-types { gap: 5px; }
  .console-advanced-types a { font-size: 12px; padding: 10px 7px; }
  .console-rule { padding: 8px 14px 18px; }
  .console-rule-time { gap: 10px; }
  .console-rule-time input[type="time"] { font-size: 14px; padding: 10px 6px; }
  .console-location-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .console-project-create { padding: 0; }
  .console-project-create > summary { padding: 18px; }
  .console-project-create-body { padding: 4px 18px 20px; }
  .console-project-actions { gap: 0 17px; }
  .console-checkout-options { gap: 14px; }
  .console-checkout-options select { font-size: 15px; padding: 10px 8px; }
  .console-payment-notice { padding: 15px; }
  .console-payment-total strong { font-size: 29px; }
}

@media (max-width: 360px) {
  .console-card-statistics dl { gap: 12px; }
  .console-card-statistics dl > div + div { padding-left: 12px; }
  .console-card-statistics dd { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) { .console * { transition: none !important; } }

/* Keep the existing authentication screens usable on narrow phones. */
@media (max-width: 575px) {
  body#devise > .container { padding: 24px 20px; }
  body#devise #login { width: 100%; max-width: 460px; height: auto !important; }
  body#devise #login .login-content { width: 100%; }
  body#devise #login .login-content .title { left: 50%; transform: translateX(-50%); max-width: calc(100% - 40px); }
  body#devise #login .login-content form { width: calc(100% - 40px); }
  body#devise #login .login-content form.wrong .devise-input,
  body#devise #login .login-content form .devise-input,
  body#devise #login .login-content form .submit { width: 100%; min-width: 0; }
  body#devise #login .login-content form .devise-input { min-height: 44px; font-size: 16px; }
  body#devise #login .login-content form .password-field > div[style] { width: 100% !important; }
  body#devise #login .login-content form .btn-clean,
  body#devise #login .login-content form .field-plus { right: 0; }
  body#devise #login .login-content form .two-column { width: 100%; min-width: 0; gap: 12px; }
  body#devise #login .login-content form.wrong .two-column input,
  body#devise #login .login-content form .two-column input { flex: 1; width: 0; min-width: 0; margin-right: 0; }
  body#devise #login .login-content form .two-column .img-valid { flex-shrink: 0; max-width: 104px; align-self: center; }
  body#devise #login .login-content form #send-sms { flex-shrink: 0; width: 104px; min-height: 44px; padding-left: 0; padding-right: 0; }
  body#devise #login .login-content form .two-column .field-plus { right: 116px; }
  body#devise #phone-show { margin-left: 0 !important; }
  body#devise #footer { max-width: 100%; text-align: center; overflow-wrap: anywhere; }
}

.console-account-menu { position: relative; color: var(--console-muted); font-size: 13px; }
.console-account-menu > summary { display: flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer; list-style: none; }
.console-account-menu > summary::-webkit-details-marker { display: none; }
.console-account-menu > summary::after { content: '⌄'; }
.console-account-links { position: absolute; top: 100%; right: 0; z-index: 10; display: grid; min-width: 180px; padding: 8px; border: 1px solid var(--console-line); border-radius: 10px; background: #fff; box-shadow: 0 8px 24px #24283a14; }
.console-account-links a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 6px; }
.console-account-links a:hover { background: var(--console-paper); color: var(--console-blue); }
.console-purchase-record { margin-top: 20px; min-width: 0; }
.console-purchase-record h2 { overflow-wrap: anywhere; }
.console-purchase-record .console-payment-receipt dd { min-width: 0; }
.console-invoice-choice { display: flex; align-items: flex-start; gap: 8px; margin-top: 18px; font-size: 13px; }
.console-invoice-choice input { flex: 0 0 auto; width: auto; }

.console-domain-panel { max-width: 700px; }
.console-domain-panel h2 { margin: 0 0 14px; font-size: 21px; }
.console-domain-name { overflow-wrap: anywhere; }
.console-domain-panel .console-inline-link { margin-right: 20px; }
.console-domain-record { margin: 24px 0; }
.console-domain-record > div { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--console-line); font-size: 14px; }
.console-domain-record dt { color: var(--console-muted); }
.console-domain-record dd { margin: 0; overflow-wrap: anywhere; }
.console-domain-puzzle { width: 100%; position: relative; margin: 20px 0; overflow: hidden; }
.console-domain-background { width: 100%; display: block; }
.console-domain-piece { position: absolute; height: auto; }
.console-domain-panel input[type=range] { width: 100%; min-height: 44px; padding: 0; }
.console-domain-verified { margin: 24px 0; padding: 18px; background: #f2f8f4; border: 1px solid #cce5d4; border-radius: 8px; overflow-wrap: anywhere; }
.console-domain-verified h3 { font-size: 15px; margin: 0 0 10px; }
.console-domain-verified p { margin: 6px 0; font-size: 13px; }
@media (max-width: 600px) { .console-domain-panel .console-form-actions { flex-direction: column; align-items: stretch; } }

.console-shell { max-width: 1440px; margin: 0 auto; }
.console-content { min-width: 0; }
.console-header { background: #fff; }
.console-header-inner { max-width: 1440px; flex-wrap: wrap; }
.console-header-actions { margin-left: auto; }
.console-navigation { order: 3; flex-basis: 100%; display: flex; gap: 4px; overflow-x: auto; padding: 0; scrollbar-width: thin; }
.console-navigation-link { display: flex; align-items: center; min-height: 44px; padding: 9px 14px; border-radius: 7px; font-size: 13px; white-space: nowrap; flex-shrink: 0; color: var(--console-muted) !important; }
.console-navigation-link:hover { background: #f5f7fb; color: var(--console-ink) !important; }
.console-navigation-link.is-current { background: #e9edfd; color: #405bc7 !important; font-weight: 600; }
.console-cube-columns { display: none; }

@media (min-width: 960px) {
  .console-header { position: sticky; top: 0; z-index: 20; }
  .console-header-inner { padding: 12px 32px; flex-wrap: nowrap; gap: 28px; }
  .console-navigation { order: 0; flex: 1; min-width: 0; gap: 4px; }
  .console-navigation-link { padding: 11px 12px; }
  .console-main { max-width: none; padding: 36px 32px 56px; min-height: calc(100vh - 137px); }
  .console-footer { max-width: none; padding: 18px 32px 26px; }
  .console h1 { font-size: 30px; }
  .console-page-heading { margin-bottom: 28px; }
  .console-group-heading { margin-bottom: 5px; }
  .console-group-heading .console-inline-link { margin-top: 0; }
  .console-group-search { grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto; margin-bottom: 22px; }
  .console-group-search select { font-size: 14px; }
  .console-cube-columns, .console-cube-row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.25fr) 232px 76px; column-gap: 20px; align-items: center; }
  .console-cube-columns { padding: 10px 20px; color: var(--console-muted); font-size: 11px; }
  .console-cube-columns > :last-child { text-align: right; }
  .console-cube-list { display: block; border: 1px solid var(--console-line); border-radius: 10px; background: white; overflow: hidden; }
  .console-cube-row { min-height: 84px; padding: 12px 20px; border: 0; border-radius: 0; }
  .console-cube-row + .console-cube-row { border-top: 1px solid var(--console-line); }
  .console-cube-row:hover { background: #fcfcff; }
  .console-cube-row .console-card-heading { grid-area: 1 / 1; gap: 8px; align-items: center; margin-bottom: 4px; }
  .console-cube-row .console-card-heading h2 { font-size: 14px; overflow: hidden; }
  .console-cube-row .console-card-heading h2 a { display: block; min-height: 0; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .console-cube-row .console-type { padding: 1px 5px; font-size: 10px; }
  .console-cube-row .console-copy { grid-area: 1 / 2 / 3 / 3; gap: 0 8px; }
  .console-cube-row .console-short-url { width: 0; font-size: 12px !important; }
  .console-cube-row .console-button-copy { padding: 8px; font-size: 11px; }
  .console-cube-row .console-copy-status { font-size: 10px; }
  .console-cube-row .console-card-statistics { grid-area: 1 / 3 / 3 / 4; padding: 0; }
  .console-cube-row .console-card-statistics dl { gap: 12px; }
  .console-cube-row .console-card-statistics dl > div + div { padding-left: 12px; }
  .console-cube-row .console-card-statistics dt { font-size: 10px; white-space: nowrap; }
  .console-cube-row .console-card-statistics dt span { display: none; }
  .console-cube-row .console-card-statistics dd { font-size: 20px; }
  .console-cube-row .console-statistics-note { grid-row: 3; grid-column: 1 / -1; margin: 8px 0 0 !important; }
  .console-cube-row .console-card-bottom { display: contents; }
  .console-cube-row .console-target { grid-area: 2 / 1; font-size: 11px; }
  .console-cube-row .console-target > span { display: none; }
  .console-cube-row .console-detail-link { grid-area: 1 / 4 / 3 / 5; justify-self: end; font-size: 11px; }
  .console-page-heading-form, .console-form-panel, .console-form-note, .console-advanced-types, .console-domain-panel, .console-checkout-panel { max-width: 800px; }
  .console-statistics, .console-detail-panel { max-width: none; }
  .console-purchase-record .console-payment-receipt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
}

@media (min-width: 1440px) {
  .console-main { padding: 42px 48px 64px; }
  .console-footer { padding-right: 48px; padding-left: 48px; }
  .console-cube-columns, .console-cube-row { column-gap: 24px; }
}
.console-groups { position: relative; display: flex; align-items: center; gap: 14px; min-width: 0; margin: 0 0 20px; padding: 8px 14px; border: 1px solid var(--console-line); border-radius: 12px; background: #fff; }
.console-group-tabs { display: flex; flex: 1; align-items: center; gap: 8px; min-width: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.console-group-tab { display: flex; align-items: center; gap: 8px; flex-shrink: 0; max-width: 200px; min-height: 44px; padding: 11px 14px; border-radius: 8px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.console-group-tab.is-active { color: #fff; font-weight: 600; background: var(--console-blue); }
.console-group-tab.is-active .console-group-option-count, .console-group-tab.is-active .console-group-option-check { color: inherit; }
.console-group-tab .console-group-option-name { min-width: 0; }
.console-group-tab .console-group-option-check { display: none; }
.console-group-tab[hidden] { display: none; }
.console-all-groups { flex-shrink: 0; }
.console-all-groups > summary { display: flex; align-items: center; gap: 4px; min-height: 48px; padding: 8px 10px; white-space: nowrap; cursor: pointer; list-style: none; font-size: 13px; border-radius: 6px; }
.console-all-groups > summary::-webkit-details-marker { display: none; }
.console-all-groups > summary:hover, .console-all-groups[open] > summary { background: #eef1ff; color: var(--console-blue); }
.console-all-groups summary:focus-visible, .console-group-option:focus-visible, .console-group-tab:focus-visible { outline: 2px solid var(--console-blue); outline-offset: -2px; }
.console-group-popover { position: absolute; z-index: 30; top: calc(100% + 8px); right: 0; width: min(460px, 100%); border: 1px solid var(--console-line); border-radius: 12px; padding: 16px; background: #fff; box-shadow: 0 14px 40px #26334d26; }
.console-group-picker-search { display: flex; gap: 8px; margin-bottom: 12px; }
.console-group-picker-search input[type="search"] { flex: 1; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--console-line); border-radius: 7px; font-size: 16px; background: #fff; }
.console-group-picker-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; max-height: min(340px, 42vh); overflow-y: auto; overscroll-behavior: contain; }
.console-group-option { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; gap: 12px; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 7px; overflow-wrap: anywhere; font-size: 13px; }
.console-group-option:hover { background: #f5f6f8; }
.console-group-option.is-active { background: #eef1ff; color: var(--console-blue); font-weight: 600; }
.console-group-picker-pagination { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; font-size: 12px; color: var(--console-muted); }
.console-group-picker-pagination a { display: inline-flex; align-items: center; min-height: 44px; color: var(--console-blue); }
.console-group-popover-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--console-line); margin-top: 8px; padding-top: 8px; font-size: 13px; color: var(--console-blue); }
.console-group-popover-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.console-group-no-results { grid-column: 1 / -1; padding: 24px 12px; font-size: 13px; color: var(--console-muted); }
.console-link-search { max-width: none; }
.console-group-picker-page { max-width: 720px; padding: 20px; border: 1px solid var(--console-line); border-radius: 12px; background: #fff; }
.console-group-manager { display: inline-flex; flex-shrink: 0; align-items: center; min-height: 44px; padding: 6px; font-size: 13px; color: var(--console-muted); }
.console-group-report { display: inline-flex; flex-shrink: 0; align-items: center; gap: 7px; min-height: 44px; padding: 8px 10px 8px 18px; border-left: 1px solid var(--console-line); color: var(--console-blue); font-size: 13px; white-space: nowrap; }
.console-group-report svg { width: 17px; height: 17px; }
.console-group-report:hover { color: #3f58bb; }
.console-group-report:focus-visible { outline: 2px solid var(--console-blue); outline-offset: 2px; border-radius: 6px; }
.console-group-picker-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.console-group-sheet-close { display: none; }
.console-group-sheet-trigger[hidden] { display: none; }
.console-group-popover-title { font-size: 15px; font-weight: 600; margin-bottom: 14px !important; }
.console-group-popover-title span { color: var(--console-muted); font-weight: 400; }
.console-group-option-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.console-group-option-count { font-size: 12px; color: var(--console-muted); font-variant-numeric: tabular-nums; }
.console-group-option-check { color: var(--console-blue); }

.console-group-picker-columns { display: flex; justify-content: space-between; padding: 7px 36px 7px 12px; background: #f6f8fb; color: var(--console-muted); font-size: 12px; }

@media (max-width: 959px) {
  .console-groups { gap: 8px; padding: 0; margin-bottom: 16px; border: 0; border-radius: 0; background: transparent; }
  .console-group-tabs { gap: 4px; scrollbar-width: none; }
  .console-group-tabs::-webkit-scrollbar { display: none; }
  .console-group-tab { gap: 5px; max-width: 150px; padding: 10px; font-size: 13px; }
  .console-group-tab:nth-child(n + 5):not(.is-active) { display: none; }
  .console-group-tab .console-group-option-name { overflow: hidden; }
  .console-group-tab .console-group-option-count { display: none; }
  .console-group-manager, .has-group-sheet .console-all-groups { display: none; }
  .console-group-report { gap: 5px; padding: 8px 10px; border: 1px solid var(--console-line); border-radius: 8px; background: #fff; font-size: 12px; }
  .console-all-groups > summary { gap: 0; padding: 8px 4px; font-size: 12px; }
  .console-all-groups > summary > span:first-child { display: none; }
  .console-group-sheet-trigger { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border: 1px solid var(--console-line); border-radius: 8px; background: #fff; font-size: 13px; white-space: nowrap; }
  .console-mobile-sheet.console-group-sheet { inset: auto 0 0; width: 100%; max-width: none; max-height: 85vh; max-height: 85dvh; margin: 0; padding: 0; border: 0; border-radius: 18px 18px 0 0; color: var(--console-ink); background: #fff; overflow: hidden; }
  .console-group-sheet[open] { display: flex; flex-direction: column; }
  .console-group-sheet::backdrop { background: #18223866; }
  .console-group-sheet .console-group-popover { position: static; display: flex; flex-direction: column; min-height: 0; max-height: inherit; width: 100%; border: 0; padding: 16px 16px max(12px, env(safe-area-inset-bottom)); box-shadow: none; }
  .console-group-sheet .console-group-picker-heading { flex-shrink: 0; align-items: center; margin-bottom: 12px; }
  .console-group-sheet .console-group-popover-title { margin-bottom: 0 !important; font-size: 17px; }
  .console-group-sheet-close { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 8px; color: var(--console-muted); background: #f5f6f8; font-size: 18px; cursor: pointer; }
  .console-group-sheet turbo-frame { display: flex; flex-direction: column; min-height: 0; }
  .console-group-sheet .console-group-picker-search, .console-group-sheet .console-group-picker-pagination, .console-group-sheet .console-group-popover-footer { flex-shrink: 0; }
  .console-group-sheet .console-group-picker-columns { display: none; }
  .console-group-sheet .console-group-picker-results { min-height: 0; max-height: 48vh; }
  .console-group-sheet .console-group-option { min-height: 48px; font-size: 14px; }
}
.console-detail-overview { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); margin-bottom: 28px; }
.console-detail-overview .console-detail-section { min-width: 0; padding: 16px 20px; }
.console-detail-overview .console-detail-section + .console-detail-section { border-top: 0; border-left: 1px solid var(--console-line); }
.console-detail-overview .console-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.console-detail-overview .console-destinations { max-height: 160px; overflow-y: auto; }
.console-detail-overview .console-share-section .console-short-url { font-size: 15px !important; }
.console-statistics.console-report { max-width: none; }
.console-report .console-statistics-heading > div { display: flex; align-items: center; gap: 20px; color: var(--console-muted); font-size: 12px; }
.console-report .console-metric-number { font-size: clamp(27px, 3.2vw, 38px); }
.console-report .console-date-form { margin-bottom: 18px; }
.console-report .console-trend-chart { max-height: 280px; }
.console-geography, .console-breakdown-panel { padding: 22px 24px; }
.console-map-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 10px; font-size: 12px; }
.console-map-tabs > a { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 13px; border: 1px solid var(--console-line); border-radius: 6px; }
.console-map-tabs > a[aria-current] { color: #3558be; background: #edf2ff; border-color: #c7d5fb; }
.console-map-tabs > .console-map-back { border: 0; color: var(--console-blue); margin-left: auto; padding-right: 0; }
.console-map-current { font-weight: 600; }
.console-geography-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.console-map-panel, .console-geography-ranking { min-width: 0; }
.console-geography-map { width: 100%; height: auto; display: block; background: #fafcff; border-radius: 8px; }
.console-map-region { stroke: #fff; stroke-width: .8; vector-effect: non-scaling-stroke; }
.console-geography-map a { cursor: pointer; }
.console-geography-map a:hover .console-map-region, .console-geography-map a:focus .console-map-region { stroke: #3857b2; stroke-width: 1.6; filter: brightness(.96); }
.console-map-label { fill: #476184; font-size: 10px; text-anchor: middle; pointer-events: none; }
.console-map-legend { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 10px 0; font-size: 11px; color: var(--console-muted); }
.console-map-gradient { display: inline-block; width: 116px; height: 8px; border-radius: 3px; background: linear-gradient(90deg, #edf1f7, #b6ccff, #587ee0, #3558be); }
.console-geography-ranking h4, .console-breakdown-panel h4 { font-size: 12px; font-weight: 500; color: var(--console-muted); margin: 20px 0 10px; }
.console-statistics-scroll { max-height: 340px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.console-statistics-scroll:focus-visible, .console-map-tabs a:focus-visible, .console-geography-map a:focus-visible { outline: 2px solid var(--console-blue); outline-offset: 3px; }
.console-statistics-scroll thead { position: sticky; top: 0; background: #fff; z-index: 1; }
.console-geography-scroll { max-height: 350px; }
.console-map-drilldown { color: var(--console-blue) !important; text-decoration: underline; text-underline-offset: 3px; }
.console-geography-all-cities { margin-top: 12px; border-top: 1px solid var(--console-line); padding-top: 12px; }
.console-geography-all-cities summary { padding: 10px 0; font-size: 12px; color: var(--console-muted); cursor: pointer; }
.console-report-breakdowns { gap: 16px; }
.console-report-breakdowns > .console-statistics-panel:last-child { grid-column: auto; }
.console-breakdown-panel .console-statistics-subheading { margin-bottom: 16px; }
.console-device-overview { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin: 8px 0 20px; }
.console-device-chart { display: block; width: 155px; flex: 0 0 155px; }
.console-device-total { fill: var(--console-ink); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.console-device-label { fill: var(--console-muted); font-size: 10px; }
.console-device-legend { flex: 1 1 140px; min-width: 0; }
.console-device-legend > div { display: flex; align-items: center; gap: 7px; margin: 11px 0; font-size: 12px; }
.console-device-legend strong { margin-left: auto; font-weight: 500; font-variant-numeric: tabular-nums; }
.console-device-swatch { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }
.console-device-swatch-0 { background: #587ee0; }.console-device-swatch-1 { background: #2b9b91; }.console-device-swatch-2 { background: #9caac6; }.console-device-swatch-3 { background: #d9dfe8; }
@media (min-width: 960px) { .console-statistics.console-report, .console-detail-panel.console-detail-overview { max-width: none; } }
@media (max-width: 1100px) {
  .console-geography-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; }
  .console-device-overview { gap: 10px; }.console-device-chart { width: 128px; flex-basis: 128px; }
}
@media (max-width: 760px) {
  .console-detail-overview { grid-template-columns: 1fr; margin-bottom: 24px; }
  .console-detail-overview .console-detail-section { padding: 18px; }
  .console-detail-overview .console-detail-section + .console-detail-section { border-left: 0; border-top: 1px solid var(--console-line); }
  .console-report .console-statistics-heading { align-items: flex-start; }
  .console-report .console-statistics-heading > div { flex-direction: column; align-items: flex-end; gap: 0; }
  .console-report .console-statistics-download { min-height: 32px; font-size: 11px; }
  .console-geography, .console-breakdown-panel { padding: 18px 17px; }
  .console-geography-grid { grid-template-columns: 1fr; gap: 3px; }
  .console-geography-ranking h4 { margin-top: 8px; }
  .console-geography-scroll { max-height: 300px; }
  .console-map-tabs { gap: 6px; }.console-map-tabs > a { padding: 8px 10px; }
  .console-map-tabs > .console-map-back { flex-basis: 100%; justify-content: flex-start; padding-left: 0; }
  .console-report-breakdowns { grid-template-columns: 1fr; }
  .console-device-overview { gap: 18px; }.console-device-chart { width: 132px; flex-basis: 132px; }
}
@media (prefers-reduced-motion: reduce) { .console-geography-map * { transition: none; } }

@media (min-width: 960px) {
  .console-report .console-date-presets { display: inline-flex; margin-right: 18px; vertical-align: bottom; }
  .console-report .console-date-form { display: inline-flex; vertical-align: bottom; }
}
.console-account-menu > summary { gap: 8px; }
.console-avatar { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: #e9edfd; color: #405bc7; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; overflow: hidden; }
.console-avatar img { width: 100%; height: 100%; object-fit: cover; }
.console-account-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--console-ink); }
.console-vip-badge { color: #87621f; background: #fff2ce; border-radius: 4px; padding: 1px 4px; font-size: 10px; font-weight: 700; }
.console-account-links { width: 244px; max-width: calc(100vw - 32px); max-height: 70vh; overflow-y: auto; z-index: 30; }
.console-account-identity { display: grid; gap: 4px; padding: 10px 12px 14px; border-bottom: 1px solid var(--console-line); overflow-wrap: anywhere; }
.console-account-identity strong { color: var(--console-ink); }
.console-account-identity span { font-size: 12px; }
.console-account-links nav { padding: 6px 0; }
.console-account-signout { padding-top: 6px; border-top: 1px solid var(--console-line); }
.console-account-settings { display: grid; gap: 20px; }
.console-account-settings h2 { font-size: 18px; line-height: 1.45; }
.console-account-settings .console-payment-receipt { margin: 0; }
.console-account-settings .console-form-panel { width: 100%; }
#console_account > .console-form-panel + .console-form-panel { margin-top: 20px; }
.console-account-profile { display: flex; align-items: flex-start; gap: 20px; }
.console-account-profile > form { min-width: 0; flex: 1; }
.console-profile-avatar, .console-avatar-placeholder { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: 0 0 72px; }
.console-avatar-placeholder { display: inline-flex; align-items: center; justify-content: center; background: #e9edfd; color: #405bc7; }
.console-account-settings input[type=file] { width: 100%; min-height: 44px; }
.console-account-settings .console-form { display: grid; gap: 16px; }
.console-account-settings .console-form .console-field + .console-field { margin-top: 0; }
.console-account-settings .console-form > .console-button { justify-self: start; }
.console-message-day h2 { margin-bottom: 16px; font-size: 17px; }
.console-message-list { display: grid; gap: 0; list-style: none; padding: 0; margin: 0; }
.console-message { display: flex; align-items: baseline; gap: 20px; padding: 14px 0; overflow-wrap: anywhere; }
.console-message + .console-message { border-top: 1px solid var(--console-line); }
.console-message time { color: var(--console-muted); font-size: 12px; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.console-message p { min-width: 0; font-size: 14px; }
.console-token-panel input[data-copy-source] { width: 100%; min-width: 0; font-family: ui-monospace, monospace; }
.console-token-panel label { width: 100%; }
@media (max-width: 600px) {
  .console-account-name { display: none; }
  .console-avatar { width: 30px; height: 30px; flex-basis: 30px; }
  .console-vip-badge { display: none; }
  .console-message { gap: 5px; flex-direction: column; }
  .console-account-profile { flex-wrap: wrap; }
}
@media (max-width: 359px) {
  .console-account-menu > summary { gap: 5px; }
  .console-account-name { display: none; }
  .console-header-inner { column-gap: 8px; }
  .console-brand > span:last-child { display: none; }
}
@media (min-width: 960px) {
  #console_account { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; align-items: start; }
  #console_account > [role=alert] { grid-column: 1 / -1; }
  #console_account > .console-form-panel { max-width: none; min-width: 0; padding: 24px; margin-top: 0 !important; }
  #console_account > section:first-of-type { grid-row: span 2; }
  .console-page-heading { margin-bottom: 24px; }
  .console-field + .console-field { margin-top: 20px; }
  .console-form-actions { padding-top: 20px; margin-top: 20px; }
}
.console-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; }
.console-footer .console-footer-brand { margin: 0; color: inherit; }
.console-footer nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.console-footer nav a { display: inline-flex; align-items: center; min-height: 44px; }
.console-membership-menu { position: relative; flex-shrink: 0; }
.console-membership-menu > summary { display: flex; align-items: center; gap: 5px; min-height: 44px; cursor: pointer; list-style: none; color: #3197c5; font-weight: 750; font-size: 18px; }
.console-membership-menu > summary::-webkit-details-marker { display: none; }
.console-membership-chevron { font-size: 13px; font-weight: 400; }
.console-membership-popover { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; width: 350px; max-width: calc(100vw - 32px); max-height: 75vh; overflow-y: auto; background: #fff; border: 1px solid var(--console-line); border-radius: 12px; box-shadow: 0 12px 36px #24283a1c; }
.console-membership-popover > h2 { padding: 16px 20px; border-bottom: 1px solid var(--console-line); font-size: 16px; }
.console-membership-current { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 16px 20px 0; }
.console-membership-current strong { color: var(--console-ink); font-size: 17px; }
.console-membership-current > span { color: var(--console-muted); font-size: 12px; }
.console-membership-quota { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 20px; padding: 18px 0; border-bottom: 1px solid var(--console-line); }
.console-membership-summary h3 { margin: 0; font-size: 14px; font-weight: 550; }
.console-membership-numbers { margin-top: 6px !important; font-size: 20px; font-variant-numeric: tabular-nums; }
.console-membership-numbers > span { color: var(--console-muted); font-size: 15px; }
.console-membership-status { flex-shrink: 0; padding: 3px 8px; border: 1px solid #9cdcd3; border-radius: 6px; color: #138171; background: #eefbf8; font-size: 12px; }
.console-membership-status.is-exhausted { color: #b54141; border-color: #edb4b4; background: #fff3f3; }
.console-membership-status.is-pending { color: #727586; border-color: #dadddf; background: #f7f8fa; }
.console-membership-note, .console-membership-warning { padding: 12px 20px 0; color: var(--console-muted); font-size: 12px; }
.console-membership-warning { color: #a06b15; }
.console-membership-expiry { padding: 18px 20px; }
.console-membership-expiry h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.console-membership-expiry p { color: var(--console-muted); margin-top: 6px !important; font-size: 12px; overflow-wrap: anywhere; }
.console-membership-summary a.console-membership-purchase { display: flex; justify-content: center; align-items: center; min-height: 48px; border-top: 1px solid var(--console-line); color: var(--console-blue); font-size: 15px; font-weight: 550; }
.console-membership-loading { padding: 16px 20px; color: var(--console-muted); font-size: 13px; }
.console-membership-retry { display: inline-flex; align-items: center; min-height: 44px; margin: 0 20px; color: var(--console-blue) !important; font-size: 13px; }
@media (max-width: 600px) {
  .console-membership-menu { position: static; }
  .console-membership-popover { position: fixed; top: 72px; left: 16px; right: 16px; width: auto; max-width: none; max-height: calc(100vh - 96px); }
}
.console-batch-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0; }
.console-batch-actions form { margin:0; }
.console-batch-actions select { max-width:260px; min-height:44px; padding:8px; border:1px solid var(--console-line,#dde2eb); border-radius:8px; background:#fff; }
.console-batch-select-all,.console-batch-selection { display:inline-flex; align-items:center; gap:6px; min-height:44px; }
.console-batch-selection { position:absolute; left:10px; top:8px; }
.console-cube-row:has(.console-batch-selection) { position:relative; padding-left:42px; }
.console-batch-fieldset { border:0; padding:0; margin:0; min-width:0; }
.console-batch-fieldset legend { font-weight:600; margin:0 0 12px; }
.console-recycle-item { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0; }
.console-recycle-item h2 { margin:0 0 8px; font-size:17px; }
.console-batch-actions .console-field-hint { flex-basis:100%; margin:0; }
@media(max-width:600px) { .console-batch-actions select { max-width:100%; flex:1 1 180px; } .console-recycle-item { display:block; } }
.console-sharing-panel h2{font-size:18px;margin:0 0 14px}.console-sharing-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:16px 0}.console-sharing-form>label{display:grid;gap:7px;flex:1 1 220px;min-width:0;font-size:14px;color:#536179}.console-sharing-form input:not([type=submit]):not([type=checkbox]),.console-sharing-form select,.console-sharing-list input[readonly]{width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #dce2ed;border-radius:8px;font:inherit;background:#fff;color:#28344b;box-sizing:border-box}.console-sharing-permissions{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0;border:0;flex-basis:100%;margin:0}.console-sharing-permissions legend{font-size:14px;color:#536179;margin-bottom:6px}.console-sharing-permissions label{display:flex;align-items:center;gap:7px;min-height:36px;font-size:14px}.console-sharing-permissions input{width:18px;height:18px;accent-color:#587ee0}.console-sharing-list{list-style:none;padding:0;margin:14px 0 0}.console-sharing-list>li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #edf1f7;min-width:0}.console-sharing-list>li>div:first-child{min-width:0;flex:1}.console-sharing-list strong{font-size:15px;overflow-wrap:anywhere}.console-sharing-list span{font-size:13px;color:#6a7890;display:inline-block;margin:0 10px}.console-sharing-list input[readonly]{display:block;margin-top:10px;font-size:13px}.console-sharing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.console-sharing-list time{font-size:13px;color:#6a7890}.console-sharing-list .console-sharing-form{margin-bottom:0}.console-sharing-list p{overflow-wrap:anywhere}@media(max-width:700px){.console-sharing-list>li{align-items:start;flex-direction:column;gap:12px}.console-sharing-form>label{flex-basis:100%}.console-sharing-list .console-sharing-actions{width:100%}.console-sharing-actions .console-button{min-width:0}.console-sharing-permissions{gap:8px 15px}}
.console-import-item{display:flex;align-items:start;gap:12px;min-width:0;width:100%;cursor:pointer}.console-import-item>input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:#587ee0}.console-import-item>span{margin:0;min-width:0}.console-import-item>span>span{display:block;margin:5px 0 0;overflow-wrap:anywhere}
.console-actions, .console-detail-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.console-actions form, .console-detail-tabs form { margin: 0; }
.console-detail-tabs { margin: 0 0 20px; }
.console-text-button { border: 0; background: transparent; color: var(--console-blue); font: inherit; min-height: 40px; padding: 4px 8px; }
.console .console-link-search { flex-wrap: wrap; }
.console .console-link-search select, .console .console-link-search input[type="date"] { flex: 0 1 auto; min-width: 0; width: auto; border: 1px solid var(--console-line); background: white; border-radius: 8px; padding: 9px; font: inherit; }
.console .console-link-search input[type="search"] { flex: 1 1 240px; }
.console .console-form-panel + .console-form-panel { margin-top: 16px; }
.console .console-form textarea { width: 100%; min-height: 88px; border: 1px solid var(--console-line); border-radius: 8px; padding: 10px; font: inherit; resize: vertical; }
.console-order-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.console-order-controls form { margin: 0; }
.console [draggable="true"] { cursor: grab; }
.console [data-console-dragging] { opacity: .5; }
@media (max-width: 700px) {
  .console .console-page-heading > .console-actions { width: 100%; }
  .console .console-link-search select { flex: 1 1 40%; }
  .console .console-link-search input[type="date"] { flex: 1 1 40%; width: 40%; }
  .console .console-link-search input[type="submit"] { flex: 1 1 100%; }
}
.console-visit-record { border-top:1px solid #e5eaf2; padding:16px 0; }
.console-visit-record h2 { font-size:16px; margin:0 0 12px; }
.console-visit-record h2 small { font-weight:400; color:#64748b; }
.console-visit-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; margin:0; }
.console-visit-fields div { min-width:0; }
.console-visit-fields dt { font-size:12px; color:#64748b; }
.console-visit-fields dd { margin:4px 0 0; overflow-wrap:anywhere; font-size:14px; }
.console-source-label { overflow-wrap:anywhere; max-width:640px; }
.console-realtime-toggle { display:inline-flex; gap:8px; align-items:center; min-height:44px; font-size:14px; }
@media(max-width:600px) { .console-visit-fields { grid-template-columns:1fr; } }
body.console-auth { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: #f5f7fb; }
.console-auth-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 5vw; }
.console-auth-header > a:last-child { color: var(--console-muted); font-size: 13px; }
.console-auth-main { display: grid; flex: 1; place-items: center; padding: 32px 20px 64px; }
.console-auth-panel { width: 100%; max-width: 440px; padding: 40px; border: 1px solid var(--console-line); border-radius: 16px; background: #fff; box-shadow: 0 16px 48px #24283a08; }
.console-auth-panel .console-auth-eyebrow { margin: 0 0 14px; color: var(--console-blue); font-size: 12px; letter-spacing: .08em; }
.console-auth-panel h1 { margin: 0 0 9px; font-size: 30px; }
.console-auth-panel .console-intro { margin-bottom: 30px; font-size: 13px; }
.console-auth-panel .console-field { margin-bottom: 20px; }
.console-auth-panel .console-field input { width: 100%; min-height: 48px; font-size: 16px; }
.console-auth-recovery { margin: -6px 0 24px; text-align: right; font-size: 13px; }
.console-auth-panel a { color: var(--console-blue); }
.console-auth-submit { width: 100%; min-height: 48px; }
.console-auth-panel .console-auth-signup { margin: 24px 0 0; color: var(--console-muted); text-align: center; font-size: 13px; }
.console-auth-panel .console-auth-message { padding: 12px 14px; margin: 0 0 24px; border: 1px solid #d4e1f8; border-radius: 7px; background: #f3f7ff; color: #354b7e; font-size: 14px; overflow-wrap: anywhere; }
.console-auth-message.is-error { color: #9d2936; border-color: #f0cbd0; background: #fff4f5; }
.console-auth-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; padding: 20px; color: var(--console-muted); font-size: 12px; }
@media (max-width: 480px) {
  .console-auth-header { padding: 20px; }
  .console-auth-main { align-items: start; padding: 24px 20px 40px; }
  .console-auth-panel { padding: 28px 22px; }
}
.console-list-title { flex: 1; min-width: 0; }
.console-list-secondary-actions { display: contents; }
.console-list-filter-fields, .console-filter-field { display: contents; }
.console-list-filter-fields select, .console-list-filter-fields input[type="date"] { width: 100%; min-width: 0; }
.console-link-search .console-list-search-submit { order: 2; }
.console-list-search-submit svg { display: none; }
.console-card-group { display: none; }
.console-list-filter-summary { margin: -8px 0 18px !important; font-size: 12px; color: var(--console-muted); }
.console-flash { display: flex; align-items: flex-start; gap: 10px; }
.console-flash > span { flex: 1; min-width: 0; }
.console-flash-close { display: inline-grid; place-items: center; flex: 0 0 32px; min-height: 32px; margin: -5px -8px -5px 0; border: 0; border-radius: 5px; background: transparent; color: inherit; font-size: 20px; }
@media (max-width: 959px) {
  .console-list-heading { align-items: center; gap: 12px; margin-bottom: 16px; }
  .console-list-heading h1 { font-size: 25px; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .console-list-heading .console-intro { margin-top: 3px !important; font-size: 12px; }
  .console .console-list-heading > .console-list-actions { width: auto; flex: 0 0 auto; gap: 8px; }
  .console-list-actions > .console-button { min-height: 44px; padding: 10px 13px; font-size: 14px; }
  .console-list-actions .console-new-link-suffix { display: none; }
  .console-list-more { width: 42px; padding: 0 !important; font-size: 23px !important; }
  [data-console-list-enhanced] .console-list-secondary-actions { display: grid; gap: 5px; }
  .console-list-more-sheet .console-list-secondary-actions > * { display: flex; justify-content: flex-start; width: 100%; border: 0; min-height: 48px; padding: 12px 8px; }
  .console-link-search.console-search { display: grid; grid-template-columns: minmax(0, 1fr) 44px auto; gap: 8px; margin-bottom: 16px; max-width: none; }
  .console-link-search input[type="search"] { grid-column: 1 / 3; grid-row: 1; width: 100%; min-height: 46px; padding: 10px 43px 10px 13px; font-size: 14px; }
  .console-link-search .console-list-search-submit { grid-column: 2; grid-row: 1; order: initial; padding: 0; border: 0; background: transparent; z-index: 1; }
  .console-list-search-submit span { display: none; }
  .console-list-search-submit svg, .console-list-filter-trigger svg { display: block; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  .console-link-search .console-list-filter-trigger { grid-column: 3; grid-row: 1; padding: 10px 12px; font-size: 13px; }
  .console-filter-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 3px; border-radius: 20px; background: #eaf0ff; color: var(--console-blue); font-size: 11px; }
  .console-list-filter-sheet { padding: 0 18px max(20px, env(safe-area-inset-bottom)); }
  .console-list-filter-sheet .console-list-filter-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 12px; padding-bottom: 2px; }
  .console-list-filter-sheet .console-filter-field { display: block; grid-column: 1 / -1; }
  .console-list-filter-sheet .console-filter-field > label { position: static; width: auto; height: auto; clip: auto; margin: 0 0 8px; display: block; overflow: visible; white-space: normal; color: var(--console-muted); font-size: 13px; }
  .console-list-filter-sheet .console-filter-field:first-child select { display: none; }
  .console-filter-options { display: flex; flex-wrap: wrap; gap: 7px; }
  .console-filter-options button, .console-filter-presets button { min-height: 42px; padding: 9px 12px; border: 1px solid var(--console-line); border-radius: 7px; color: var(--console-ink); background: #f8f9fc; font-size: 13px; }
  .console-filter-options button[aria-pressed="true"], .console-filter-presets button[aria-pressed="true"] { color: #405bc7; border-color: #d1dcff; background: #eaf0ff; font-weight: 600; }
  .console-list-filter-sheet select, .console-list-filter-sheet input[type="date"] { display: block; min-height: 46px; max-width: 100%; padding: 10px; border: 1px solid var(--console-line); border-radius: 7px; background: #fff; color: var(--console-ink); font-size: 16px; }
  .console-filter-presets { grid-column: 1 / -1; display: flex; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
  .console-filter-presets legend { margin: 0 0 9px; color: var(--console-muted); font-size: 13px; }
  .console-filter-presets button { flex: 1; padding: 8px 4px; white-space: nowrap; font-size: 12px; }
  .console-list-filter-sheet .console-filter-date { grid-column: auto; min-width: 0; }
  .console-filter-date-hint { grid-column: 1 / -1; color: var(--console-muted); font-size: 12px; }
  .console-list-filter-actions { grid-column: 1 / -1; position: sticky; bottom: 0; display: grid; grid-template-columns: 1fr 1.5fr; gap: 12px; padding: 12px 0 0; background: #fff; }
  [data-console-list-enhanced]:not(.is-batch-mode) .console-batch-actions,
  [data-console-list-enhanced]:not(.is-batch-mode) .console-batch-selection { display: none; }
  [data-console-list-enhanced]:not(.is-batch-mode) .console-cube-row:has(.console-batch-selection) { padding-left: 16px; }
  .console-mobile-batch-status { flex-basis: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
  .console-batch-actions { padding: 12px; border: 1px solid var(--console-line); border-radius: 10px; background: #fff; }
  .console-cube-row { padding: 14px 16px 3px; border-radius: 10px; }
  .console-cube-row .console-card-heading { margin-bottom: 2px; gap: 8px; align-items: center; }
  .console-cube-row .console-card-heading h2 { font-size: 15px; }
  .console-cube-row .console-type { font-size: 10px; padding: 1px 5px; }
  .console-cube-row .console-short-url { font-size: 13px !important; }
  .console-cube-row .console-button-copy { padding: 8px 10px; font-size: 11px; }
  .console-cube-row .console-target { margin: 1px 0 6px; font-size: 12px; }
  .console-cube-row .console-target > span { display: none; }
  .console-cube-row .console-card-statistics { border-top: 1px solid var(--console-line); padding: 8px 0; }
  .console-cube-row .console-card-statistics dt { font-size: 11px; }
  .console-cube-row .console-card-statistics dd { font-size: 20px; line-height: 1.3; }
  .console-cube-row .console-card-statistics dl { gap: 15px; }
  .console-cube-row .console-card-statistics dl > div + div { padding-left: 16px; }
  .console-cube-row .console-card-bottom { margin-top: 0; padding-top: 0; gap: 8px; }
  .console-cube-row .console-card-group { display: block; color: var(--console-muted); font-size: 11px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .console-cube-row .console-card-bottom .console-actions { flex-shrink: 0; gap: 13px; }
  .console-cube-row .console-card-bottom:not(:has(.console-card-group)) .console-actions { width: 100%; justify-content: space-between; }
  .console-cube-row .console-detail-link, .console-cube-row .console-text-button { font-size: 11px; }
  .console-list-empty { border: 0; background: transparent; padding: 50px 16px 40px; }
  .console-list-empty .console-empty-mark { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 20px; border-radius: 50%; background: #eef1f8; color: #778297; }
  .console-empty-mark svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .console-list-empty h2 { font-size: 19px; }
  .console-list-empty p { margin: 12px auto 24px; max-width: 230px; font-size: 13px; }
  .console-list-empty .console-inline-link { display: block; }
  .console-flash { margin-bottom: 16px; padding: 10px 12px; font-size: 13px; }
}
.console [hidden] { display: none !important; }
.console-mobile-navigation { display: none; }
.console-mobile-sheet { width: min(100%, 560px); max-width: 100%; max-height: 88vh; max-height: 88dvh; margin: auto auto 0; padding: 0 20px max(20px, env(safe-area-inset-bottom)); border: 0; border-radius: 24px 24px 0 0; color: var(--console-ink); background: #fff; box-shadow: 0 -12px 48px #24283a18; }
.console-mobile-sheet:not([open]) { display: none; }
.console-mobile-sheet::backdrop { background: #171c35a6; }
.console-mobile-sheet-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0 12px; }
.console-mobile-sheet-header h2 { margin: 0; font-size: 18px; }
.console-mobile-sheet-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #f1f3f8; color: var(--console-muted); font: 26px/1 sans-serif; cursor: pointer; }
.console-mobile-account-sheet .console-account-links { position: static; width: 100%; min-width: 0; max-width: none; max-height: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.console-mobile-account-sheet .console-account-links a { min-height: 48px; }
html:has(.console-mobile-sheet[open]) { overflow: hidden; }
@media (max-width: 959px) {
  .console-with-mobile-navigation { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  .console-header { position: sticky; top: 0; z-index: 30; background: #fff; }
  .console-header-inner { min-height: 64px; padding: 8px 18px; flex-wrap: nowrap; gap: 12px; }
  .console-brand { gap: 9px; font-size: 16px; white-space: nowrap; }
  .console-brand > span:last-child { display: inline; }
  .console-brand-mark { width: 31px; height: 31px; border-radius: 9px; font-size: 25px; }
  .console-navigation, .console-header-actions > .console-legacy { display: none; }
  .console-header-actions { gap: 16px; }
  .console-account-menu > summary { min-width: 44px; justify-content: center; }
  .console-account-menu > summary::after, .console-account-name, .console-vip-badge { display: none; }
  .console-avatar { width: 32px; height: 32px; flex-basis: 32px; }
  .console-membership-menu { position: static; }
  .console-membership-popover { position: fixed; top: 72px; left: 16px; right: 16px; width: auto; max-width: 420px; margin-left: auto; max-height: calc(100dvh - 170px); }
  .console-main { padding: 24px 18px 32px; min-height: calc(100dvh - 240px); }
  .console-footer { padding: 16px 18px 24px; }
  .console-footer-brand { display: none; }
  .console-footer nav { gap: 6px 18px; }
  .console-mobile-navigation { position: fixed; z-index: 40; inset: auto 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 6px 12px calc(6px + env(safe-area-inset-bottom)); border-top: 1px solid #e8ebf2; background: #fff; box-shadow: 0 -4px 20px #24283a06; }
  .console-mobile-navigation-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 54px; border-radius: 14px; font-size: 11px; color: #808698 !important; }
  .console-mobile-navigation-link svg { width: 22px; height: 22px; }
  .console-mobile-navigation-link.is-current { background: #eef2ff; color: #405bc7 !important; font-weight: 650; }
}
@media (max-width: 959px) {
  .console .console-header-actions > a.console-legacy { display: none; }
}
.console-card-list.console-cube-list { display:grid; gap:28px; background:transparent; border:0; border-radius:0; overflow:visible; margin-top:20px; }
.console-link-item.console-cube-row { display:block; position:relative; padding:28px 32px 18px; border:1px solid #e2e7f0; border-radius:16px; background:#fff; box-shadow:0 3px 10px #263b650a; min-width:0; }
.console-link-item.console-cube-row + .console-cube-row { border-top:1px solid #e2e7f0; }
.console-link-item.console-cube-row:hover { background:#fff; }
.console-link-item .console-batch-selection { left:28px; top:28px; min-height:40px; }
.console-item-title { display:flex; align-items:center; gap:14px; min-height:40px; padding-left:36px; }
.console-item-title h2 { font-size:19px; font-weight:600; line-height:1.5; min-width:0; overflow-wrap:anywhere; }
.console-item-title h2 a { color:var(--console-ink); }
.console-link-item .console-type { font-size:11px; padding:3px 9px; border-radius:6px; background:#edf2ff; color:#425ebc; flex-shrink:0; }
.console-link-item .console-type[data-category="Cubes::TimeCube"] { background:#f3edfc; color:#7755b7; }
.console-link-item .console-type[data-category="Cubes::LocationCube"] { background:#eaf7f3; color:#27796e; }
.console-link-item .console-type[data-category="Cubes::RandomCube"] { background:#fcf3e4; color:#876426; }
.console-link-item .console-item-reference { color:#657189; background:#f0f3f8; }
.console-item-state { color:#a94d5a; background:#fff1f2; border-radius:5px; padding:3px 8px; font-size:11px; }
.console-item-readonly { font-size:12px; color:#69758b; }
.console-item-favorite { margin-left:auto; }
.console-item-star { display:grid; place-items:center; background:none; border:0; min-width:44px; min-height:44px; color:#7a879e; cursor:pointer; }
.console-item-star.is-active { color:#ad7e24; }
.console-item-star.is-active svg { fill:#fff1cd; }
.console-link-item svg,.console-order-list svg { width:18px; height:18px; flex:none; }
.console-item-body { display:grid; grid-template-columns:minmax(0,1fr) 306px; gap:64px; align-items:center; margin:22px 0 0 36px; }
.console-item-content { min-width:0; }
.console-item-links { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.console-link-item .console-copy { grid-area:auto; display:flex; align-items:center; gap:12px; flex:0 1 auto; max-width:100%; }
.console-link-item .console-short-url { min-width:130px; width:34ch; flex:1; padding:0!important; border:0!important; background:transparent!important; color:var(--console-blue); font-size:15px!important; box-shadow:none!important; border-radius:0; text-overflow:ellipsis; min-height:40px; }
.console-link-item .console-button-copy,.console-item-qr>summary { display:flex; align-items:center; justify-content:center; gap:7px; background:#fbfcff; color:#465fc5; border:1px solid #dfe6fa; border-radius:7px; padding:0 12px; min-height:40px; font-size:12px; white-space:nowrap; }
.console-item-qr { position:relative; }
.console-item-qr>summary { list-style:none; cursor:pointer; }
.console-item-qr>summary::-webkit-details-marker,.console-item-more>summary::-webkit-details-marker { display:none; }
.console-item-qr>summary svg { width:15px; height:15px; }
.console-item-qr-panel { position:absolute; top:calc(100% + 12px); right:0; z-index:12; display:grid; justify-items:center; gap:14px; padding:22px; width:260px; background:white; border:1px solid #e2e7f0; box-shadow:0 12px 36px #263b6526; border-radius:12px; }
.console-item-qr-panel strong { max-width:214px; overflow-wrap:anywhere; font-size:14px; }
.console-item-qr-panel img { width:200px; height:200px; object-fit:contain; }
.console-item-qr-panel>a { font-size:12px; }
.console-item-destination,.console-item-rule-summary { display:flex; gap:12px; align-items:center; margin-top:16px; min-width:0; color:#69758b; font-size:12px; }
.console-item-destination>span:first-child,.console-item-rule-summary>span:first-child { flex:none; color:#737f94; font-size:11px; }
.console-item-destination input,.console-item-rule-destination input { width:0; flex:1; min-width:0; padding:0!important; background:transparent!important; border:0!important; border-radius:0; color:#68758e; font-size:12px; text-overflow:ellipsis; min-height:28px; box-shadow:none!important; }
.console-item-copy-icon { flex:none; display:grid; place-items:center; border:0; background:transparent; color:#6d7d99; min-height:36px; min-width:36px; padding:0; cursor:pointer; }
.console-item-copy-icon svg { width:15px; height:15px; }
.console-link-item .console-card-statistics { grid-area:auto; padding:0; }
.console-link-item .console-card-statistics dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.console-link-item .console-card-statistics dl>div+div { border:0; padding:0; }
.console-link-item .console-card-statistics dt { font-size:11px; color:#69758b; white-space:normal; }
.console-link-item .console-card-statistics dd { font-size:24px; line-height:1.6; font-weight:550; margin:0; letter-spacing:-.5px; }
.console-card-statistics small { font-size:10px; color:#69758b; }
.console-item-seven-day { margin-top:8px!important; font-size:11px; color:#6b7891; }
.console-item-seven-day strong { margin-left:12px; font-weight:400; }
.console-item-rules { margin-left:36px; }
.console-item-rules>summary,.console-item-quick-edit>summary { display:flex; align-items:center; gap:8px; width:max-content; color:#5269c3; font-size:12px; list-style:none; cursor:pointer; min-height:40px; margin-top:12px; }
.console-item-rules>summary svg { width:12px; height:12px; }
.console-item-rules-collapse { display:none; }
.console-item-rules[open] .console-item-rules-collapse { display:inline; }
.console-item-rules[open] .console-item-rules-expand { display:none; }
.console-item-rules[open]>summary svg { transform:rotate(180deg); }
.console-item-rule-panel { margin-top:14px; border-radius:10px; padding:20px 24px; background:#f7f9fd; border:1px solid #edf1f8; }
.console-item-rule-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; color:#657189; font-size:12px; margin-bottom:12px; }
.console-item-rule-heading>a { color:var(--console-blue); }
.console-item-rule { display:grid; grid-template-columns:minmax(80px,160px) 18px minmax(0,1fr) 36px; align-items:center; gap:16px; min-height:48px; font-size:12px; color:#697994; }
.console-item-rule+.console-item-rule { border-top:1px solid #e8edf5; }
.console-item-rule-condition { overflow-wrap:anywhere; }
.console-item-rule-destination { min-width:0; display:flex; flex-direction:column; }
.console-item-rule-destination input { width:100%; flex:auto; }
.console-item-rule-destination small { font-size:10px; color:#69758b; }
.console-item-quick-edit { margin-left:36px; }
.console-item-quick-edit>summary { color:#69758b; font-size:11px; margin-top:8px; }
.console-item-quick-edit>summary svg { width:14px; height:14px; }
.console-item-quick-form { margin-top:12px; border-radius:10px; border:1px solid #e7ebf3; padding:24px; }
.console-item-quick-form .console-form { max-width:720px; }
.console-item-statistics-note { margin:14px 0 0 36px!important; color:#986a3a; font-size:12px; }
.console-item-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin:24px 0 0 36px; padding-top:16px; border-top:1px solid #eef1f6; min-height:58px; }
.console-item-metadata { display:flex; flex-wrap:wrap; gap:18px; color:#6c7890; font-size:11px; }
.console-item-metadata>span { display:flex; align-items:center; gap:7px; min-width:0; overflow-wrap:anywhere; }
.console-item-metadata svg { width:14px; height:14px; }
.console-item-actions { display:flex; align-items:center; gap:26px; }
.console-item-actions>a,.console-item-actions>form>button,.console-item-more>summary { display:flex; align-items:center; gap:7px; padding:0 3px; min-height:40px; background:transparent; border:0; color:#65738d; font-size:12px; cursor:pointer; white-space:nowrap; }
.console-item-actions svg { width:16px; height:16px; }
.console-item-actions>form { margin:0; }
.console-item-actions>form>.console-item-clone { color:#465fc5; }
.console-item-more { position:relative; }
.console-item-more>summary { list-style:none; }
.console-item-more>summary svg { width:12px; height:12px; }
.console-item-menu { display:grid; position:absolute; right:0; top:calc(100% + 8px); z-index:13; min-width:190px; padding:7px; background:white; border:1px solid #e2e7f0; box-shadow:0 10px 32px #253b6521; border-radius:10px; }
.console-item-menu>a,.console-item-menu>form>button { display:flex; align-items:center; min-height:40px; padding:8px 12px; text-align:left; width:100%; color:#65738d; background:transparent; border:0; font-size:12px; cursor:pointer; }
.console-item-menu>a:hover,.console-item-menu>form>button:hover { background:#f5f7fc; border-radius:6px; }
.console-item-menu .console-item-danger { color:#ad4b58; border-top:1px solid #edf0f6; margin-top:6px; padding-top:13px; }
.console-list-date-note { margin:18px 0; color:#657189; font-size:12px; }
.console-batch-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
#console_cube_list:not(.is-batch-mode):not(:has([data-batch-selection]:checked)) .console-batch-controls { display:none; }
.console-item-actions a:focus-visible,.console-item-actions button:focus-visible,.console-link-item summary:focus-visible { outline:3px solid #9aaeff; outline-offset:4px; border-radius:5px; }
.console-order-list { display:grid; gap:18px; list-style:none; padding:0; margin:0; }
.console-order-item { display:flex; align-items:center; gap:22px; padding:24px; border:1px solid var(--console-line); border-radius:12px; background:#fff; }
.console-order-item[data-console-dragging] { opacity:.5; }
.console-order-grip { cursor:grab; color:#6d7d99; display:flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; }
.console-order-grip svg { stroke-width:4; }
.console-order-content { flex:1; min-width:0; }
.console-order-content strong { display:block; font-size:15px; }
.console-order-content span { display:block; margin-top:8px; color:#657189; font-size:12px; overflow-wrap:anywhere; }
.console-order-buttons { display:flex; gap:14px; }
.console-order-buttons form { margin:0; }
.console-tool-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; margin:28px 0; }
.console-tool-layout .console-form-panel { max-width:none; margin:0; }
.console-tool-reports { display:flex; flex-direction:column; gap:14px; padding:24px; border:1px solid var(--console-line); background:#fff; border-radius:12px; }
.console-tool-reports h2 { font-size:16px; }
.console-tool-reports a { color:#657189; overflow-wrap:anywhere; }
.console-tool-reports a[aria-current=page] { color:var(--console-blue); font-weight:600; }
@media(max-width:959px){ .console-tool-layout { grid-template-columns:1fr; }.console-tool-reports { max-height:250px; overflow:auto; } }
@media(min-width:1440px){ .console-card-list.console-cube-list { gap:30px; }.console-link-item.console-cube-row { padding:32px 36px 20px; }.console-item-body { margin-top:24px; }.console-item-footer { margin-top:28px; padding-top:18px; } }
@media(max-width:1100px){ .console-item-body { grid-template-columns:minmax(0,1fr) 250px; gap:32px; }.console-item-actions { gap:18px; }.console-link-item .console-card-statistics dl { gap:16px; } }
@media(max-width:959px){
 .console-card-list.console-cube-list { gap:22px; }.console-link-item.console-cube-row { padding:24px 20px 16px!important; border-radius:14px; }
 .console-item-title { padding-left:0; flex-wrap:wrap; gap:10px; }.console-item-title h2 { font-size:17px; flex:1; }.console-link-item .console-batch-selection { position:static; float:left; margin-right:12px; }
 .console-item-body { display:block; margin:22px 0 0; clear:both; }.console-item-links { gap:10px; }.console-link-item .console-copy { flex:1 1 100%; }.console-link-item .console-short-url { font-size:14px!important; }.console-link-item .console-button-copy,.console-item-qr>summary { min-height:44px; font-size:12px; }
 .console-item-destination,.console-item-rule-summary { font-size:12px; margin-top:18px; flex-wrap:nowrap; }.console-item-destination>span:first-child,.console-item-rule-summary>span:first-child { display:none; }
 .console-item-statistics { margin-top:24px; padding-top:20px; border-top:1px solid #eef1f6; }.console-link-item .console-card-statistics dl { gap:20px; }.console-link-item .console-card-statistics dt { font-size:11px; }.console-link-item .console-card-statistics dd { font-size:23px; }
 .console-item-rules,.console-item-quick-edit { margin-left:0; }.console-item-rule-panel { padding:16px 13px; }.console-item-rule { grid-template-columns:85px 12px minmax(0,1fr) 30px; gap:7px; min-height:54px; font-size:11px; }.console-item-rule-destination input { font-size:11px; }
 .console-item-footer { display:block; margin-left:0; margin-top:22px; padding-top:18px; }.console-item-actions { margin-top:15px; justify-content:space-between; gap:14px; }.console-item-actions>a,.console-item-actions>form>button,.console-item-more>summary { min-height:44px; font-size:12px; }
 .console-item-qr-panel { left:0; right:auto; width:250px; }.console-item-statistics-note { margin-left:0!important; }.console-order-item { gap:12px; padding:18px 12px; flex-wrap:wrap; }.console-order-buttons { margin-left:auto; }
}
.console-inline-creator{padding:23px 28px 20px;margin:20px 0 26px;background:#edf3ff;border:1px solid #d9e4fa;border-radius:14px}
.console-inline-create-heading{display:flex;align-items:center;gap:20px;margin-bottom:18px}
.console-inline-create-heading>div{display:flex;align-items:center;gap:14px}
.console-inline-create-heading h2{font-size:18px;font-weight:600;white-space:nowrap}
.console-inline-create-heading select{width:auto;min-height:32px;padding:4px 28px 4px 10px;font-size:12px;border:1px solid #d0dcf5;border-radius:6px;color:#5268b5;background:#fff}
.console-inline-create-heading>span{margin-left:auto;font-size:11px;color:#7b8ba9}
.console-inline-create-heading>a{font-size:12px;white-space:nowrap}
.console-inline-target{display:flex;align-items:stretch;gap:14px}
.console-inline-target input[type=url]{flex:1;min-width:0;width:0;min-height:52px;border:1px solid #a9b9f4;border-radius:9px;background:#fff;padding:12px 16px;font-size:14px;box-shadow:0 0 0 3px #ffffff66}
.console-inline-target input[type=submit]{min-width:150px;min-height:52px}
.console-inline-options{display:flex;align-items:center;gap:24px;margin-top:14px}
.console-inline-options>label{display:flex;align-items:center;gap:10px;font-size:12px;color:#8390a6;white-space:nowrap;flex:1;max-width:430px}
.console-inline-options>label input{flex:1;width:0;min-width:60px;min-height:32px;padding:0 4px;border:0;border-bottom:1px solid #d4def1;background:transparent;font-size:12px;border-radius:0;box-shadow:none}
.console-inline-extra{margin-left:auto;font-size:12px;color:#7687a2}
.console-inline-extra>summary{cursor:pointer;list-style:none;min-height:34px;display:flex;align-items:center}
.console-inline-extra>div{display:grid;gap:14px;padding:18px;background:#fff;border:1px solid #dee6f4;border-radius:9px;min-width:280px}
.console-inline-extra label{display:grid;gap:8px;font-size:12px}
.console-inline-extra input,.console-inline-extra textarea{max-width:100%;min-height:38px;padding:9px;font-size:12px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}
.console-inline-advanced-submit{margin-top:18px;text-align:right}
.console-inline-creator .console-rule{background:#ffffffa8;padding:20px;border-radius:10px;border:1px solid #dce5f5;margin-top:15px}
.console-inline-creator .console-rule-heading{margin-top:5px}
.console-inline-creator .console-field input,.console-inline-creator .console-field select{font-size:13px}
.console-created-notice{padding:14px 18px;background:#edf7f1;color:#4f8368;border:1px solid #d9eadd;border-radius:9px;font-size:12px}
.console-just-created{margin-bottom:28px}
.console-just-created .console-link-item{border-color:#adc0ed}
.console-standalone-create{display:none!important}
.console-link-search{max-width:800px;margin-left:auto}
.console-link-search>input[type=search]{min-width:160px}
.console-groups{margin-top:20px}
.console-operation-dialog,.console-operation-confirm{border:0;padding:0;background:white;color:var(--console-ink);box-shadow:0 20px 80px #1b2b4930;overflow:hidden}
.console-operation-dialog{width:692px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:18px 0 0 18px}
.console-operation-dialog::backdrop,.console-operation-confirm::backdrop{background:#1e2e4b35;backdrop-filter:blur(1.5px)}
.console-operation-dialog.is-modal{width:530px;height:auto;max-height:calc(100dvh - 48px);margin:auto;max-width:calc(100vw - 28px);border-radius:17px}
.console-operation-dialog>turbo-frame{display:block;height:100%}
.console-operation-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.console-operation-header{display:flex;align-items:flex-start;gap:16px;padding:27px 30px 20px;flex:none}
.console-operation-header>div{flex:1;min-width:0}
.console-operation-header h1{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.4px}
.console-operation-header .console-eyebrow{font-size:11px;color:#98a3b6;margin-bottom:5px}
.console-operation-close{margin-left:auto;border:0;background:#f5f7fb;color:#8190a8;border-radius:50%;width:34px;min-width:34px;min-height:34px;display:grid;place-items:center;padding:0;font-size:22px;cursor:pointer}
.console-operation-context{display:flex;align-items:center;gap:12px;padding:17px 20px;margin:0 30px;border:1px solid #e5ebf6;background:#f8faff;border-radius:11px;flex:none}
.console-operation-context>span{width:32px;height:32px;border-radius:9px;background:#edf2ff;color:#6a7fc3;display:grid;place-items:center}
.console-operation-context svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.console-operation-context>div{min-width:0;flex:1}
.console-operation-context strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.console-operation-context small{display:block;font-family:ui-monospace,monospace;font-size:11px;color:#8a98ad;margin-top:4px;overflow-wrap:anywhere}
.console-operation-content{padding:26px 30px 30px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin}
.console-operation-footer{padding:18px 30px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #e8edf5;flex:none;background:#fff}
.console-operation-footer>span{margin-right:auto;font-size:11px;color:#99a5b8}
.console-operation-footer .console-button,.console-operation-form .console-button{font-size:12px;min-height:40px}
.console-operation-loading{padding:30px;color:#8190a8}
.console-operation-loading button{margin-left:14px}
.console-operation-label{font-size:13px;color:#71829e;margin-bottom:15px}
.console-operation-choices{display:grid;gap:10px}
.console-operation-choices label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e3e9f2;border-radius:9px;font-size:13px;color:#647895;cursor:pointer}
.console-operation-choices label:has(input:checked){background:#f4f7ff;border-color:#b0bfef}
.console-operation-choices input{accent-color:#526be2;margin:0}
.console-operation-choices svg{width:17px;height:17px;stroke:currentColor;fill:none}
.console-operation-choices span{flex:1}
.console-operation-choices small{font-size:11px;color:#96a2b5}
.console-operation-section h2{font-size:16px;font-weight:600}
.console-operation-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.console-operation-section-heading h2 small{font-size:11px;font-weight:400;background:#f0f3fa;border-radius:5px;padding:3px 7px;color:#8b97ab;margin-left:8px}
.console-operation-section+.console-operation-section{border-top:1px solid #e8edf5;padding-top:26px;margin-top:28px}
.console-operation-content .console-field-hint{font-size:12px;line-height:1.9;color:#8b98ae;margin:8px 0 16px}
.console-operation-add{margin:15px 0}
.console-operation-add>summary,.console-member-permissions>summary{color:#5872c6;font-size:12px;min-height:34px;cursor:pointer;list-style:none}
.console-operation-form{padding:18px;background:#f8faff;border:1px solid #e4eaf5;border-radius:10px;margin-top:7px}
.console-operation-form>label{display:grid;gap:9px;font-size:12px;color:#7183a0}
.console-operation-form input[type=text],.console-operation-form input[type=datetime-local]{width:100%;min-height:42px;border:1px solid #dde5f0;border-radius:7px;background:#fff;padding:9px 12px;font-size:13px}
.console-operation-form .console-sharing-permissions{border:0;padding:0;margin:17px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.console-operation-form .console-sharing-permissions legend{margin-bottom:10px;font-size:12px;color:#8795ad}
.console-operation-form .console-sharing-permissions label{font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.console-sharing-permissions input[type=checkbox]{accent-color:#526be2}
.console-operation-member{padding:18px 0;border-bottom:1px solid #edf0f6}
.console-operation-member:last-child{border:0}
.console-member-main{display:flex;gap:12px;align-items:center}
.console-member-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#edf2fc;color:#7488be;font-size:13px}
.console-member-main>div{flex:1;min-width:0}
.console-member-main strong{display:block;font-size:13px;font-weight:500;color:#526583;overflow-wrap:anywhere}
.console-member-main small{display:block;font-size:11px;color:#9aa5b7;margin-top:4px;overflow-wrap:anywhere}
.console-member-main p{font-size:11px;color:#8595ae;margin-top:8px}
.console-operation-text{border:0;background:none;color:#5873c7;font-size:12px;min-height:32px;padding:4px 0;cursor:pointer}
.console-operation-danger{color:#b7656f}
.console-member-permissions{margin:8px 0 0 46px}
.console-public-link{padding:17px;border:1px solid #e4eaf3;border-radius:9px;margin:14px 0}
.console-public-link>div{display:flex;align-items:center;gap:10px;font-size:12px}
.console-public-link strong{font-weight:500}
.console-public-link>div>span{background:#eef6f0;color:#6b9278;border-radius:4px;padding:1px 6px;font-size:10px}
.console-public-link small{margin-left:auto;color:#98a3b5;font-size:11px}
.console-public-link>input{width:100%;border:0;background:transparent;font-size:11px;color:#8293b2;margin:12px 0;padding:0;min-height:30px}
.console-public-link nav{display:flex;align-items:center;gap:18px;justify-content:flex-end;font-size:12px}
.console-public-scopes{border:0;padding:0;margin:0 0 18px}
.console-public-scopes legend{font-size:12px;color:#8493ab;margin-bottom:10px}
.console-public-scopes label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dfe6f1;background:#fff;border-radius:8px;margin-bottom:9px;font-size:13px;color:#6b7f9d}
.console-public-scopes label:has(input:checked){border-color:#b1bfed;background:#f2f6ff}
.console-public-scopes small{display:block;font-size:11px;color:#8d9ab0;margin-top:5px}
.console-public-scopes input{accent-color:#526be2;margin-top:4px}
.console-operation-info{padding:14px 16px;background:#f6f9ff;border:1px solid #e1e9f6;border-radius:9px;color:#7c8da9;font-size:12px;line-height:1.9;margin-bottom:24px}
.console-operation-editor-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:12px;color:#7485a0;margin-bottom:11px}
.console-operation-content textarea[data-console-ip-editor]{width:100%;min-height:240px;resize:vertical;font:13px/2 ui-monospace,monospace;padding:16px;border:1px solid #dde5f0;border-radius:8px;background:#fff;color:#667c9b}
.console-operation-timeline section>h2{font-size:12px;font-weight:400;color:#94a1b7;margin:23px 0 18px}
.console-operation-timeline article{position:relative;border-left:1px solid #e3eaf5;margin-left:5px;padding:0 0 29px 25px}
.console-operation-timeline article:before{content:"";width:7px;height:7px;border:3px solid white;border-radius:50%;background:#a2b4d9;box-shadow:0 0 0 1px #e6ecf6;position:absolute;left:-7px;top:4px}
.console-operation-timeline article>div{display:flex;align-items:flex-start;gap:18px}
.console-operation-timeline strong{font-size:13px;font-weight:400;line-height:1.9;flex:1;overflow-wrap:anywhere}
.console-operation-timeline time{font-size:11px;color:#9ca8ba;padding-top:3px;white-space:nowrap}
.console-operation-success{padding:12px 15px;background:#edf7f1;border:1px solid #dcece2;color:#5c866d;border-radius:8px;font-size:12px}
.console-operation-confirm{width:480px;max-width:calc(100vw - 32px);padding:28px;border-radius:15px}
.console-operation-confirm h2{font-size:20px;margin-bottom:17px}
.console-operation-confirm p{font-size:13px;line-height:1.9;color:#8190a7}
.console-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
.console-confirm-actions button{font-size:12px}
.console-visit-detail-fields>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:17px 0;border-bottom:1px solid #edf1f6}
.console-visit-detail-fields dt{font-size:12px;color:#99a6ba}
.console-visit-detail-fields dd{font-size:12px;line-height:1.9;color:#6e829f;margin:0;overflow-wrap:anywhere}
.console-visits-panel{background:#fff;border:1px solid #e1e7f1;border-radius:14px;overflow:hidden}
.console-visits-panel .console-date-form{padding:24px 26px;margin:0;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.console-visits-panel .console-date-form>div{flex:1;min-width:190px}
.console-visits-panel .console-date-form label{font-size:12px;margin-bottom:9px}
.console-visits-panel input{min-height:40px;max-width:100%;padding:10px;font-size:12px;border:1px solid #dfe5ef;border-radius:7px;background:white}
.console-visits-limit{padding:14px 26px;background:#fafbfe;color:#93a0b7;font-size:11px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.console-visits-table-wrap{overflow:auto;width:100%}
.console-visits-table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:820px}
.console-visits-table th{padding:18px 16px;text-align:left;font-size:11px;font-weight:400;color:#99a5b9;border-bottom:1px solid #e8edf6}
.console-visits-table td{padding:22px 16px;font-size:12px;line-height:1.8;color:#7184a2;border-bottom:1px solid #edf1f6;vertical-align:middle;overflow-wrap:anywhere}
.console-visits-table th:last-child{width:80px}
.console-visits-table small{display:block;font-size:11px;color:#a0abbb;margin-top:5px}
.console-visits-table strong{font-weight:400}
.console-visits-table td>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.console-visits-panel .console-pagination{padding:20px 26px;margin:0;border-top:1px solid #edf1f6;font-size:12px}
.console-operation-shell .console-pagination{gap:12px;font-size:11px}
.console-operation-shell .console-pagination a{font-size:11px;padding:8px;white-space:nowrap}
#console_action_page .console-operation-shell{max-width:800px;height:auto;border:1px solid var(--console-line);border-radius:14px;background:#fff}
body:has(.console-operation-dialog[open]){overflow:hidden}

@media(max-width:959px){.console-inline-creator{padding:20px 18px}
.console-inline-create-heading{gap:12px;flex-wrap:wrap}
.console-inline-create-heading>span{order:3;width:100%;margin-left:0;font-size:11px}
.console-inline-create-heading>a{margin-left:auto}
.console-inline-create-heading h2{font-size:16px}
.console-inline-create-heading select{min-width:100px;font-size:12px}
.console-inline-target{flex-wrap:wrap}
.console-inline-target input[type=url]{flex:1 1 100%;width:100%;font-size:14px}
.console-inline-target input[type=submit]{width:100%;min-height:46px}
.console-inline-options{gap:12px;align-items:flex-start;flex-wrap:wrap}
.console-inline-options>label{max-width:none;flex-basis:100%}
.console-inline-extra{margin-left:0}
.console-inline-extra>div{min-width:0;width:100%}
.console-inline-creator .console-rule{padding:16px 12px}
.console-operation-dialog{width:100vw;border-radius:0}
.console-operation-header{padding:22px 20px 17px}
.console-operation-context{margin:0 20px;padding:14px}
.console-operation-content{padding:22px 20px}
.console-operation-footer{padding:16px 20px}
.console-operation-header h1{font-size:20px}
.console-operation-footer>span{font-size:10px}
.console-operation-form{padding:15px}
.console-operation-form .console-sharing-permissions label{font-size:11px}
.console-member-main{flex-wrap:wrap}
.console-member-main>div{min-width:150px}
.console-member-permissions{margin-left:0}
.console-public-link small{font-size:10px}
.console-visits-panel .console-date-form{padding:20px 18px}
.console-visits-limit{padding:14px 18px}
.console-operation-dialog.is-modal{border-radius:15px}
.console-operation-confirm{padding:24px}
.console-link-search{max-width:none}
#console_inline_creator{min-width:0}
}

@media(min-width:960px){.console-list-filter-trigger{display:none}
.console-inline-creator .console-rule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.console-inline-creator .console-rule>legend,.console-inline-creator .console-rule-title,.console-inline-creator .console-rule>.console-field-hint{grid-column:1/-1}
.console-inline-creator .console-rule .console-field{margin:0}
.console-inline-creator .console-rule-time{grid-column:1/-1}
.console-inline-creator .console-rule-check{grid-column:1/-1}
}

.console-list-filter-sheet .console-list-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.console-list-filter-sheet .console-filter-field{display:block;grid-column:1/-1}
.console-list-filter-sheet .console-filter-date{grid-column:auto}
.console-list-filter-sheet .console-filter-field>label{position:static;width:auto;height:auto;clip:auto;margin:0 0 8px;display:block;color:var(--console-muted);font-size:13px}
.console-list-filter-sheet .console-filter-field:first-child select{display:none}
.console-filter-options,.console-filter-presets{display:flex;flex-wrap:wrap;gap:7px}
.console-filter-options button,.console-filter-presets button{min-height:40px;padding:9px 12px;border:1px solid var(--console-line);border-radius:7px;background:#f8f9fc;color:var(--console-ink);font-size:13px}
.console-filter-options button[aria-pressed=true],.console-filter-presets button[aria-pressed=true]{background:#edf2ff;color:var(--console-blue);border-color:#cdd8ff}
.console-list-filter-sheet select,.console-list-filter-sheet input[type=date]{min-height:44px;padding:10px;font-size:14px;border:1px solid var(--console-line);border-radius:7px;background:white}
.console-list-filter-actions{display:flex;gap:12px;grid-column:1/-1}
.console-filter-date-hint{font-size:12px;grid-column:1/-1}
.console-list-more-sheet .console-list-secondary-actions{display:grid;gap:5px}
.console-list-more-sheet .console-list-secondary-actions>*{display:flex;justify-content:flex-start;width:100%;border:0;min-height:46px;padding:12px 8px}

@media(min-width:960px){.console-list-heading .console-list-actions{flex-wrap:nowrap}
.console-list-heading .console-link-search{display:flex;align-items:center;gap:8px;margin:0;width:380px;max-width:45vw}
.console-list-heading .console-link-search input[type=search]{flex:1;width:0;min-width:100px;min-height:38px;font-size:12px;padding:9px 12px}
.console-list-filter-trigger{display:flex!important;min-height:38px;font-size:12px;padding:7px 11px}
.console-list-search-submit{min-width:36px;min-height:36px;padding:8px;background:transparent;border:0}
.console-list-search-submit span{display:none}
.console-list-search-submit svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.console-list-filter-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.console-list-more{display:block;min-width:38px;min-height:38px;font-size:21px;padding:3px 10px}
.console-list-more-sheet,.console-list-filter-sheet{margin:auto;padding:0 24px 24px;border-radius:15px;max-height:85dvh}
.console-inline-creator{margin-top:20px}
.console-list-title{min-width:140px}
}


.console-inline-full-settings{font-size:12px;color:#8291aa;line-height:1.8;margin-bottom:18px}
.console-inline-full-settings a{color:var(--console-blue);margin-left:6px;white-space:nowrap}


@media(min-width:960px){.console-inline-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.console-inline-rule-grid .console-rule{display:block;margin-top:0}
.console-inline-rule-grid .console-field{margin-top:12px!important}
.console-inline-rule-grid .console-rule-title{margin-bottom:12px}
.console-inline-rule-grid .console-rule-time{display:flex;gap:12px}
.console-inline-rule-grid .console-rule-time>.console-field{flex:1;min-width:0}
}
.console-full-settings {padding-bottom:110px;max-width:1380px;margin:0 auto}
.console-full-form {max-width:none!important}
.console-full-heading {display:flex;justify-content:space-between;gap:24px;align-items:center;margin:24px 0 32px}
.console-full-heading .console-eyebrow {margin:0 0 10px}
.console-full-title {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.console-full-title h1 {margin:0;font-size:28px;font-weight:600}
.console-full-title select,.console-full-type {width:auto;min-height:36px;background:#edf2ff;border:1px solid #dbe3f6;border-radius:7px;color:#536abb;font-size:13px;padding:7px 12px}
.console-full-heading .console-intro {font-size:13px;margin-top:12px}
.console-full-group {font-size:12px;color:#929db0;min-width:100px}
.console-full-group strong {display:block;color:#67778e;font-size:14px;font-weight:500;margin-top:7px}
.console-full-workspace {display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.console-full-main {min-width:0}
.console-full-basic,.console-full-rule,.console-full-preview section {background:white;border:1px solid #e5eaf3;border-radius:13px}
.console-full-basic {padding:24px 26px;margin-bottom:32px}
.console-full-settings .console-field {margin:0;min-width:0;display:grid;gap:9px}
.console-full-settings .console-field label,.console-full-settings label.console-field {font-size:13px;color:#697b94;font-weight:400}
.console-full-settings .console-field input,.console-full-settings .console-field select,.console-full-settings .console-field textarea {width:100%;min-width:0;min-height:44px;font-size:14px;line-height:1.5;border:1px solid #dce3ef;border-radius:8px;padding:10px 12px;background:#fff;color:#273249}
.console-full-settings .console-field-hint {font-size:12px;color:#8796ad;line-height:1.9;margin:13px 0 0}
.console-full-basic details {margin-top:18px}
.console-full-basic summary,.console-full-reference-search summary {font-size:12px;cursor:pointer;color:#7e90ac}
.console-full-extras {display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.console-full-current {padding:17px 20px;background:#edf2fc;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;flex-wrap:wrap}
.console-full-rules-heading {display:flex;align-items:center;gap:15px;margin-bottom:19px}
.console-full-rules-heading h2,.console-full-preview h2 {font-size:16px;font-weight:600;margin:0}
.console-full-rules-heading>span {font-size:12px;color:#96a3b7}
.console-rule.console-full-rule {padding:25px 27px;margin:0 0 24px;min-width:0}
.console-full-rule legend {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.console-full-rule-heading {display:flex;align-items:center;gap:12px;margin-bottom:27px}
.console-full-rule-heading h3 {font-size:14px;font-weight:500;margin:0}
.console-rule-number {display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#edf2fc;color:#7287bb;font-size:11px}
.console-full-rule-heading>div {margin-left:auto;display:flex;gap:18px}
.console-full-settings .console-rule-remove {font-size:12px;color:#8397b7;min-height:32px}
.console-full-times {display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:end;gap:16px}
.console-full-times>span {align-self:end;padding-bottom:12px;color:#acb8ca;text-align:center}
.console-full-percent {max-width:210px}
.console-full-destination {border-top:1px solid #edf1f7;padding-top:22px;margin-top:24px}
.console-full-destination-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.console-full-destination-heading h3 {margin:0;font-size:12px;color:#8392a9;font-weight:400}
.console-full-destination-heading>label {display:flex;align-items:center;gap:10px;font-size:11px;color:#99a5b9}
.console-full-destination-heading select {border:0;background:#f2f5fc;border-radius:6px;padding:6px 9px;color:#758ab2;min-height:32px;font-size:12px;width:auto}
.console-full-destination .console-field+.console-field {margin-top:17px}
.console-full-rule.is-fallback {background:#f9fbfe;border-style:dashed}
.console-full-add-actions {display:flex;gap:15px;flex-wrap:wrap;margin:2px 0 25px}
.console-full-add-actions .console-button {min-height:44px}
.console-full-reference-search {margin-top:28px;padding:20px;border:1px solid #e4eaf4;border-radius:10px}
.console-full-reference-search .console-field {margin:18px 0 14px}
.console-full-ratio-tools {padding:18px 22px;background:#eef3fc;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#7a8ba8;font-size:12px}
.console-full-ratio-tools strong {color:#627ba8}
.console-full-ratio-tools>div {margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.console-full-ratio-tools button {border:0;background:white;color:#748bb2;padding:7px 10px;border-radius:6px;font-size:11px;cursor:pointer}
.console-full-ratio-tools button:disabled {opacity:.45;cursor:not-allowed}
.console-full-ratio-tools p {width:100%;margin:0;line-height:1.9;font-size:11px}
.console-full-preview-sticky {position:sticky;top:24px}
.console-full-preview section {padding:23px;margin-bottom:23px}
.console-full-preview-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}
.console-full-preview-heading>span {font-size:10px;color:#7bab97;white-space:nowrap}
.console-full-summary-row {display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #edf1f7}
.console-full-summary-row>i {width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}
.console-full-summary-row>div {min-width:0}
.console-full-summary-row strong {font-size:12px;color:#7587a4;font-weight:500;display:block;overflow-wrap:anywhere}
.console-full-summary-row small {display:block;font-size:11px;line-height:1.8;color:#9aa8bd;margin-top:6px;overflow-wrap:anywhere}
.console-full-timeline {height:10px;background:#edf1f6;border-radius:5px;position:relative;overflow:hidden;margin-top:22px}
.console-full-timeline i {position:absolute;height:100%;top:0}
.console-full-ticks {white-space:pre;font-size:9px;color:#9aabc3;display:flex;justify-content:space-between;margin:10px 0}
.console-full-total {font-size:13px;color:#738ab0;margin:12px 0 4px}
.console-rule-warning {background:#fff8ee;border:1px solid #f0e5d4;color:#ad8755!important;border-radius:8px;padding:12px;font-size:12px;line-height:1.9;margin:18px 0 0}
.console-full-rule.has-error {border-color:#e3c6c6}
.console-full-rule.has-error [data-rule-error] {color:#b16a6a!important;background:#fff6f5;border-color:#f0dddd}
.console-full-valid {color:#58947d;font-size:12px;line-height:1.9;margin:18px 0 0}
.console-full-preview .console-field {margin-top:22px}
.console-full-simulation {padding:15px;background:#f3f6fc;border-radius:8px;font-size:12px;color:#8294b0;line-height:1.9;margin:18px 0 0;overflow-wrap:anywhere}
.console-full-simulation>* {display:block}
.console-full-simulation strong {font-weight:500;margin-bottom:6px}
.console-full-help {padding:0 6px}
.console-full-savebar {position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid #e4eaf4;background:#fffffff2;backdrop-filter:blur(12px);padding:17px max(28px,calc((100vw - 1324px)/2));display:flex;align-items:center;gap:20px}
.console-full-savebar>span,.console-full-savebar>small {font-size:12px;color:#94a1b6;white-space:nowrap}
.console-full-savebar>small {font-size:11px}
.console-full-savebar>div {margin-left:auto;display:flex;gap:16px;align-items:center}
.console-full-savebar .console-button-primary {min-width:132px}
.console-full-region-tags {color:#7c91b2;font-size:13px;line-height:2;overflow-wrap:anywhere;padding:12px 15px;background:#f4f7fc;border-radius:8px}
.console-full-regions {margin-top:13px}
.console-full-regions summary {color:#7d94b8;font-size:12px;cursor:pointer;width:max-content}
.console-full-region-dialog {border:0;padding:0;border-radius:15px;color:#273249;background:#fff;width:700px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 36px);box-shadow:0 20px 90px #1e304230}
.console-full-region-dialog::backdrop {background:#24385240;backdrop-filter:blur(2px)}
.console-full-region-body {padding:24px 27px}
.console-full-region-body header {display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.console-full-region-body header h3 {font-size:20px;font-weight:500;margin:0}
.console-full-region-body button:not(.console-button) {border:0;background:none;font-size:12px;color:#8295b4;cursor:pointer;min-height:32px}
.console-full-region-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.console-full-region-options label {display:flex;align-items:center;gap:7px;padding:9px;background:#f7f9fc;border-radius:6px;font-size:12px;color:#7589a9}
.console-full-region-options input {width:16px;min-height:16px;height:16px;accent-color:#526bdd}
.console-full-region-options small {margin-left:auto;font-size:9px}
.console-full-region-options .is-used {opacity:.4}
.console-full-region-body footer {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid #edf1f7;padding-top:18px}
.console-full-region-body footer>span {font-size:12px;color:#93a3bb}
.console-full-settings [hidden] {display:none!important}
@media(min-width:1101px){.console-full-preview {align-self:stretch}}
@media(max-width:1100px){.console-full-workspace {grid-template-columns:minmax(0,1fr) 280px;gap:22px}.console-full-rule {padding:23px!important}.console-full-preview section {padding:19px}.console-full-extras {grid-template-columns:1fr}.console-full-savebar>small {display:none}.console-full-savebar {padding:16px 26px}}
@media(max-width:800px){.console-full-workspace {display:block}.console-full-preview {margin-top:30px}.console-full-preview-sticky {position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.console-full-preview section {margin:0}.console-full-help {grid-column:1/-1}.console-full-heading {margin-bottom:25px}.console-full-savebar>span {display:none}.console-full-savebar>div {width:100%;justify-content:flex-end}.console-full-group {display:none}.console-full-basic {padding:23px}}
@media(max-width:540px){.console-full-title h1 {font-size:24px}.console-full-title {gap:13px}.console-full-basic,.console-full-rule {padding:21px 19px!important}.console-full-rule-heading>div {gap:12px}.console-full-times {gap:8px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}.console-full-preview-sticky {display:block}.console-full-preview section {margin-bottom:22px}.console-full-savebar {padding:13px 16px;gap:8px}.console-full-savebar>div {gap:6px;flex-wrap:wrap}.console-full-savebar .console-button {font-size:12px;padding:10px 9px}.console-full-savebar .console-button-primary {min-width:102px}.console-full-region-options {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.console-full-region-body {padding:20px}.console-full-region-options label {padding:7px 5px;font-size:11px}.console-full-region-options small {display:none}.console-full-destination-heading>label {font-size:0}.console-full-destination-heading select {font-size:12px}.console-full-ratio-tools>div {margin:0}}
@media(max-width:959px){.console-full-savebar {bottom:calc(72px + env(safe-area-inset-bottom))}.console-full-settings {padding-bottom:180px}}