.link-submit-shell { max-width: 760px; }
.link-submit-shell { padding-top: 28px; }
.link-submit-shell .manual-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: center; }
.link-submit-shell .hero-brand { grid-column: 1; width: fit-content; }
.link-submit-shell .manual-hero h1 { grid-column: 1; }
.link-submit-shell .manual-hero > p { grid-column: 1; margin-top: 8px; }
.link-submit-shell .hero-assurances { grid-column: 2; grid-row: 1 / 3; justify-content: flex-end; max-width: 310px; margin-top: 0; }
.link-submit-shell .manual-hero > .link-query-entry { grid-column: 2; grid-row: 3; justify-self: end; margin-top: 0; }
#urlPanel { padding-top: 24px; padding-bottom: 24px; }
#urlPanel .card-heading { margin-bottom: 14px; }
#urlPanel .verified-key { margin-bottom: 12px; padding-top: 9px; padding-bottom: 9px; }
#urlPanel .session-guide { margin: 12px 0; padding: 12px 16px; }
#urlPanel .session-guide h3 { margin-bottom: 7px; }
#urlPanel .session-guide > p { margin-top: 8px; padding-top: 8px; }
#urlPanel .session-link-row { margin: 8px 0; }
#urlForm { gap: 8px; }
#sessionInput { height: 96px; min-height: 80px; padding: 10px 12px; font-size: 15px; line-height: 1.5; }
#urlError:empty { display: none; }
#urlForm .subscription-rule { margin: 2px 0 4px; }
@media (max-width: 640px) {
  .link-submit-shell .manual-hero { grid-template-columns: minmax(0, 1fr); }
  .link-submit-shell .hero-assurances { grid-column: 1; grid-row: auto; justify-content: flex-start; max-width: none; margin-top: 12px; }
  .link-submit-shell .manual-hero > .link-query-entry { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 8px; }
}
.link-stepper { width: min(610px, 100%); }
.subscription-details { width: 100%; margin: 20px 0; }
.subscription-details dd { font-weight: 700; }
.subscription-rule { color: var(--muted); font-size: 13px; line-height: 1.75; }
.subscription-eligibility-notice { margin: 20px 0; padding: 14px 16px; border-left: 3px solid #d98a1d; border-radius: 6px; background: rgba(226, 154, 40, .1); color: var(--text); line-height: 1.75; }
.subscription-eligibility-notice strong { display: block; font-size: 15px; }
.subscription-eligibility-notice p { margin: 6px 0 0; font-size: 13px; }
.subscription-result { padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: rgba(32, 139, 108, .09); line-height: 1.7; }
.subscription-confirmation[data-eligible="false"] .subscription-result { background: rgba(226, 154, 40, .1); border-color: #d98a1d; }
.subscription-confirmation[data-verification-only="true"] .subscription-result { background: rgba(226, 154, 40, .1); border-color: #d98a1d; }
.confirmation-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.confirmation-actions > button { flex: 1 1 210px; white-space: normal; }
.subscription-confirmation[data-eligible="false"] #confirmSubmissionButton { cursor: not-allowed; }
.subscription-confirmation[data-eligible="false"] #confirmSubmissionButton::before { display: none; }
.link-submit-shell .manual-card + .manual-card { margin-top: 0; }
.link-submit-shell .status-actions { justify-content: center; }
.link-submit-shell .status-actions .manual-secondary { justify-self: auto; }
.link-submit-shell .status-actions a { text-decoration: none; }
.manual-form .link-note-input { min-height: 50px; padding: 0 15px; }
.link-query-entry { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; margin-top: 16px; padding: 0 15px; border: 1px solid var(--line); border-radius: 8px; color: var(--blue-dark); background: var(--panel); font-size: 13px; font-weight: 750; text-decoration: none; }
.link-query-entry:hover { border-color: var(--blue); color: var(--blue); }
.link-help-entry { display: inline-flex; width: fit-content; min-height: 42px; align-items: center; padding: 0 16px; border: 1px solid var(--line); border-radius: 8px; color: var(--blue-dark); background: var(--panel); font-size: 14px; font-weight: 750; text-decoration: none; }
.link-help-entry:hover { border-color: var(--blue); color: var(--blue); }
.session-guide { margin: 20px 0 24px; padding: 18px 20px; border: 1px solid rgba(44, 178, 132, .34); border-radius: 8px; background: rgba(32, 139, 108, .07); color: var(--text); }
.session-guide h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--text); font-size: 15px; line-height: 1.5; }
.session-guide h3 span { color: #25b987; }
.session-guide ol { margin: 0; padding-left: 24px; }
.session-guide li { padding-left: 4px; font-size: 13px; font-weight: 650; line-height: 1.75; }
.session-guide > p { margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed rgba(44, 178, 132, .28); color: var(--muted); font-size: 12px; line-height: 1.65; }
.session-link-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; margin: 12px 0; }
.session-link-row code { min-width: 0; padding: 10px 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.session-link-row button,
.session-link-row a { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--blue-dark); font: inherit; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.session-link-row button:hover,
.session-link-row a:hover { border-color: var(--blue); color: var(--blue); }
.link-live-status[data-tone="pending"] .status-icon { position: relative; display: block; width: min(280px, 72vw); height: 12px; margin-bottom: 24px; overflow: hidden; color: transparent; border: 1px solid rgba(77, 167, 225, .34); border-radius: 999px; background: rgba(68, 116, 154, .2); box-shadow: 0 8px 22px rgba(30, 141, 181, .14); animation: pending-progress-enter .35s ease-out; }
.link-live-status[data-tone="pending"] .status-icon::before { content: ''; position: absolute; inset: 1px auto 1px -42%; width: 42%; border-radius: inherit; background: linear-gradient(90deg, #36c8a3, #3f9df4); box-shadow: 0 0 14px rgba(54, 200, 163, .42); animation: pending-progress-sweep 1.35s ease-in-out infinite; }
@keyframes pending-progress-enter { from { opacity: 0; transform: scaleX(.72); } }
@keyframes pending-progress-sweep { 0% { left: -42%; } 100% { left: 100%; } }
.link-live-status[data-tone="processing"] .status-icon { background: linear-gradient(145deg, #64b8ff, #318fe9); }
.link-live-status[data-tone="paused"] .status-icon { background: linear-gradient(145deg, #f1b84b, #d98a1d); box-shadow: 0 12px 28px rgba(217, 138, 29, .2); }
.link-live-status[data-tone="danger"] .status-icon { background: linear-gradient(145deg, #ff8d94, #df5962); box-shadow: 0 12px 28px rgba(223, 89, 98, .2); }
.live-refresh-note { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--muted); font-size: 12px; }
.live-refresh-note i { width: 7px; height: 7px; border-radius: 50%; background: #25bf80; box-shadow: 0 0 0 4px rgba(37, 191, 128, .1); animation: live-pulse 1.15s ease-in-out infinite; }
.operator-success-rate { width: min(520px, 100%); margin: 22px auto 0; padding: 15px 16px; border: 1px solid rgba(44, 178, 132, .34); border-radius: 10px; background: rgba(32, 139, 108, .07); text-align: left; }
.operator-success-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text); font-size: 13px; font-weight: 750; }
.operator-success-heading strong { color: #25b987; font-size: 22px; font-variant-numeric: tabular-nums; line-height: 1; }
.operator-success-track { height: 8px; margin: 12px 0 9px; overflow: hidden; border-radius: 999px; background: rgba(118, 148, 180, .2); }
.operator-success-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #36c8a3, #3f9df4); transition: width .35s ease; }
.operator-success-rate p { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; color: var(--muted); font-size: 12px; }
.operator-success-rate small { font-size: 11px; text-align: right; }
.processing-warning { width: min(560px, 100%); margin: 20px auto 0; padding: 13px 15px; border-left: 3px solid #e29a28; color: var(--text); background: rgba(226, 154, 40, .1); text-align: left; }
.processing-warning strong { display: block; margin-bottom: 4px; color: #a86600; font-size: 13px; }
.processing-warning p { margin: 0; font-size: 13px; font-weight: 650; line-height: 1.7; }
.support-notice .link-help-entry { margin-top: 12px; }
[data-theme="dark"] .processing-warning { background: rgba(226, 154, 40, .12); }
[data-theme="dark"] .processing-warning strong { color: #f3b954; }
.link-live-details { display: grid; width: min(520px, 100%); margin: 22px auto; border: 1px solid var(--line); border-radius: 10px; text-align: left; }
.link-live-details > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 12px 14px; }
.link-live-details > div + div { border-top: 1px solid var(--line); }
.link-live-details dt { color: var(--muted); font-size: 12px; font-weight: 700; }
.link-live-details dd { margin: 0; color: var(--text); font-size: 13px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .link-stepper .step { min-width: 48px; }
  .link-stepper .step strong { display: block; margin-top: 5px; font-size: 10px; white-space: nowrap; }
  .link-stepper > i { margin: 0 7px; }
  .link-live-details > div { grid-template-columns: 1fr; gap: 4px; }
  .session-guide { padding: 15px; }
  .session-link-row { grid-template-columns: 1fr 1fr; }
  .session-link-row code { grid-column: 1 / -1; }
  .operator-success-rate p { align-items: flex-start; flex-direction: column; gap: 4px; }
  .operator-success-rate small { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .link-live-status[data-tone="pending"] .status-icon,
  .link-live-status[data-tone="pending"] .status-icon::before { animation: none; }
  .link-live-status[data-tone="pending"] .status-icon::before { inset: 1px; width: auto; }
}
 .official-channel-notice { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow-y: auto; box-sizing: border-box; padding: 24px; border: 1px solid var(--line, #35455b); border-radius: 8px; background: var(--bg, #101a28); color: var(--text, #edf2f7); }
 .official-channel-notice::backdrop { background: rgba(0, 0, 0, .7); }
 .official-channel-notice .official-channel-emphasis { color: #b42318; font-weight: 700; }
 [data-theme="dark"] .official-channel-notice .official-channel-emphasis { color: #ff7777; }
 .official-channel-notice h2 { margin: 0 0 18px; font-size: 24px; }
 .official-channel-notice p { margin: 12px 0; font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
 .official-channel-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
 .official-channel-actions > * { flex: 1 1 210px; text-align: center; white-space: normal; }
