/* Experimental catalog only. Production panel controls retain their shared styles. */
.dev-channel-variables { position: fixed; inset: auto; z-index: 10060; margin: 0; padding: 6px; box-sizing: border-box; overflow-y: auto; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: transparent; color: #e2e8f0; box-shadow: 0 24px 60px rgba(0,0,0,.34); backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); font-family: var(--ui-interface-font,'Funnel Display',sans-serif); animation: dev-channel-variables-in .18s ease-out; }
.dev-channel-variables::backdrop { background: transparent; pointer-events: none; }
.dev-spanel .dev-channel-variables > button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #cbd5e1; text-align: left; font: inherit; font-size: 13px; cursor: pointer; transition: background .16s,border-color .16s; }
.dev-spanel .dev-channel-variables > button:is(:hover,:focus-visible,[aria-selected="true"]) { background: rgba(148,163,184,.12); border-color: rgba(148,163,184,.2); outline: none; }
.dev-channel-variables code { flex: none; color: #60d9b3; font-size: 12px; }
.dev-channel-variables span { min-width: 0; overflow-wrap: anywhere; }
@keyframes dev-channel-variables-in { from { transform: translateY(-4px); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .dev-channel-variables { animation: none; } .dev-spanel .dev-channel-variables > button { transition: none; } }
.dev-stats-channels { margin-top: 28px; border-top: 1px solid rgba(148,163,184,.16); padding-top: 18px; min-width: 0; }
.dev-stats-channels > summary { display: flex; align-items: center; gap: 9px; color: #cbd5e1; list-style: none; cursor: pointer; font-size: 14px; }
.dev-stats-channels > summary::-webkit-details-marker { display: none; }
.dev-stats-channels > summary > strong { min-width: 0; font-size: 14px; font-weight: 600; }
.dev-stats-channels > summary > .dev-analytics-icon { color: #60d9b3; }
.dev-stats-channels > summary > svg { width: 18px; height: 18px; flex: 0 0 18px; margin-left: auto; transition: transform .24s ease; }
.dev-stats-channels[open] > summary > svg { transform: rotate(180deg); }
.dev-stats-channels [data-stats-count-enabled] { color: #00e0a4; }
.dev-stats-channels [data-stats-count-disabled] { color: #f87171; }
.dev-stats-channels > summary:focus-visible { outline: 2px solid #60d9b3; outline-offset: 5px; border-radius: 5px; }
.dev-stats-channel-body { display: grid; gap: 18px; padding-top: 0; }
.dev-stats-channel-body > .spanel-channel-field { margin: 0; }
.dev-stats-channels[data-panel-card="stats-channels"] { margin-top: 0; border-top: 0; padding-top: 0; }
.dev-stats-counter-heading { display: flex; align-items: center; gap: 9px; color: #cbd5e1; font-size: 14px; }
.dev-stats-counter-heading strong { font-size: inherit; font-weight: 600; }
.dev-stats-channels[open] .dev-stats-channel-body { animation: dev-reply-reveal .2s ease both; }
.dev-stats-counter { display: flex; align-items: center; gap: 14px; }
.dev-stats-counter > div { flex: 1; min-width: 0; display: grid; gap: 8px; }
.dev-stats-counter > .dev-setting-power { order: -1; }
.dev-stats-counter label { color: #cbd5e1; font-size: 13px; font-weight: 600; }
.dev-stats-counter .dev-stats-counter-label { display: flex; align-items: center; gap: 8px; }
.dev-stats-counter-label svg { width: 16px; height: 16px; flex: 0 0 16px; color: #60d9b3; }
.dev-stats-counter small { color: #94a3b8; font-size: 11px; overflow-wrap: anywhere; }
.dev-stats-extra .dev-stats-compact { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 0; border: 0; background: transparent; cursor: default; }
.dev-stats-compact > .spanel-log-module-status { min-width: 40px; min-height: 26px; padding: 4px 7px; font-size: 11px; flex-shrink: 0; transition: transform .2s,filter .2s; }
.dev-stats-compact > .spanel-log-module-status:hover:not(:disabled) { transform: scale(1.04); filter: brightness(1.1); }
.dev-stats-compact > .spanel-log-module-status:active:not(:disabled) { transform: scale(.94); }
.dev-stats-compact > .spanel-log-module-status:focus-visible { outline: 2px solid #60d9b3; outline-offset: 3px; }
.dev-stats-compact > .spanel-log-module-status:disabled { opacity: .5; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .dev-stats-compact > .spanel-log-module-status { transition: none; transform: none !important; } }
.dev-stats-compact label { cursor: pointer; }
.dev-stats-compact label small { display: block; font-weight: 400; margin-top: 3px; }
.dev-stats-extra { display: grid; min-width: 0; }
.dev-analytics-unused { display: grid; min-width: 0; margin-top: 12px; }
.dev-analytics-invite + .dev-analytics-unused { margin-top:16px; }
.dev-analytics-unused > .spanel-log-module-expand { justify-self: start; grid-row: 1; grid-column: 1; }
.dev-analytics-unused > .spanel-log-submodules { grid-row: 2; grid-column: 1; grid-template-rows: 0fr; max-height: none; transition: grid-template-rows .48s cubic-bezier(.16,1,.3,1),opacity .26s ease,transform .46s cubic-bezier(.16,1,.3,1),filter .32s ease; }
.dev-analytics-unused > .spanel-log-submodules.is-visible { grid-template-rows: 1fr; max-height: none; }
.dev-analytics-unused-inner { min-height: 0; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .dev-analytics-unused > .spanel-log-submodules { transition: none; } }
.dev-stats-extra > .spanel-log-module-expand { justify-self: start; }
.dev-stats-extra > .spanel-log-module-expand > span:last-child { font-size: 11px; }
.dev-stats-extra > .spanel-log-submodules { grid-row: auto; grid-column: auto; grid-template-rows: 0fr; max-height: none; transition: grid-template-rows .48s cubic-bezier(.16,1,.3,1),opacity .26s ease,transform .46s cubic-bezier(.16,1,.3,1),filter .32s ease; }
.dev-stats-extra > .spanel-log-submodules.is-visible { grid-template-rows: 1fr; max-height: none; }
.dev-stats-extra-inner { min-height: 0; overflow: hidden; }
.dev-stats-extra-inner > .dev-stats-compact { padding-top: 12px; }
@media (prefers-reduced-motion: reduce) { .dev-stats-extra > .spanel-log-submodules { transition: none; } }
.dev-spanel .dev-module-dialog .dev-stats-counter .panel-input { width: 100%; box-sizing: border-box; background: rgba(255,255,255,.04); color: #e2e8f0; border: 1px solid #333d48; border-radius: 12px; padding: 10px 12px; font: inherit; font-size: 14px; }
.dev-spanel .dev-module-dialog .dev-stats-counter .panel-input:focus { border-color: #60d9b3; outline: 2px solid rgba(96,217,179,.2); outline-offset: 1px; }
.dev-stats-channel-body .dev-auto-voice-owner { padding: 13px 14px; border-radius: 12px; }
@media (max-width: 600px) {
  .dev-stats-channels > summary { flex-wrap: wrap; gap: 8px; }
  .dev-stats-channels > summary > strong { flex: 1; }
  .dev-stats-counter { gap: 10px; }
  .dev-spanel .dev-module-dialog .dev-stats-counter .panel-input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .dev-stats-channels > summary > svg { transition: none; } .dev-stats-channels[open] .dev-stats-channel-body { animation: none; } }
.dev-analytics-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.dev-analytics-toolbar > span,.dev-analytics-created { color: #94a3b8; font-size: 12px; }
.dev-analytics-refresh svg { width: 18px; height: 18px; transition: transform .4s ease; }
.dev-analytics-refresh:not(:disabled):is(:hover,:focus-visible) svg { transform: rotate(90deg); }
.dev-analytics-refresh[aria-busy="true"] svg { animation: dev-module-loading-spin .8s linear infinite; }
.dev-analytics-loading { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; min-height: 25dvh; color: #cbd5e1; }
.dev-analytics-loading[hidden] { display: none; }
.dev-analytics-error { color: #fca5a5; font-size: 13px; line-height: 1.6; }
.dev-analytics-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 24px; margin: 0 0 28px; }
.dev-analytics-metric { min-width: 0; padding: 14px 0; border-bottom: 1px solid rgba(148,163,184,.16); }
.dev-analytics-metric dt { display: flex; align-items: center; gap: 8px; color: #94a3b8; font-size: 12px; line-height: 1.5; }
.dev-analytics-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: var(--analytics-icon) center / contain no-repeat; mask: var(--analytics-icon) center / contain no-repeat; }
.dev-analytics [data-analytics-sort-controls][hidden] { display: none; }
.dev-analytics :is(dt,.dev-analytics-heading) > .dev-analytics-icon { color: #60d9b3; }
.dev-analytics-metric dd { margin: 10px 0 0; color: #e2e8f0; font-size: clamp(24px,3vw,34px); font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.dev-analytics-heading { display: flex; align-items: center; gap: 9px; margin: 24px 0 16px; color: #cbd5e1; font-size: 15px; }
.dev-analytics-count { color: #94a3b8; font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; }
.dev-analytics-bars { display: grid; gap: 14px; margin: 0; }
.dev-analytics-bars > div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); align-items: center; gap: 14px; }
.dev-analytics-bars dt { color: #cbd5e1; font-size: 13px; }
.dev-analytics-bars dd { display: flex; align-items: center; gap: 12px; min-width: 0; margin: 0; color: #94a3b8; font-size: 13px; font-variant-numeric: tabular-nums; }
.dev-analytics-bar { flex: 1; height: 8px; border-radius: 999px; background: rgba(148,163,184,.1); overflow: hidden; }
.dev-analytics-bar::before { content: ""; display: block; height: 100%; width: var(--analytics-width,0%); border-radius: inherit; background: linear-gradient(90deg,#14634f,#60d9b3); }
.dev-analytics .dev-search { margin-bottom: 16px; }
.dev-spanel .dev-module-dialog .dev-analytics-search .panel-input { padding: 0; min-height: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; }
.dev-analytics-ranking { display: grid; gap: 10px; margin: 0; padding-left: 24px; color: #94a3b8; font-size: 13px; }
.dev-analytics-ranking li { padding-left: 5px; }
.dev-analytics-ranking strong { float: right; color: #e2e8f0; font-weight: 500; }
.dev-analytics-ranking small { color: #94a3b8; font-weight: 400; }
.dev-analytics-invite { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(148,163,184,.14); }
.dev-analytics-invite > div { flex: 1; min-width: 0; }
.dev-analytics-invite strong { color: #e2e8f0; font-size: 14px; overflow-wrap: anywhere; }
.dev-analytics-invite p { margin: 6px 0; color: #cbd5e1; font-size: 12px; overflow-wrap: anywhere; }
.dev-analytics-invite small { color: #94a3b8; font-size: 11px; line-height: 1.6; }
.dev-analytics-uses { display: grid; gap: 4px; flex-shrink: 0; color: #e2e8f0; text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; }
.dev-analytics-invite .dev-sticky-icon-action .dev-analytics-icon { width: 19px; height: 19px; transform-origin: center; transition: transform .22s cubic-bezier(.2,.8,.2,1); }
.dev-analytics-invite .dev-sticky-icon-action:is(:hover,:focus-visible) .dev-analytics-icon { transform: scale(1.16); }
.dev-analytics-invite .dev-sticky-icon-action:active .dev-analytics-icon { transform: scale(.94); }
.dev-spanel .dev-module-dialog .dev-analytics-note { margin-top: 24px; color: #94a3b8; font-size: 12px; line-height: 1.6; }
@media (max-width: 600px) {
  .dev-analytics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
  .dev-analytics-toolbar { flex-wrap: wrap; }
  .dev-analytics-invite { gap: 9px; }
  .dev-analytics-bars > div { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); }
}
@media (prefers-reduced-motion: reduce) {
  .dev-analytics-refresh svg,.dev-analytics-invite .dev-sticky-icon-action .dev-analytics-icon { transition: none; animation: none !important; transform: none !important; }
}
@media (min-width: 901px) {
  .dev-spanel #spanel-config-nav {
    max-height: calc(100vh - 32px);
    max-height: calc(100svh - 32px);
  }
}

@media (max-width: 700px) {
  /* Keep glyphs opaque: animated text clipping can lose its paint layer over Safari backdrop blur. */
  .dev-spanel .panel-navbar .nav-unix {
    animation: none;
    background: none;
    color: var(--accent-primary, #00e0a4);
    -webkit-text-fill-color: currentColor;
    transition-property: text-shadow;
  }
}

.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action] { --dev-action-animation: panelIconSavePop; --dev-action-duration: .5s; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-inline-icon="false"]::before { display: inline-block; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-inline-icon="true"]::before { display: none; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action] > :is(svg,img) { width: 17px; height: 17px; flex: 0 0 17px; transition: transform .22s cubic-bezier(.2,.8,.2,1), opacity .22s ease, filter .22s ease; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="cancel"] { --dev-action-animation: panelIconCancelTwist; --dev-action-duration: .42s; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="done"] { --dev-action-animation: panelIconDonePulse; --dev-action-duration: .48s; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="refresh"] { --dev-action-animation: panelIconRefreshSpin; --dev-action-duration: .62s; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="send"] { --dev-action-animation: setupSendLift; --dev-action-duration: .45s; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="remove"] { --dev-action-animation: panelIconDangerNudge; --dev-action-duration: .44s; }
.dev-spanel .dev-module-footer .panel-button[data-dev-close] { --dev-action-animation: devReturnArrowNudge; --dev-action-duration: .45s; }
.dev-spanel .dev-module-footer .panel-button[data-dev-close]::before { order: 1; -webkit-mask: url("/assets/img/icons/arrow-right.svg") center/contain no-repeat; mask: url("/assets/img/icons/arrow-right.svg") center/contain no-repeat; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-subview-back] { --dev-action-animation: devReturnArrowNudge; --dev-action-duration: .45s; }
.dev-spanel .panel-button[data-dev-subview-back]::before { order: 1; -webkit-mask: url("/assets/img/icons/arrow-right.svg") center/contain no-repeat; mask: url("/assets/img/icons/arrow-right.svg") center/contain no-repeat; }
@keyframes devReturnArrowNudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action]:not(:disabled):is(:hover,:focus-visible)::before,
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action]:not(:disabled):is(:hover,:focus-visible) > :is(svg,img) { opacity: 1; animation: var(--dev-action-animation) var(--dev-action-duration) cubic-bezier(.2,.8,.2,1); }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="cancel"]:not(:disabled):is(:hover,:focus-visible)::before { background: #fb7185; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action="cancel"]:not(:disabled):is(:hover,:focus-visible) > :is(svg,img) { color: #fb7185; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action]:disabled::before,
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action]:disabled > :is(svg,img) { animation: none; filter: none; transform: none; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .card-order-close:not(:disabled):is(:hover,:focus-visible) > svg { animation: panelIconCancelTwist .42s cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion: reduce) {
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action]::before,
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button[data-dev-action] > :is(svg,img),
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) .card-order-close > svg { animation: none !important; transition: none !important; transform: none !important; }
}
.dev-server-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-left: auto; padding: 12px; border: 1px solid rgba(148,163,184,.15); border-radius: 17px; background: rgba(255,255,255,.035); }
.dev-server-counts { display: flex; align-items: center; gap: 12px; padding: 0 10px 0 2px; margin-right: 2px; border-right: 1px solid rgba(148,163,184,.2); }
.dev-server-counts > span { display: inline-flex; align-items: center; gap: 5px; color: #cbd5e1; font-size: 12px; }
.dev-server-toolbar svg { display: block; width: 16px; height: 16px; flex-shrink: 0; stroke-width: 1.8; transform-origin: center; }
.dev-server-toolbar > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 33px; padding: 7px 10px; border: 1px solid rgba(148,163,184,.25); border-radius: 9px; background: rgba(148,163,184,.06); color: #dce5ef; font: inherit; font-size: 12px; font-weight: 550; cursor: pointer; transition: background .2s, border-color .2s; }
.dev-server-toolbar > button:hover:not(:disabled) { background: rgba(148,163,184,.15); border-color: rgba(148,163,184,.45); }
.dev-server-toolbar > button:focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 3px; }
.dev-server-toolbar > button:disabled { opacity: .45; cursor: not-allowed; }
.dev-server-toolbar > .dev-server-active { color: var(--panel-green,#00d9a5); background: rgba(0,217,165,.12); border-color: rgba(0,217,165,.35); }
.dev-server-toolbar > button:is(:hover,:focus-visible):not(:disabled):not(.is-refreshing) > svg { animation: dev-tool-pop .38s ease; }
.dev-server-toolbar > :is([data-tool="refresh"],[data-tool="channels"]):is(:hover,:focus-visible):not(:disabled):not(.is-refreshing) > svg { animation-name: dev-tool-turn; animation-duration: .55s; }
.dev-server-toolbar > [data-tool="announce"]:is(:hover,:focus-visible):not(:disabled) > svg { animation-name: dev-tool-announce; }
.dev-server-toolbar > button:active:not(:disabled):not(.is-refreshing) > svg { animation: none; transform: scale(.88); }
.dev-server-toolbar .is-refreshing > svg { animation: dev-module-loading-spin .8s linear infinite; }
@keyframes dev-tool-turn { from { transform: rotate(-35deg); } to { transform: rotate(0); } }
@keyframes dev-tool-pop { 0%,100% { transform: scale(1); } 50% { transform: scale(1.14); } }
@keyframes dev-tool-announce { 0%,100% { transform: rotate(0); } 30% { transform: rotate(-10deg); } 65% { transform: rotate(7deg); } }
@media (prefers-reduced-motion: reduce) {
  .dev-server-toolbar > button > svg { animation: none !important; transform: none !important; }
}
.dev-refresh-dots::after { content: "…"; display: inline-block; width: 13px; text-align: left; animation: dev-tools-dots 1.2s steps(1,end) infinite; }
@keyframes dev-tools-dots { 0% { content: "."; } 33% { content: ".."; } 66% { content: "..."; } }
.dev-spanel .card-order-overlay.dev-server-tools-overlay { z-index: 10010; opacity: 1; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; transition: visibility 0s linear .32s; }
.dev-spanel .dev-server-tools-overlay.is-open { transition-delay: 0s; }
.dev-server-tools-overlay::before { content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(0,0,0,.6); opacity: 0; pointer-events: none; transition: opacity .24s ease; }
.dev-server-tools-overlay.is-open::before { opacity: 1; }
.dev-spanel .dev-server-tools-dialog { position: relative; z-index: 1; width: min(680px,100%); max-height: calc(100dvh - 40px); opacity: 0; transition: transform .32s cubic-bezier(.16,1,.3,1), opacity .24s ease; }
.dev-server-tools-overlay.is-open > .dev-server-tools-dialog { opacity: 1; }
.dev-server-tools-dialog .dev-dialog-heading h2 { display: flex; align-items: center; gap: 10px; font-size: 21px; }
.dev-server-tools-dialog svg { width: 21px; height: 21px; flex-shrink: 0; }
.dev-server-tools-dialog .card-order-close { display: grid; place-items: center; color: #cbd5e1; }
.dev-announcement-form { display: grid; gap: 22px; }
.dev-announcement-form > label { display: grid; gap: 8px; color: #dce5ef; font-size: 14px; font-weight: 550; }
.dev-announcement-form small { color: #91a0b2; font-size: 12px; font-weight: 400; }
.dev-announcement-form .panel-input { box-sizing: border-box; width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid rgba(148,163,184,.25); border-radius: 10px; background: rgba(148,163,184,.055); color: #e2e8f0; font: inherit; font-size: 14px; }
.dev-announcement-form .panel-input:focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 2px; border-color: transparent; }
.dev-announcement-form select option { color: #e2e8f0; background: #151d26; }
.dev-announcement-form textarea { resize: vertical; min-height: 110px; }
.dev-announcement-form input[type="datetime-local"] { color-scheme: dark; }
.dev-announcement-form fieldset { min-width: 0; padding: 0; border: 0; }
.dev-announcement-form legend { margin-bottom: 10px; color: #dce5ef; font-size: 14px; }
.dev-announcement-roles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; max-height: 164px; overflow-y: auto; margin-top: 8px; padding: 8px 7px 6px; scrollbar-width: thin; }
.dev-announcement-roles label { position: relative; display: flex; align-items: center; min-width: 0; min-height: 42px; box-sizing: border-box; padding: 10px 25px 10px 12px; border: 1px solid color-mix(in srgb, var(--dev-role-color,#94a3b8) 28%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--dev-role-color,#94a3b8) 7%, transparent); color: #cbd5e1; font-size: 12px; cursor: pointer; transition: border-color .2s, background .2s, color .2s, opacity .2s; }
.dev-announcement-roles label:hover:not(:has(input:disabled)) { border-color: color-mix(in srgb, var(--dev-role-color,#94a3b8) 55%, transparent); background: color-mix(in srgb, var(--dev-role-color,#94a3b8) 12%, transparent); }
.dev-announcement-roles label > input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
.dev-announcement-roles label:has(input:checked) { color: #e2e8f0; border-color: var(--panel-green,#00d9a5); background: color-mix(in srgb, var(--dev-role-color,#94a3b8) 14%, transparent); }
.dev-announcement-roles label:has(input:focus-visible) { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 3px; }
.dev-announcement-roles label:has(input:disabled) { opacity: .45; cursor: not-allowed; }
.dev-announcement-roles label.is-role-limit-blocked { opacity: .55; cursor: not-allowed; }
.dev-announcement-roles .dev-role-name::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--dev-role-color,#94a3b8); vertical-align: 1px; }
.dev-announcement-roles .dev-role-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-announcement-roles .dev-role-check { position: absolute; top: -7px; right: -5px; display: grid; place-items: center; width: 21px; height: 21px; box-sizing: border-box; border: 2px solid #142029; border-radius: 50%; background: var(--panel-green,#00d9a5); color: #062b23; opacity: 0; transform: scale(.55) rotate(-20deg); pointer-events: none; transition: opacity .18s ease, transform .28s cubic-bezier(.2,1.5,.4,1); }
.dev-announcement-roles .dev-role-check svg { width: 13px; height: 13px; }
.dev-announcement-roles label:has(input:checked) .dev-role-check { opacity: 1; transform: scale(1) rotate(0); }
.dev-spanel #spanel-autoroles-options.dev-announcement-roles { max-height: min(300px,35dvh); }
.dev-autorole-description { display: grid; gap: 4px; min-width: 0; }
.dev-spanel #spanel-autoroles-options input:disabled { pointer-events: none; }
.dev-spanel #spanel-autoroles-options label[data-autorole-reason]:focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 3px; }
.dev-autoroles-inline { min-width: 0; }
.dev-autoroles-inline .panel-input { box-sizing: border-box; width: 100%; }
.dev-autoroles-inline .spanel-stream-verification { margin: 12px 0; }
.dev-autoroles-inline .spanel-stream-verification:empty { display: none; }
@media (prefers-reduced-motion: reduce) {
  .dev-announcement-roles label, .dev-announcement-roles .dev-role-check { transition: none; }
}
.dev-announcement-form input[type="checkbox"] { accent-color: var(--panel-green,#00d9a5); }
.dev-announcement-form > .dev-announcement-embed { display: flex; align-items: center; flex-direction: row; }
.dev-announcement-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 18px; border-top: 1px solid rgba(154,172,192,.13); }
.dev-announcement-result { margin: 0; color: #f2b657; font-size: 13px; line-height: 1.6; }
.dev-announcement-result:empty { display: none; }
.dev-active-list { display: grid; gap: 8px; }
.dev-active-list > button { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px; border: 1px solid rgba(148,163,184,.15); border-radius: 12px; background: rgba(148,163,184,.04); color: #e2e8f0; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.dev-active-list > button > span { display: inline-flex; align-items: center; gap: 8px; }
.dev-active-list svg { width: 17px; height: 17px; color: var(--panel-green,#00d9a5); }
.dev-active-list > button > span:last-child { color: #91a0b2; font-size: 11px; }
.dev-active-list > button:hover { background: rgba(148,163,184,.1); }
.dev-active-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 12px; text-align: center; color: #e2e8f0; }
.dev-active-empty > svg { width: 36px; height: 36px; color: #91a0b2; margin-bottom: 6px; }
.dev-active-empty p { margin: 0; color: #91a0b2; font-size: 13px; }
.dev-active-summary { justify-content: center; text-align: center; flex-wrap: wrap; font-size: 12px; }
@media (max-width: 700px) {
  .dev-server-toolbar { flex-basis: 100%; justify-content: flex-start; margin-left: 0; padding: 10px; }
  .dev-server-toolbar > button { font-size: 11px; padding: 7px 9px; }
  .dev-server-counts { min-height: 33px; }
  .dev-server-tools-overlay { padding: 10px; }
  .dev-spanel .dev-server-tools-dialog { max-height: calc(100dvh - 20px); }
  .dev-announcement-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .dev-announcement-actions .panel-button { min-width: 0; padding: 10px 8px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-server-toolbar .is-refreshing > svg, .dev-refresh-dots::after { animation: none; }
  .dev-server-toolbar > button, .dev-spanel .card-order-overlay.dev-server-tools-overlay, .dev-server-tools-overlay::before, .dev-spanel .dev-server-tools-dialog { transition: none; }
}
.dev-spanel #dev-module-catalog { grid-column: 1 / -1; min-width: 0; }
.dev-spanel :is(#dev-module-catalog,.dev-module-dialog,.dev-diagnostics-dialog,.dev-server-tools-dialog) { font-family: var(--ui-interface-font, "Funnel Display", sans-serif); }
.dev-spanel :is(.dev-module-dialog,.dev-diagnostics-dialog,.dev-server-tools-dialog) .panel-button { font-family: inherit; }
.dev-spanel :is(.dev-module-dialog,.dev-diagnostics-dialog,.dev-server-tools-dialog) .panel-button:disabled { opacity: .4; cursor: not-allowed; }
.dev-spanel .card-order-overlay { background: rgba(0,0,0,.6); backdrop-filter: none; -webkit-backdrop-filter: none; }
.dev-spanel .card-order-overlay > .card-order-dialog { background: rgba(255,255,255,.04); backdrop-filter: blur(9px) saturate(1.3); -webkit-backdrop-filter: blur(9px) saturate(1.3); border: 1px solid rgb(34,34,48); border-radius: 16px; box-shadow: 0 25px 50px -12px rgba(0,0,0,.4); }
.dev-module-overlay[data-module="autoroles"] .spanel-autoroles { margin: 0; padding-top: 0; border-top: 0; }
.dev-module-overlay[data-module="autoroles"] .spanel-autoroles-head { display: none; }
.dev-spanel #spanel-config-area > .spanel-config-card { display: none; }
.dev-spanel [hidden] { display: none !important; }
.dev-spanel [data-dev-category="welcome"] { --category-color: #60d394; }
.dev-spanel [data-dev-category="logs"] { --category-color: #14c8df; }
.dev-spanel [data-dev-category="messages"] { --category-color: #5ee0c0; }
.dev-spanel [data-dev-category="roles"] { --category-color: #f2c75c; }
.dev-spanel [data-dev-category="voice"] { --category-color: #70c9e8; }
.dev-spanel [data-dev-category="tickets"] { --category-color: #f2b657; }
.dev-spanel [data-dev-category="streams"] { --category-color: #ed79b0; }
.dev-spanel [data-dev-category="moderation"] { --category-color: #f36b87; }
.dev-spanel [data-dev-category="engagement"] { --category-color: #a89aff; }
.dev-spanel [data-dev-category="access"] { --category-color: #819cf2; }
.dev-spanel [data-dev-category="games"] { --category-color: #f19b70; }
.dev-spanel #spanel-section-menu [data-dev-category]:is(:hover,:focus-visible,.is-active) {
  color: var(--category-color);
  border-color: color-mix(in srgb, var(--category-color) 32%, transparent);
  background: color-mix(in srgb, var(--category-color) 12%, rgba(15,23,32,.9));
}
.dev-spanel #spanel-section-menu [data-dev-category].is-active {
  background: color-mix(in srgb, var(--category-color) 20%, rgba(15,23,32,.9));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--category-color) 8%, transparent), 0 0 20px color-mix(in srgb, var(--category-color) 12%, transparent);
}
.dev-spanel #spanel-section-menu [data-dev-category]:is(:hover,:focus-visible,.is-active)::before {
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--category-color) 25%, transparent));
}
.dev-catalog-header { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin: 10px 0 28px; }
.dev-back-to-servers { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; margin: 0 0 4px; padding: 4px 0; border: 0; background: transparent; color: #cbd5e1; font: inherit; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color .18s ease; }
.dev-back-to-servers svg { width: 23px; height: 23px; flex-shrink: 0; transition: transform .2s ease; }
.dev-back-to-servers:not(:disabled):is(:hover,:focus-visible) { color: #f1f5f9; }
.dev-back-to-servers:not(:disabled):is(:hover,:focus-visible) svg { transform: translateX(-3px); }
.dev-back-to-servers:focus-visible { outline: 2px solid rgba(148,163,184,.5); outline-offset: 4px; border-radius: 5px; }
.dev-back-to-servers:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 700px) { .dev-back-to-servers { font-size: 14px; gap: 8px; } .dev-back-to-servers svg { width: 20px; height: 20px; } }
@media (prefers-reduced-motion: reduce) { .dev-back-to-servers,.dev-back-to-servers svg { transition: none; transform: none !important; } }
.dev-guild-icon { display: block; flex: 0 0 76px; width: 76px; height: 76px; object-fit: cover; border: 1px solid rgba(163,184,202,.12); border-radius: 22px; background: rgba(130,151,170,.055); }
.dev-guild-heading { min-width: 0; flex: 1 1 180px; }
.dev-guild-name-row { display: flex; align-items: center; gap: 8px; min-width: 0; margin-bottom: 4px; }
.dev-catalog-header .dev-guild-name-row h1 { margin: 0; min-width: 0; }
.dev-mobile-limit-trigger { display: none; flex: 0 0 44px; width: 44px; height: 44px; padding: 7px; place-items: center; border: 0; border-radius: 14px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .18s ease; }
.dev-mobile-limit-trigger img { display: block; width: 30px; height: 30px; }
.dev-mobile-limit-trigger:is(:hover,:focus-visible) { transform: scale(1.06); }
.dev-mobile-limit-trigger:focus-visible { outline: 2px solid #f4aa2b; outline-offset: 1px; }
.dev-mobile-limit-trigger:active { transform: scale(.95); }
.dev-spanel .dev-server-tools-dialog.is-mobile-info { width: min(520px,100%); }
.dev-server-tools-dialog.is-mobile-info .dev-dialog-heading h2 { align-items: flex-start; font-size: 19px; line-height: 1.4; }
.dev-server-tools-dialog.is-mobile-info .dev-dialog-heading h2 > svg { color: #f4aa2b; margin-top: 3px; }
.dev-mobile-limit-description { margin: 0; color: #cbd5e1; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
@media (max-width: 700px) { .dev-mobile-limit-trigger { display: inline-grid; } }
@media (prefers-reduced-motion: reduce) { .dev-mobile-limit-trigger { transition: none; transform: none; } }
.dev-eyebrow { color: var(--panel-green, #00d9a5); font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.dev-catalog-header h1 { margin: 0 0 4px; color: #eef3f8; font-size: clamp(25px, 3vw, 36px); font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }
.dev-catalog-header p { margin: 0; color: #cbd5e1; font-size: 17px; font-weight: 550; line-height: 1.4; }
.dev-category header p { color: #91a0b2; font-size: 13px; line-height: 1.6; margin: 0; }
.dev-search { display: flex; align-items: center; gap: 13px; padding: 16px 20px; width: 100%; box-sizing: border-box; background: rgba(153,171,187,.045); border: 1px solid rgba(162,181,199,.17); border-radius: 17px; transition: border-color .2s, background .2s; }
.dev-search:focus-within { border-color: var(--panel-green, #00d9a5); background: rgba(153,171,187,.07); }
.dev-spanel .dev-server-list-toolbar .dev-search { background: transparent; border-color: rgba(255,255,255,.1); box-shadow: 0 24px 60px rgba(0,0,0,.34); backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); }
.dev-spanel .dev-server-list-toolbar .dev-search:focus-within { background: transparent; border-color: var(--panel-green,#00d9a5); }
.dev-search svg { width: 21px; height: 21px; flex-shrink: 0; fill: none; stroke: #9baaba; stroke-width: 1.6; }
.dev-search input { width: 100%; min-width: 0; padding: 0; color: #e5edf5; background: none; border: 0; outline: 0; font-size: 14px; }
.dev-search input::placeholder { color: #8391a2; }
/* Restyle the native clear control while retaining its input and focus behavior. */
.dev-spanel input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin-left: 8px; margin-right: 0; border: 0; background-color: #94a3b8; -webkit-mask: url('/assets/img/icons/modal-close.svg') center / 20px 20px no-repeat; mask: url('/assets/img/icons/modal-close.svg') center / 20px 20px no-repeat; opacity: 1; cursor: pointer; transition: background-color .18s ease, transform .18s ease; }
.dev-spanel input[type="search"]::-webkit-search-cancel-button:hover { background-color: #e2e8f0; transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) { .dev-spanel input[type="search"]::-webkit-search-cancel-button { transition: none; } }
.dev-search-shortcut { flex-shrink: 0; color: #aeb9c7; font-size: 12px; white-space: nowrap; }
.dev-search kbd { display: inline-grid; place-items: center; flex-shrink: 0; min-width: 28px; height: 28px; box-sizing: border-box; color: #e2e8f0; background: rgba(226,232,240,.07); border: 1px solid rgba(154,172,192,.4); border-radius: 7px; padding: 0 7px; font: inherit; font-size: 15px; font-weight: 600; line-height: 1; box-shadow: inset 0 -2px 0 rgba(226,232,240,.06); }
.dev-spanel #spanel-server-picker { padding-top: 16px; }
.dev-spanel .dev-server-list-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: stretch; gap: 12px; margin-top: 0; font-family: var(--ui-interface-font, "Funnel Display", sans-serif); }
.dev-server-list-note { display: flex; align-items: flex-start; gap: 8px; box-sizing: border-box; width: fit-content; max-width: min(860px,100%); margin: 12px auto 0; padding: 0; color: #91a0b2; font-family: var(--ui-interface-font, "Funnel Display", sans-serif); font-size: 12px; line-height: 1.6; text-align: center; }
.dev-server-list-note::before { position: static; flex: 0 0 17px; margin-top: calc(.5lh - 8.5px); transform: none; }
.dev-server-list-loading { --dev-server-loading-color: #cbd5e1; position: fixed; inset: 0; height: 100vh; height: 100dvh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; pointer-events: none; color: var(--dev-server-loading-color); font-family: var(--ui-interface-font, "Funnel Display", sans-serif); font-size: clamp(14px,2vw,16px); text-align: center; }
.dev-server-list-loading[hidden] { display: none; }
.dev-server-restore-loading { display: none; }
.dev-log-modules { grid-column: 1 / -1; min-width: 0; margin-top: 20px; }
.dev-log-modules h3,.dev-auto-voice-segments > h3 { display: flex; align-items: center; flex-wrap: wrap; column-gap: .25em; margin: 0 0 14px; font-size: 15px; color: #e2e8f0; }
.dev-log-segment-count { display: inline-block; margin-left: 5px; color: #94a3b8; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-log-segment-count [data-log-modules-enabled] { color: #00e0a4; }
.dev-log-segment-count [data-log-modules-total] { color: #f87171; }
.dev-log-segment-count.is-unconfigured :is([data-log-modules-enabled],[data-log-modules-total]) { color: rgba(148,163,184,.66); }
.dev-log-modules .spanel-log-module-copy { min-width: 0; overflow-wrap: anywhere; }
.dev-welcome-inline .dev-welcome-legacy { display: none !important; }
.dev-welcome-inline .spanel-channel-field > span { display: none; }
.dev-ticket-compose-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.dev-ticket-compose-heading h3 { display: flex; align-items: center; gap: 8px; margin: 0; color: #cbd5e1; font-size: 14px; }
.dev-ticket-compose-heading h3::before { content: ""; width: 16px; height: 16px; flex-shrink: 0; background: currentColor; -webkit-mask: url('/assets/img/panel/edit.svg') center / contain no-repeat; mask: url('/assets/img/panel/edit.svg') center / contain no-repeat; }
.dev-ticket-publish { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 12px; }
.dev-ticket-publish small { color: #94a3b8; font-size: 12px; }
.dev-spanel .dev-ticket-send.panel-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.dev-ticket-send > svg { width: 19px; height: 19px; flex-shrink: 0; transition: transform .24s cubic-bezier(.2,.8,.2,1); }
.dev-ticket-send:is(:hover,:focus-visible):not(:disabled) > svg { transform: translate(2px,-2px) rotate(5deg); }
.dev-ticket-send:active:not(:disabled) > svg { transform: translate(4px,-4px) scale(.9); }
.dev-ticket-send[aria-busy="true"] > svg { animation: dev-ticket-sending .9s ease-in-out infinite alternate; }
@keyframes dev-ticket-sending { to { transform: translate(2px,-2px); } }
@media (min-width: 901px) {
  .dev-spanel .spanel-ticket-live-editor { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 20px; align-items: start; }
  .dev-ticket-compose-heading { display: contents; }
  .dev-ticket-compose-heading > h3 { grid-column: 1 / -1; grid-row: 1; margin-bottom: 18px; }
  .dev-ticket-compose-heading > .dev-ticket-publish { grid-column: 2; grid-row: 2; padding-top: 26px; max-width: 190px; }
  .dev-spanel .spanel-ticket-live-editor > .spanel-discord-message { grid-column: 1; grid-row: 2; min-width: 0; }
}
@media (max-width: 900px) {
  .dev-module-footer:has(> .dev-ticket-publish:not([hidden])) { flex-direction: column; align-items: stretch; gap: 12px; }
  .dev-module-footer > .dev-ticket-publish { width: 100%; align-items: stretch; }
  .dev-module-footer .dev-ticket-send { width: 100%; }
  .dev-module-footer .dev-ticket-publish small { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-ticket-send > svg { transition: none; }
  .dev-ticket-send[aria-busy="true"] > svg { animation: none; }
}
.dev-welcome-compose { min-width: 0; margin-top: 24px; }
.dev-auto-voice-enable { display: none; }
.dev-reply-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.dev-reply-toolbar > span { color: #94a3b8; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-spanel .dev-module-dialog .panel-button.dev-reply-add { --dev-button-fill: #14634f; --dev-button-text: #effff8; --dev-button-border: #2e8b70; --dev-button-accent: #60d9b3; background: #14634f; color: #effff8; border-color: #2e8b70; }
.dev-spanel .dev-module-dialog .panel-button.dev-reply-add:not(:disabled):is(:hover,:focus-visible,:active) { background: #14634f; color: #effff8; border-color: #49b18f; }
.dev-reply-add svg,.dev-reply-actions svg { width: 19px; height: 19px; transition: transform .22s; }
.dev-reply-add:hover:not(:disabled) svg { transform: rotate(90deg); }
.dev-replies-list { display: grid; gap: 14px; }
.dev-reply-row { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px 0; }
.dev-reply-copy { min-width: 0; flex: 1; }
.dev-reply-copy h3 { font-size: 15px; color: #e2e8f0; margin: 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-reply-copy p { font-size: 12px; color: #b6c2cf; margin: 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-reply-copy small { display: block; color: #94a3b8; font-size: 11px; overflow-wrap: anywhere; }
.dev-reply-actions { display: flex; align-items: center; flex-shrink: 0; gap: 4px; margin-left: auto; }
.dev-reply-actions .panel-button.dev-sticky-icon-action { min-height: 32px; }
.dev-reply-actions [data-reply-edit]:hover:not(:disabled) svg { animation: dev-edit-scribble .4s ease; }
.dev-reply-editor { min-width: 0; }
.dev-reply-editor > .spanel-channel-field { margin: 0; }
.dev-reply-editor [role="tabpanel"] { min-width: 0; }
.dev-reply-preview { margin-top: 25px; }
.dev-reply-editor [role="tabpanel"]:not([hidden]) { animation: dev-reply-reveal .2s ease both; }
@keyframes dev-reply-reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.dev-reply-fields,.dev-reply-preview { min-width: 0; }
.dev-reply-fields { display: grid; gap: 16px; }
.dev-reply-fields .dev-bot-message-heading { margin: 0; }
.dev-reply-fields .spanel-channel-field { margin: 0; }
.dev-spanel .dev-module-dialog .dev-reply-fields .panel-input { width: 100%; min-width: 0; background: rgba(255,255,255,.04); border: 1px solid #333d48; border-radius: 12px; color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; font: inherit; font-size: 14px; }
.dev-spanel .dev-module-dialog .dev-reply-fields .panel-input::placeholder { color: #94a3b8; -webkit-text-fill-color: #94a3b8; opacity: 1; }
.dev-reply-fields .dev-sticky-field { color: #cbd5e1; font-size: 13px; }
.dev-reply-modes .dev-sticky-schedule-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.dev-reply-modes legend { color: #cbd5e1; font-size: 13px; }
.dev-reply-option { display: flex; align-items: center; gap: 12px; color: #cbd5e1; font-size: 13px; }
.dev-reply-case { width: 100%; box-sizing: border-box; padding: 13px 14px; border-radius: 12px; }
.dev-reply-validation { color: #eab66a; margin: 0; font-size: 12px; }
.dev-reply-validation:empty { display: none; }
.dev-spanel .dev-module-dialog .dev-reply-note { margin: 18px 0 0; color: #94a3b8; font-size: 11px; line-height: 1.6; }
@media(max-width: 700px) {
  .dev-reply-preview { margin-top: 22px; }
  .dev-spanel .dev-module-dialog .dev-reply-fields .panel-input { font-size: 16px; }
  .dev-reply-row { flex-wrap: nowrap; gap: 8px; }
  .dev-reply-actions { gap: 2px; margin-left: 0; }
  .dev-reply-actions .panel-button.dev-sticky-icon-action { min-height: 40px; }
  .dev-reply-modes .dev-sticky-schedule-options { grid-template-columns: minmax(0,1fr); }
}
@media(prefers-reduced-motion: reduce) { .dev-reply-add svg,.dev-reply-actions svg { animation: none !important; transition: none; transform: none !important; } }
@media(prefers-reduced-motion: reduce) { .dev-reply-editor [role="tabpanel"]:not([hidden]) { animation: none; } }
.dev-role-memory-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.dev-role-memory-heading h3 { margin: 0; color: #e2e8f0; font-size: 15px; }
.dev-role-memory-heading > span { color: #94a3b8; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-role-memory-search { position: relative; display: block; }
.dev-role-memory-search > svg { position: absolute; width: 18px; height: 18px; left: 14px; top: 50%; transform: translateY(-50%); color: #aeb9c7; pointer-events: none; }
.dev-spanel .dev-module-dialog .dev-role-memory-search .panel-input { width: 100%; min-width: 0; min-height: 46px; padding: 10px 42px; background: rgba(255,255,255,.04); border: 1px solid #333d48; border-radius: 12px; color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; font: inherit; font-size: 14px; caret-color: #60d9b3; outline: 2px solid transparent; outline-offset: 1px; transition: border-color .22s,outline-color .22s; }
.dev-spanel .dev-module-dialog .dev-role-memory-search .panel-input::placeholder { color: #94a3b8; -webkit-text-fill-color: #94a3b8; opacity: 1; }
.dev-spanel .dev-module-dialog .dev-role-memory-search .panel-input:focus { border-color: #60d9b3; outline-color: rgba(96,217,179,.2); }
.dev-role-memory-list.dev-announcement-roles { max-height: 340px; margin: 14px 0 22px; }
.dev-role-memory-retention { padding: 0; margin: 0 0 18px; border: 0; min-width: 0; }
.dev-role-memory-retention legend { font-size: 13px; color: #cbd5e1; margin-bottom: 10px; }
.dev-role-memory-retention .dev-sticky-schedule-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.dev-spanel .dev-module-dialog .dev-role-memory-note { color: #94a3b8; font-size: 11px; line-height: 1.6; margin: 12px 0 0; }
@media(max-width: 600px) { .dev-spanel .dev-module-dialog .dev-role-memory-search .panel-input { font-size: 16px; } .dev-role-memory-list.dev-announcement-roles { grid-template-columns: minmax(0,1fr); } }
@media(prefers-reduced-motion: reduce) { .dev-role-memory-search .panel-input { transition: none; } }
.dev-auto-voice-fields { display: grid; gap: 20px; min-width: 0; }
.dev-auto-voice-fields > .spanel-channel-field { margin: 0; }
.dev-auto-voice-name { display: grid; gap: 9px; min-width: 0; }
.dev-auto-voice :is(.dev-auto-voice-name > span,legend,.dev-ticket-picker > label) { display: flex; align-items: center; gap: 8px; color: #cbd5e1; font-size: 13px; font-weight: 600; }
.dev-auto-voice :is(.dev-auto-voice-name > span,legend)::before { content: ""; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; -webkit-mask: var(--auto-voice-icon) center / contain no-repeat; mask: var(--auto-voice-icon) center / contain no-repeat; }
.dev-auto-voice-name { --auto-voice-icon: url('/assets/img/panel/edit.svg'); }
.dev-auto-voice-mode { --auto-voice-icon: url('/assets/img/dev-spanel/voice-cleanup.svg'); margin: 0; }
.dev-spanel .dev-auto-voice-name input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 46px; padding: 11px 14px; border: 1px solid #333d48; border-radius: 12px; background: rgba(255,255,255,.04); color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; font: inherit; font-size: 14px; font-weight: 400; outline: 2px solid transparent; outline-offset: 1px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); caret-color: #60d9b3; transition: border-color .22s,outline-color .22s; }
.dev-spanel .dev-auto-voice-name input:focus { border-color: #60d9b3; outline-color: rgba(96,217,179,.2); }
.dev-auto-voice-name-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: -8px; }
.dev-auto-voice-variable { display: inline-flex; align-items: center; gap: 9px; padding: 8px 11px; border-radius: 10px; border: 1px solid rgba(148,163,184,.22); background: rgba(255,255,255,.04); color: #cbd5e1; font: inherit; font-size: 12px; cursor: pointer; transition: background .2s,border-color .2s; }
.dev-auto-voice-variable:is(:hover,:focus-visible) { background: rgba(148,163,184,.1); border-color: #60d9b3; }
.dev-auto-voice-variable:disabled { opacity: .45; cursor: not-allowed; }
.dev-auto-voice-preview { color: #94a3b8; font-size: 12px; overflow-wrap: anywhere; }
.dev-auto-voice-preview strong { color: #dce5ef; font-weight: 500; }
.dev-auto-voice .dev-sticky-schedule-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 10px; }
.dev-auto-voice-owner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dev-auto-voice-owner > label { display: grid; gap: 5px; min-width: 0; flex: 1; cursor: pointer; }
.dev-auto-voice-owner:has(> input:disabled) > label { cursor: not-allowed; }
.dev-auto-voice-owner > .dev-setting-power { order: -1; }
.dev-auto-voice-owner strong { color: #cbd5e1; font-size: 13px; font-weight: 600; }
.dev-auto-voice-owner small { color: #94a3b8; font-size: 12px; line-height: 1.6; }
.dev-auto-voice-segments { min-width: 0; margin-block: 20px; }
.dev-auto-voice-segments > .dev-auto-voice-owner + .dev-auto-voice-owner { margin-top: 12px; }
.dev-auto-voice-segments .dev-auto-voice-owner { width: 100%; box-sizing: border-box; padding: 13px 14px; border-radius: 12px; cursor: default; }
.dev-auto-voice .dev-auto-voice-warning { margin-top: -12px; }
.dev-spanel .dev-module-dialog .dev-auto-voice .panel-info-note { color: #94a3b8; font-size: 11px; line-height: 1.55; }
@media (max-width: 600px) {
  .dev-spanel .dev-auto-voice-name input { font-size: 16px; }
  .dev-auto-voice .dev-sticky-schedule-options { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { .dev-auto-voice-variable,.dev-spanel .dev-auto-voice-name input { transition: none; } }
.dev-welcome-compose > h3,.dev-welcome-variables-title { margin: 0 0 16px; color: #e2e8f0; font-size: 16px; }
.dev-welcome-variables-title { margin-top: 28px; }
.dev-welcome-inline .spanel-welcome-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 30px; }
.dev-welcome-inline .spanel-welcome-layout > .spanel-message-preview { display: block; min-width: 0; position: sticky; top: 0; }
.dev-welcome-inline .spanel-event-variable-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; overflow: visible; }
.dev-welcome-inline .spanel-event-variable { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; border-radius: 12px; white-space: normal; text-align: left; }
.dev-welcome-inline .spanel-event-variable > span { min-width: 0; font-size: 12px; line-height: 1.5; }
.dev-welcome-inline .dev-welcome-variable-note { margin-top: 16px; font-size: 12px; }
.dev-welcome-inline .spanel-event-editor-tools { padding: 0; border: 0; background: none; box-shadow: none; }
.dev-spanel .dev-module-overlay[data-module="boosts"] .spanel-event-variable { color: var(--dev-text-primary); }
.dev-spanel .dev-module-overlay[data-module="boosts"] .spanel-event-variable small { color: var(--dev-text-muted); }
.dev-spanel .dev-module-overlay[data-module="boosts"] .spanel-event-rich-field { color: var(--dev-text-primary); -webkit-text-fill-color: currentColor; caret-color: var(--dev-text-primary); }
.dev-spanel .dev-module-overlay[data-module="boosts"] .spanel-ticket-footer-input { color: var(--dev-text-muted); }
.dev-spanel .dev-module-overlay[data-module="boosts"] .spanel-event-rich-field:empty::before { color: var(--dev-text-muted); -webkit-text-fill-color: currentColor; }
.dev-spanel :is(.upanel-preview-label,.dev-sticky-preview-label):is(.dev-preview-label,.dev-edit-label) { display: flex; align-items: center; gap: 8px; }
.dev-spanel :is(.upanel-preview-label,.dev-sticky-preview-label):is(.dev-preview-label,.dev-edit-label)::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--dev-preview-icon) center / contain no-repeat; mask: var(--dev-preview-icon) center / contain no-repeat; }
.dev-preview-label { --dev-preview-icon: url('/assets/img/icons/eye.svg'); }
.dev-edit-label { --dev-preview-icon: url('/assets/img/panel/edit.svg'); }
@media (max-width: 800px) {
  .dev-welcome-inline .spanel-welcome-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .dev-welcome-inline .spanel-welcome-layout > .spanel-message-preview { display: block; position: static; }
  .dev-welcome-inline .spanel-welcome-layout > .spanel-message-preview > :is(.upanel-preview-label,.spanel-discord-message) { display: none; }
  .dev-welcome-inline .dev-welcome-variables-title { margin-top: 0; }
  .dev-welcome-inline .spanel-event-variable { grid-template-columns: auto minmax(0,1fr); }
  .dev-welcome-inline .spanel-event-variable > :is(span,small) { max-width: none; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .dev-welcome-inline .spanel-event-variable > small { grid-column: 2; }
}
html[data-dev-restoring-guild] .dev-spanel #spanel-server-picker { display: none !important; }
html[data-dev-restoring-guild] .dev-spanel .dev-server-restore-loading { display: flex; }
.dev-server-list-loading .panel-guard-logo { width: 118px; height: 118px; margin-bottom: 4px; animation: panelGuardLogoDrift 1.85s ease-in-out infinite; }
.dev-server-list-loading .panel-guard-logo-glow { inset: 2px; background: radial-gradient(circle,rgba(var(--ui-accent-rgb, 0, 224, 164),.46),rgba(20,61,92,.24) 48%,transparent 74%); filter: blur(22px); animation: panelGuardLoadingGlow 1.45s ease-in-out infinite; }
.dev-server-list-loading .panel-guard-logo-img { width: 92px; height: 92px; animation: panelGuardLogoFocus 1.45s cubic-bezier(.22,1,.36,1) infinite; }
.dev-server-list-loading .is-loading-dots::after { color: inherit; text-shadow: none; animation-duration: 1.45s; }
@media (prefers-reduced-motion: reduce) {
  .dev-server-list-loading .panel-guard-logo,.dev-server-list-loading .panel-guard-logo-glow,.dev-server-list-loading .panel-guard-logo-img,.dev-server-list-loading .is-loading-dots::after { animation: none; }
  .dev-server-list-loading .is-loading-dots::after { content: "..."; }
}
.dev-server-list-toolbar .dev-search { min-width: 0; }
.dev-server-list-toolbar kbd { white-space: nowrap; font-size: 12px; }
.dev-server-list-refresh { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border: 1px solid rgba(162,181,199,.17); border-radius: 17px; background: transparent; color: #cbd5e1; font: inherit; font-size: 14px; cursor: pointer; backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); -webkit-tap-highlight-color: transparent; transition: color .18s,border-color .18s; }
.dev-server-list-refresh svg { width: 20px; height: 20px; flex-shrink: 0; transition: transform .35s ease; }
.dev-server-list-refresh:not(:disabled):is(:hover,:focus-visible) { color: #effff8; border-color: rgba(162,181,199,.4); }
.dev-server-list-refresh:not(:disabled):is(:hover,:focus-visible) svg { transform: rotate(35deg); }
.dev-server-list-refresh:focus-visible { outline: 2px solid rgba(96,217,179,.5); outline-offset: 3px; }
.dev-server-list-refresh[aria-busy="true"] { cursor: wait; }
.dev-server-list-refresh[aria-busy="true"] svg { animation: dev-module-loading-spin .8s linear infinite; }
.dev-spanel #spanel-refresh.dev-server-list-refresh { box-sizing: border-box; align-self: stretch; min-width: 48px; white-space: nowrap; line-height: 20px; background: transparent; border-color: rgba(255,255,255,.1); box-shadow: 0 24px 60px rgba(0,0,0,.34); transform: none; }
.dev-spanel #spanel-refresh.dev-server-list-refresh:is(:hover,:focus-visible,:active,:disabled) { background: transparent; box-shadow: 0 24px 60px rgba(0,0,0,.34); transform: none; }
.dev-spanel #spanel-refresh.dev-server-list-refresh:not(:disabled):is(:hover,:focus-visible) { color: #effff8; border-color: rgba(255,255,255,.25); }
.dev-spanel #spanel-refresh.dev-server-list-refresh::before,.dev-spanel #spanel-refresh.dev-server-list-refresh::after { content: none; display: none; }
@media (max-width: 700px) { .dev-spanel .dev-server-list-toolbar { gap: 8px; } .dev-server-list-refresh { min-width: 48px; padding: 10px 12px; } .dev-server-list-refresh span { display: none; } }
@media (prefers-reduced-motion: reduce) { .dev-server-list-refresh,.dev-server-list-refresh svg { transition: none; animation: none !important; transform: none !important; } }
.dev-filters { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 28px; }
.dev-filters button, .dev-recent-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 8px 16px; border: 1px solid rgba(154,172,192,.32); border-radius: 12px; color: #e2e8f0; background: rgba(154,172,192,.045); font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.dev-filters button span:not(.dev-filter-label), .dev-server-active > [data-tool-active] { display: inline-grid; place-items: center; flex-shrink: 0; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 5px; border-radius: 999px; background: rgba(0,5,9,.4); font-size: 11px; line-height: 1; font-weight: 700; }
.dev-filter-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-filters button svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dev-filters button:hover, .dev-recent-button:hover { background: rgba(154,172,192,.12); border-color: rgba(154,172,192,.5); }
.dev-filters button[aria-pressed="true"] { background: #14634f; color: #effff8; border-color: #2e8b70; }
.dev-filters button[aria-pressed="true"]:is(:hover,:focus-visible) { background: #19765e; color: #effff8; border-color: #2e8b70; }
.dev-filters button[aria-pressed="true"] span:not(.dev-filter-label) { background: rgba(255,255,255,.24); }
.dev-filters.has-sync { margin-bottom: 8px; }
.dev-spanel :is(.spanel-moderation-sort,#spanel-moderation-refresh) { background: transparent; border-color: rgba(255,255,255,.1); backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); }
.dev-spanel #spanel-moderation-refresh:is(:hover,:focus-visible) { background: transparent; border-color: rgba(255,255,255,.25); }
.dev-spanel #spanel-moderation-list :is(.spanel-moderation-group,.spanel-moderation-entry,.spanel-moderation-item) { background: transparent; backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); }
.dev-spanel #spanel-moderation-list :is(.spanel-moderation-entry,.spanel-moderation-item) { border-color: rgba(255,255,255,.1); box-shadow: 0 24px 60px rgba(0,0,0,.34); }
.dev-spanel #spanel-moderation-list :is(.spanel-moderation-entry,.spanel-moderation-item):is(:hover,:focus-visible) { background: transparent; box-shadow: 0 24px 60px rgba(0,0,0,.34); }
.dev-spanel #spanel-moderation-list .spanel-moderation-entry.is-actionable::after { background: transparent; backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); }
.dev-spanel #spanel-moderation-list :is(.spanel-moderation-entry,.spanel-moderation-item) { opacity: 1; transform: none; filter: none; animation: none; }
.dev-spanel .spanel-moderation-sort::before { background: rgba(226,232,240,.08); box-sizing: border-box; border-color: rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.12); }
.dev-spanel .spanel-moderation-sort button { font-weight: 600; color: #94a3b8; }
.dev-spanel .spanel-moderation-sort button:is(.is-active,:hover,:focus-visible) { color: #effff8; text-shadow: none; }
.dev-spanel .spanel-moderation-sort button:focus-visible { outline: 2px solid rgba(226,232,240,.5); outline-offset: -2px; }
.dev-spanel .spanel-moderation-group-body { grid-template-rows: 0fr; max-height: none; padding: 0 12px; overflow: hidden; transition: grid-template-rows .3s cubic-bezier(.22,1,.36,1),padding .3s ease; }
.dev-spanel .spanel-moderation-group.is-open .spanel-moderation-group-body { grid-template-rows: 1fr; max-height: none; padding: 0 12px 12px; overflow: hidden; }
.dev-spanel .spanel-moderation-group-body > .spanel-moderation-entries-scroll { min-height: 0; overflow: hidden; }
.dev-spanel .spanel-moderation-group.is-open .spanel-moderation-entries-scroll { overflow: auto; }
@media (prefers-reduced-motion: reduce) { .dev-spanel :is(.spanel-moderation-sort::before,.spanel-moderation-sort button,.spanel-moderation-group-body,.spanel-moderation-group-arrow) { transition: none; } }
.dev-favorites-sync-row { margin-bottom: 28px; }
.dev-favorites-sync { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 4px 10px; border: 1px solid rgba(154,172,192,.32); border-radius: 8px; background: rgba(154,172,192,.045); color: #aab7c6; font: inherit; font-size: 12px; font-weight: 550; line-height: 17px; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.dev-favorites-sync svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.dev-favorites-sync[aria-pressed="true"] { color: var(--panel-green, #00d9a5); border-color: color-mix(in srgb, var(--panel-green, #00d9a5) 45%, transparent); background: color-mix(in srgb, var(--panel-green, #00d9a5) 12%, transparent); }
.dev-favorites-sync:hover { background: rgba(154,172,192,.14); }
.dev-favorites-sync:focus-visible { outline: 2px solid var(--panel-green, #00d9a5); outline-offset: 3px; }
.dev-category { scroll-margin-top: 125px; margin-bottom: 34px; }
.dev-category header { margin-bottom: 15px; }
.dev-category h2, .dev-recent h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 19px; font-weight: 650; }
.dev-category h2 > span:not(.dev-category-name), .dev-category-controls > span {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 26px; width: 26px; height: 26px; box-sizing: border-box; margin: 0; padding: 0;
  border: 1px solid color-mix(in srgb, var(--category-color) 35%, transparent); border-radius: 50%;
  background: color-mix(in srgb, var(--category-color) 12%, transparent); color: var(--category-color);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; font-variant-numeric: lining-nums tabular-nums;
  line-height: 1; letter-spacing: 0; text-align: center;
}
.dev-module-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.dev-module-tile { position: relative; display: flex; align-items: center; min-width: 0; overflow: hidden; border: 1px solid rgba(163,184,202,.16); border-radius: 18px; background: rgba(130,151,170,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: background .22s, border-color .22s; }
.dev-module-tile::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: var(--category-color); opacity: .3; }
.dev-module-tile:hover { background: rgba(153,174,192,.1); border-color: rgba(176,196,213,.3); }
.dev-module-open { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; min-height: 102px; padding: 18px 9px 18px 18px; border: 0; border-radius: inherit; background: none; text-align: left; color: #e3ebf4; cursor: pointer; }
.dev-module-icon-shell { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 13%, transparent); }
.dev-module-image { width: 29px; height: 29px; object-fit: contain; transition: transform .22s; }
.dev-module-icon { display: block; width: 23px; height: 23px; background: var(--category-color); mask: var(--dev-icon) center/contain no-repeat; -webkit-mask: var(--dev-icon) center/contain no-repeat; transition: transform .22s; }
.dev-module-open:hover :is(.dev-module-icon,.dev-module-image) { transform: scale(1.08); }
.dev-module-copy { display: flex; flex-direction: column; min-width: 0; }
.dev-module-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.dev-module-title { min-width: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.dev-module-title:focus-visible { outline: 2px solid var(--panel-green); outline-offset: 4px; }
.dev-module-copy strong { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 650; line-height: 1.5; }
.dev-module-copy strong .dev-module-usage { flex-shrink: 0; color: #91a0b2; font-size: 11px; font-weight: 550; line-height: 1.5; white-space: nowrap; }
.dev-module-copy > span { margin-top: 4px; color: #91a0b2; font-size: 12px; line-height: 1.65; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-module-state { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.dev-module-state::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.dev-module-state.is-configured { color: var(--panel-green, #00d9a5); }
.is-coming-soon .dev-module-state { position: static; display: block; width: auto; height: auto; clip-path: none; color: #9eabbc; font-size: 10px; margin-top: 6px; white-space: normal; }
.is-coming-soon .dev-module-state::before { display: none; }
.is-coming-soon .dev-module-power { color: #aeb9c7; font-size: 11px; }
.dev-module-guide { margin-bottom: 22px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #aeb9c7; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.dev-module-guide summary { color: #e0e7ef; cursor: pointer; }
.dev-module-guide h3 { color: #eef3f8; font-size: 22px; margin: 16px 0 10px; }
.dev-module-guide p { margin: 12px 0 0; }
.dev-module-guide code { color: var(--category-color, #00d9a5); }
.dev-module-guide a { display: inline-flex; margin-top: 20px; }
.dev-ticket-picker { position: relative; min-width: 0; }
.dev-ticket-picker > label { display: block; margin-bottom: 9px; color: #cbd5e1; font-size: 13px; }
.dev-ticket-picker-input { position: relative; }
.dev-spanel .dev-ticket-picker-input .panel-input { width: 100%; min-width: 0; min-height: 46px; box-sizing: border-box; padding: 11px 38px 11px 42px; font-family: inherit; font-size: 14px; font-weight: 400; text-overflow: ellipsis; }
.dev-spanel .dev-sticky .dev-sticky-copy input,
.dev-spanel .dev-ticket-picker .dev-ticket-picker-input .panel-input { background: rgba(255,255,255,.04); color: #e2e8f0; border: 1px solid #333d48; border-radius: 12px; outline: 2px solid transparent; outline-offset: 1px; -webkit-tap-highlight-color: transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); caret-color: #60d9b3; color-scheme: dark; transition: background-color .22s,border-color .22s,outline-color .22s,box-shadow .22s; }
.dev-spanel .dev-sticky .dev-sticky-copy input::placeholder,
.dev-spanel .dev-ticket-picker .panel-input::placeholder { color: #94a3b8; opacity: 1; }
.dev-spanel .dev-sticky .dev-sticky-copy input:focus,
.dev-spanel .dev-ticket-picker .dev-ticket-picker-input .panel-input:focus { border-color: #60d9b3; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.dev-spanel .dev-sticky .dev-sticky-copy input:focus-visible,
.dev-spanel .dev-ticket-picker .dev-ticket-picker-input .panel-input:focus-visible { outline-color: rgba(96,217,179,.2); }
.dev-ticket-picker-options > button { -webkit-tap-highlight-color: transparent; }
.dev-ticket-picker-input > svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: #aeb9c7; pointer-events: none; }
.dev-ticket-picker-input > .dev-ticket-picker-chevron { left: auto; right: 13px; width: 15px; height: 15px; transition: transform .24s cubic-bezier(.2,.8,.2,1),color .2s; }
.dev-ticket-picker-input:has([aria-expanded="true"]) > .dev-ticket-picker-chevron { transform: translateY(-50%) rotate(180deg); }
.dev-ticket-picker-dropdown { position: absolute; inset: auto; top: calc(100% + 8px); left: 0; z-index: 100; width: 100%; max-height: var(--dev-picker-height,290px); box-sizing: border-box; margin: 0; padding: 10px; border: 1px solid rgba(148,163,184,.24); border-radius: 15px; background: rgba(24,31,38,.96); color: #e2e8f0; font-family: var(--ui-interface-font,"Funnel Display",sans-serif); box-shadow: 0 16px 40px rgba(0,0,0,.3); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(-4px); pointer-events: none; overflow: hidden; transition: grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1); }
.dev-ticket-picker-dropdown[hidden] { display: none !important; }
.dev-ticket-picker-dropdown.is-floating { position: fixed; }
.dev-ticket-picker-dropdown.is-portaled { position: absolute; }
.dev-ticket-picker-dropdown[data-direction="up"] { transform: translateY(calc(-100% + 4px)); }
.dev-ticket-picker-dropdown.is-open { grid-template-rows: 1fr; opacity: 1; transform: none; pointer-events: auto; }
.dev-ticket-picker-dropdown[data-direction="up"].is-open { transform: translateY(-100%); }
.dev-ticket-picker-dropdown-inner { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.dev-ticket-picker-options:empty { display: none; }
.dev-ticket-picker-options { display: grid; gap: 7px; max-height: min(230px, max(0px, calc(var(--dev-picker-height,290px) - 26px))); overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; touch-action: pan-y; scroll-behavior: auto; scrollbar-gutter: stable; margin-top: 0; padding: 2px 3px 3px 1px; }
.dev-ticket-picker-options > button { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; padding: 10px 13px; border: 1px solid rgba(148,163,184,.22); border-radius: 12px; background: rgba(255,255,255,.04); color: #e2e8f0; font: inherit; font-size: 13px; text-align: left; overflow-wrap: anywhere; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); transition: background .18s,border-color .18s; }
.dev-ticket-picker-options > button:is(:hover,.is-active) { background: rgba(255,255,255,.08); border-color: rgba(148,163,184,.4); color: #f1f5f9; }
.dev-ticket-picker-options > button[aria-selected="true"] { color: #e2e8f0; background: rgba(0,217,165,.09); border-color: rgba(0,217,165,.4); }
.dev-ticket-picker-options > button[aria-selected="true"]::after { content: ""; flex: 0 0 10px; height: 5px; border: solid #60d9b3; border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.dev-ticket-picker-options > button.is-unavailable { opacity: .45; cursor: not-allowed; }
.dev-ticket-picker-options > button.is-unavailable:hover:not(.is-active) { background: transparent; border-color: rgba(148,163,184,.22); color: inherit; }
.dev-ticket-picker-dropdown .dev-ticket-picker-empty { flex: 0 0 auto; min-width: 0; margin: 0; padding: 8px 4px; color: #91a0b2; font-size: 12px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.dev-sticky-roles-field { min-width: 0; margin-bottom: 20px; }
.dev-sticky-role-picker .dev-announcement-roles { gap: 12px; padding: 8px 7px 6px; max-height: min(230px, max(0px, calc(var(--dev-picker-height,290px) - 26px))); }
.dev-sticky-user-picker .dev-role-name::before { display: none; }
.dev-user-symbol { display: inline-flex; flex: 0 0 18px; margin-right: 8px; color: #aeb9c7; }
.dev-user-symbol svg { width: 18px; height: 18px; }
@media (max-width: 600px) { .dev-sticky-role-picker .dev-announcement-roles { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 600px) { .dev-spanel .dev-ticket-picker-input .panel-input { font-size: 16px; } }
@media (hover: none) and (pointer: coarse) {
  .dev-spanel .dev-ticket-picker-input .panel-input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .dev-ticket-picker-dropdown,.dev-ticket-picker-input > .dev-ticket-picker-chevron,.dev-ticket-picker-options > button,.dev-spanel .dev-ticket-picker .dev-ticket-picker-input .panel-input,.dev-spanel .dev-sticky .dev-sticky-copy input { transition: none; } }
.dev-spanel .dev-sticky-original { display: none !important; }
.dev-spanel .dev-sticky { min-width: 0; color: #dce5ef; font-family: var(--ui-interface-font,"Funnel Display",sans-serif); font-weight: 400; font-size: 14px; line-height: 20px; }
.dev-spanel .dev-sticky :is(p,span,small,label,input,textarea,select) { font-family: inherit; font-weight: 400; }
.dev-sticky [hidden] { display: none !important; }
.dev-sticky-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: 0 0 20px; }
.dev-sticky-toolbar h3 { margin: 0; font-size: 16px; }
.dev-sticky-draft-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-left: auto; }
.dev-sticky-list { display: grid; gap: 0; }
.dev-sticky-group { padding: 18px 0 24px; }
.dev-sticky-group + .dev-sticky-group { border-top: 1px solid rgba(148,163,184,.13); }
.dev-sticky-channel { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.dev-sticky-channel > div { display: flex; align-items: center; gap: 8px; min-width: 0; }
.dev-sticky-channel strong { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-sticky-channel svg { width: 15px; height: 15px; flex-shrink: 0; }
.dev-sticky-channel > small { color: #91a0b2; font-size: 11px; }
.dev-sticky-count { padding: 2px 6px; border-radius: 4px; background: rgba(148,163,184,.2); font-size: 14px; font-variant-numeric: tabular-nums; }
.dev-sticky-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.dev-sticky-row-copy { min-width: 0; flex: 1; }
.dev-spanel .dev-sticky-row-copy p { margin: 0 0 4px; color: #edf0f5; font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dev-sticky-meta,.dev-sticky-note { display: block; color: #91a0b2; font-size: 12px; line-height: 1.7; }
.dev-sticky-row .dev-sticky-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.dev-sticky-stat { display: inline-flex; align-items: center; gap: 6px; min-width: 0; min-height: 26px; padding: 3px 2px; border: 0; border-radius: 5px; background: transparent; color: inherit; font: inherit; text-align: left; white-space: nowrap; cursor: help; }
.dev-sticky-stat:hover { color: #dce5ef; }
.dev-sticky-stat:focus-visible { outline: 2px solid rgba(96,217,179,.5); outline-offset: 2px; }
.dev-sticky-meta svg { width: 14px; height: 14px; flex-shrink: 0; }
.dev-sticky-meta-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.dev-sticky-row-actions { display: flex; flex-shrink: 0; gap: 4px; margin-left: auto; }
.dev-sticky-icon-action { display: inline-grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; padding: 6px; border: 0; border-radius: 9px; background: transparent; color: #dce5ef; cursor: pointer; transition: background .18s,color .18s; box-sizing: border-box; }
.dev-sticky-icon-action svg { width: 19px; height: 19px; transition: transform .18s; }
.dev-sticky-icon-action:hover { background: rgba(148,163,184,.12); }
.dev-sticky-icon-action:active svg { transform: scale(.88); }
.dev-sticky-icon-action[data-sticky-edit]:not(:disabled):is(:hover,:focus-visible) svg { animation: dev-edit-scribble .4s ease; }
@keyframes dev-edit-scribble { 0%,100% { transform: none; } 35% { transform: translate(1px,-1px) rotate(-9deg); } 70% { transform: translateY(-1px) rotate(5deg); } }
.dev-confirm-popover { --dev-confirm-surface: transparent; position: fixed; inset: auto; margin: 0; z-index: 10050; width: 144px; max-width: calc(100vw - 24px); box-sizing: border-box; padding: 10px 10px 16px; border: 0; border-radius: 0; background: var(--dev-confirm-surface); color: #e2e8f0; box-shadow: none; clip-path: var(--dev-confirm-shape,inset(0 round 12px)); backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); animation: dev-confirm-in .18s cubic-bezier(.2,.8,.2,1) both; }
.dev-confirm-popover::backdrop { background: transparent; }
.dev-confirm-popover::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--dev-confirm-outline) no-repeat; background-size: 100% 100%; }
.dev-confirm-popover[data-placement="below"] { padding: 16px 10px 10px; }
.dev-confirm-popover.dev-copy-notice { width: max-content; max-width: min(280px,calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow-y: auto; overflow-wrap: anywhere; }
.dev-spanel .dev-confirm-popover > p { margin: 0 0 8px; font: inherit; font-size: 12px; font-weight: 500; text-align: center; }
.dev-spanel .dev-confirm-popover.dev-copy-notice > p { margin: 0; }
.dev-spanel .dev-confirm-popover .panel-button.dev-confirm-accept { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 30px; padding: 6px 8px; border: 1px solid rgba(251,113,133,.45); border-radius: 9px; background: rgba(190,45,65,.24); color: #ffb0ba; font: inherit; font-size: 12px; cursor: pointer; }
.dev-spanel .dev-confirm-popover .panel-button.dev-confirm-accept:not(:disabled):is(:hover,:focus-visible) { background: rgba(190,45,65,.36); border-color: #fb7185; color: #ffe1e5; }
.dev-spanel .dev-confirm-popover .panel-button.dev-confirm-accept::before,
.dev-spanel .dev-confirm-popover .panel-button.dev-confirm-accept::after { display: none; content: none; }
.dev-confirm-accept:focus-visible { outline: 2px solid #fb7185; outline-offset: 2px; }
.dev-confirm-popover.is-closing { pointer-events: none; animation: dev-confirm-out .15s ease both; }
@keyframes dev-confirm-in { from { opacity: 0; transform: translateY(4px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes dev-confirm-out { to { opacity: 0; transform: translateY(3px) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .dev-confirm-popover,.dev-confirm-popover.is-closing,.dev-sticky-icon-action[data-sticky-edit] svg { animation: none !important; transition: none !important; } }
.dev-sticky-icon-action:focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 2px; }
.dev-sticky-icon-action.is-danger:hover { color: #ff8394; background: rgba(255,80,110,.08); }
.dev-sticky-icon-action:disabled { opacity: .4; cursor: not-allowed; }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh]) { display:inline-grid; place-items:center; width:40px; height:40px; flex:0 0 40px; padding:9px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:transparent; color:#c6d0dc; backdrop-filter:blur(18px) saturate(1.14); -webkit-backdrop-filter:blur(18px) saturate(1.14); transition:border-color .2s,color .2s; }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh]):not(:disabled):is(:hover,:focus-visible) { background:transparent; border-color:rgba(255,255,255,.22); color:#effff8; }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh]) svg { width:20px; height:20px; transform-origin:center; transition:transform .4s ease; }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh]):not(:disabled):is(:hover,:focus-visible) svg { transform:rotate(90deg); }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh])[aria-busy="true"] { opacity:.65; cursor:wait; }
.dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh])[aria-busy="true"] svg { animation:dev-module-loading-spin .8s linear infinite; }
@media (prefers-reduced-motion:reduce) { .dev-spanel .dev-module-dialog :is([data-submission-refresh],[data-community-refresh]) svg { transition:none; animation:none!important; transform:none!important; } }
.dev-sticky-empty { padding: 55px 0; color: #aeb9c7; text-align: center; }
.dev-sticky-field { display: flex; flex-direction: column; gap: 9px; margin-bottom: 20px; font-size: 13px; }
.dev-sticky-field :is(input,textarea,select) { min-width: 0; max-width: 100%; box-sizing: border-box; padding: 11px 13px; border: 1px solid rgba(148,163,184,.22); border-radius: 10px; background: rgba(255,255,255,.055); color: #e2e8f0; font: inherit; }
.dev-sticky-field input[type="color"] { width: 100%; height: 43px; padding: 5px; }
.dev-sticky-field :is(input:not([type="checkbox"]),select) { min-height: 43px; }
.dev-sticky-field textarea { resize: vertical; }
.dev-sticky-field select option { background: #171c24; }
.dev-sticky :is(input,textarea,select):focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 2px; }
.dev-sticky-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
.dev-sticky-schedule-choices { min-width: 0; margin: 0 0 18px; padding: 0; border: 0; }
.dev-sticky-schedule-choices legend { margin-bottom: 9px; color: #cbd5e1; font-size: 13px; }
.dev-sticky-schedule-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.dev-sticky-schedule-choices.is-days .dev-sticky-schedule-options { grid-template-columns: repeat(auto-fit,minmax(108px,1fr)); }
.dev-sticky-schedule-options label { position: relative; min-width: 0; cursor: pointer; }
.dev-sticky-schedule-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.dev-sticky-schedule-options span { display: flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #333d48; border-radius: 12px; background: rgba(255,255,255,.04); color: #e2e8f0; font-size: 13px; line-height: 20px; text-align: center; overflow-wrap: anywhere; transition: background-color .2s,border-color .2s,color .2s; }
.dev-sticky-schedule-options label:hover input:not(:disabled) + span { border-color: #536170; }
.dev-sticky-schedule-options input:checked + span { background: #14634f; border-color: #2e8b70; color: #effff8; }
.dev-sticky-schedule-options input:focus-visible + span { outline: 2px solid rgba(96,217,179,.5); outline-offset: 2px; }
.dev-sticky-schedule-options input:disabled + span { opacity: .45; cursor: not-allowed; }
.dev-spanel #sticky-panel-automation .dev-sticky-field { min-width: 0; }
.dev-spanel #sticky-panel-automation .dev-sticky-field > input { width: 100%; min-height: 46px; background: rgba(255,255,255,.04); color: #e2e8f0; border: 1px solid #333d48; border-radius: 12px; outline: 2px solid transparent; outline-offset: 1px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); caret-color: #60d9b3; color-scheme: dark; -webkit-tap-highlight-color: transparent; transition: background-color .22s,border-color .22s,outline-color .22s; }
.dev-spanel #sticky-panel-automation .dev-sticky-field > input:hover { border-color: #536170; }
.dev-spanel #sticky-panel-automation .dev-sticky-field > input:focus { border-color: #60d9b3; }
.dev-spanel #sticky-panel-automation .dev-sticky-field > input:focus-visible { outline-color: rgba(96,217,179,.2); }
@media (max-width: 700px) { .dev-sticky-schedule-options { grid-template-columns: repeat(2,minmax(0,1fr)); } .dev-spanel #sticky-panel-automation .dev-sticky-field > input { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .dev-spanel #sticky-panel-automation .dev-sticky-field > input,.dev-sticky-schedule-options span { transition: none; } }
.dev-sticky-copy { display: flex; gap: 8px; }
.dev-sticky-copy input { flex: 1; }
.dev-sticky-share { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; min-width: 0; animation: devStickyCodeIn .2s ease-out; }
.dev-sticky-share-code { padding: 5px 0; border: 0; background: transparent; color: #e2e8f0; font: inherit; font-size: 14px; font-weight: 600; letter-spacing: .12em; cursor: pointer; transition: color .18s ease, transform .18s ease; }
.dev-sticky-share-code:hover { color: #5ee6ba; transform: scale(1.03); }
.dev-sticky-share-code:focus-visible { outline: 2px solid #5ee6ba; outline-offset: 3px; border-radius: 4px; }
.dev-sticky-share small { color: #91a0b2; font-size: 11px; }
.dev-sticky-share time { font-variant-numeric: tabular-nums; white-space: nowrap; }
.dev-sticky-share > .dev-sticky-icon-action { margin-left: auto; width: 30px; height: 30px; min-width: 30px; flex-basis: 30px; }
.dev-sticky-share > [data-sticky-copy-status] { flex-basis: 100%; color: #91a0b2; font-size: 11px; overflow-wrap: anywhere; }
.dev-sticky-share > [data-sticky-copy-status]:empty { display: none; }
.dev-sticky-icon-action.has-active-code { opacity: .3; cursor: default; }
@keyframes devStickyCodeIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .dev-sticky-share { animation: none; } .dev-sticky-share-code { transition: none; } }
.dev-sticky-icon-action[data-sticky-share]:not(:disabled):is(:hover,:focus-visible) svg { transform: translateY(-1px) rotate(-5deg); }
.dev-sticky-icon-action[data-sticky-share][aria-busy="true"] svg { animation: dev-save-pending 1s ease-in-out infinite; }
.dev-sticky-copy input[name="transferCode"] { text-transform: uppercase; }
@media (max-width: 600px) { .dev-sticky-copy { flex-wrap: wrap; } .dev-sticky-copy input { flex-basis: 160px; } }
@media (prefers-reduced-motion: reduce) { .dev-sticky-icon-action[data-sticky-share] svg { transition: none; animation: none !important; transform: none !important; } }
.dev-sticky-tabs,.dev-sticky-format { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 25px; }
:is(.dev-sticky,.dev-auto-replies,.dev-analytics) :is(.dev-sticky-tabs,.dev-sticky-format) button { padding: 9px 15px; border: 0; border-bottom: 2px solid transparent; border-radius: 8px 8px 0 0; background: transparent; color: #aeb9c7; font: inherit; cursor: pointer; transition: color .18s,background .18s; }
:is(.dev-sticky,.dev-auto-replies,.dev-analytics) :is(.dev-sticky-tabs,.dev-sticky-format) button:is([aria-selected="true"],[aria-pressed="true"]) { color: var(--panel-green,#00d9a5); background: rgba(0,217,165,.07); border-bottom-color: var(--panel-green,#00d9a5); }
.dev-sticky-tabs button:hover,.dev-sticky-format button:hover { background: rgba(255,255,255,.05); }
.dev-sticky-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; }
.dev-sticky-tabs button svg { width: 17px; height: 17px; flex-shrink: 0; }
.dev-sticky-tabs button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-sticky-check { display: flex; align-items: center; gap: 10px; padding: 10px 0; font-size: 13px; }
.dev-sticky-check input { accent-color: var(--panel-green,#00d9a5); width: 18px; height: 18px; }
.dev-sticky-preview { border-left: 3px solid var(--panel-green,#00d9a5); padding-left: 15px; margin-bottom: 28px; white-space: pre-wrap; overflow-wrap: anywhere; }
.dev-sticky-preview p { color: #c6d0dc; margin: 8px 0; }
.dev-sticky-live-embed { position: static; margin: 15px 0; }
.dev-sticky-live-embed .dev-sticky-embed-bubble { margin: 0; padding: 17px 18px; border-radius: 8px; border-left-width: 4px; background: #2b2d31; color: #e2e8f0; font-size: 14px; }
.dev-sticky-rich-entry { min-width: 0; }
.dev-sticky-rich-field { min-width: 0; min-height: 26px; padding: 4px 5px; margin: 0 -5px; border: 1px solid transparent; border-radius: 5px; color: #e2e8f0; font: inherit; line-height: 1.55; outline: none; caret-color: #60d9b3; -webkit-tap-highlight-color: transparent; transition: background-color .18s,border-color .18s; }
.dev-sticky-rich-field:hover { background: rgba(255,255,255,.025); }
.dev-sticky-rich-field:focus { border-color: rgba(96,217,179,.35); background: rgba(255,255,255,.035); }
.dev-sticky-rich-field:focus-visible { outline: 1px solid rgba(96,217,179,.2); outline-offset: 1px; }
.dev-sticky-rich-field:empty::before { color: #8f99a7; }
.dev-sticky-embed-title,.dev-sticky-embed-field-name { font-weight: 600; }
.dev-sticky-embed-description { min-height: 85px; }
.dev-sticky-embed-thumbnail { float: right; width: 76px; height: 76px; margin: 0 0 12px 16px; border-radius: 5px; object-fit: cover; }
.dev-sticky-embed-bubble:has(.dev-sticky-embed-thumbnail:not([hidden])) > .dev-sticky-rich-entry { margin-right: 92px; }
.dev-sticky-embed-fields { clear: both; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 12px 0; }
.dev-sticky-live-embed .dev-sticky-embed-field { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 5px 0; border: 0; }
.dev-sticky-live-embed .dev-sticky-embed-field.is-inline { grid-column: auto; }
.dev-sticky-embed-field-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.dev-sticky-embed-field-actions .dev-sticky-check { padding: 0; font-size: 11px; }
.dev-spanel .dev-sticky-embed-field-actions .panel-button { min-height: 30px; padding: 5px 8px; font-size: 11px; }
.dev-sticky-embed-image { display: block; max-width: 100%; max-height: 300px; margin: 14px 0; border-radius: 6px; object-fit: contain; }
.dev-sticky-embed-footer { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 12px; color: #aeb9c7; }
.dev-sticky-embed-footer > img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.dev-sticky-embed-footer > .dev-sticky-rich-entry { flex: 1; }
.dev-sticky-live-embed .dev-sticky-embed-bubble { position: relative; background: rgba(30,34,43,.72); box-shadow: none; cursor: pointer; transition: border-left-width .18s ease, background .18s ease, box-shadow .18s ease; }
.dev-sticky-embed-bubble > .dev-sticky-embed-color { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; left: -4px; top: 0; }
.dev-sticky-live-embed .dev-sticky-embed-bubble:has(> .dev-sticky-embed-color:not(:disabled)):is(:hover,:focus-within) { border-left-width: 6px; background: rgba(35,39,49,.82); box-shadow: inset 0 0 0 1px rgba(255,255,255,.035); }
.dev-sticky-live-embed .dev-sticky-embed-bubble { width: min(100%,690px); min-height: 190px; max-width: 690px; padding: 14px 14px 14px 18px; }
.dev-sticky-embed-bubble .dev-sticky-rich-field { width: 100%; margin: 0; padding: 4px 8px; border-radius: 9px; color: #f2f3f5; white-space: pre-wrap; cursor: text; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.dev-sticky-embed-bubble .dev-sticky-rich-field:is(:hover,:focus) { border-color: rgba(226,232,240,.18); background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 1px rgba(255,255,255,.035); }
.dev-sticky-embed-bubble .dev-sticky-rich-field:focus-visible { outline: none; }
.dev-sticky-embed-bubble .dev-sticky-rich-field:empty::before { color: rgba(177,187,203,.62); }
.dev-spanel :is(.dev-sticky-embed-bubble, #spanel-content-event-embed) [data-embed-empty="true"]::before { content: attr(data-placeholder); color: rgba(177,187,203,.62); font-style: italic; pointer-events: none; }
.dev-spanel :is(.dev-sticky-embed-bubble, #spanel-content-event-embed) [data-embed-empty="true"] > br:only-child { display: none; }
.dev-sticky-embed-bubble .dev-sticky-embed-title { min-height: 32px; margin-bottom: 5px; font-size: 15px; font-weight: 700; line-height: 1.25; }
.dev-sticky-embed-bubble .dev-sticky-embed-description { min-height: 132px; padding: 7px 8px; border-radius: 10px; color: #dbdee1; font-size: 14px; line-height: 1.42; }
.dev-sticky-embed-bubble .dev-sticky-embed-footer { margin-top: 0; }
.dev-sticky-embed-bubble .dev-sticky-embed-footer .dev-sticky-rich-field { min-height: 30px; margin-top: 10px; color: #b5bac1; font-size: 12px; line-height: 1.35; }
@media (max-width: 600px) { .dev-sticky-embed-bubble .dev-sticky-rich-field { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .dev-sticky-live-embed .dev-sticky-embed-bubble,.dev-sticky-embed-bubble .dev-sticky-rich-field { transition: none; } }
@media (max-width: 600px) {
  .dev-sticky-rich-field { font-size: 16px; }
  .dev-sticky-embed-fields { grid-template-columns: minmax(0,1fr); }
  .dev-sticky-embed-thumbnail { width: 54px; height: 54px; margin-left: 10px; }
  .dev-sticky-embed-bubble:has(.dev-sticky-embed-thumbnail:not([hidden])) > .dev-sticky-rich-entry { margin-right: 64px; }
}
@media (prefers-reduced-motion: reduce) { .dev-sticky-rich-field { transition: none; } }
.dev-sticky-embed-field { padding: 15px 0; border-bottom: 1px solid rgba(148,163,184,.15); margin-bottom: 15px; }
.dev-sticky-error { color: #ff8d9c; }
.dev-sticky-info-note { display: flex; align-items: flex-start; gap: 7px; }
.dev-sticky-info-note > svg { width: 16px; height: 16px; flex: 0 0 16px; margin-top: calc((1lh - 16px) / 2); }
.dev-spanel .setup-check-scope { align-items: flex-start; }
.dev-spanel .setup-check-scope svg { margin-top: calc((1lh - 15px) / 2); }
.dev-sticky-error:empty { display: none; }
@media (max-width: 600px) {
  .dev-sticky-grid { grid-template-columns: minmax(0,1fr); }
  .dev-sticky-field :is(input,textarea,select) { font-size: 16px; }
  .dev-sticky-row { flex-wrap: nowrap; gap: 8px; }
  .dev-sticky-row-copy { flex: 1; min-width: 0; }
  .dev-sticky-row-actions { gap: 2px; margin-left: 0; }
  .dev-sticky-row .dev-sticky-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; min-width: 0; font-size: 11px; }
  .dev-sticky-stat { min-height: 36px; }
  .dev-sticky-icon-action { width: 40px; height: 40px; flex-basis: 40px; }
  .dev-sticky-tabs { flex-wrap: nowrap; gap: 0; }
  .dev-sticky-tabs button { flex: 1; padding: 9px 5px !important; font-size: 11px !important; }
  .dev-sticky-tabs button { gap: 4px; }
  .dev-sticky-tabs button svg { width: 14px; height: 14px; }
}
.dev-module-footer [hidden] { display: none !important; }
.dev-module-arrow { position: absolute; right: 17px; bottom: 17px; color: #91a0b2; font-size: 19px; transition: transform .2s; }
.dev-module-open:hover .dev-module-arrow { transform: translate(2px,-2px); }
.dev-module-actions { display: flex; align-items: center; gap: 7px; padding-right: 15px; }
.dev-tile-controls { position: relative; align-self: stretch; flex-shrink: 0; width: 115px; }
.dev-tile-controls .dev-module-actions { position: absolute; top: 50%; right: 14px; padding: 0; transform: translateY(-50%); }
.dev-module-header-actions { display: flex; align-items: center; flex-shrink: 0; gap: 12px; }
.dev-module-header-switches { display: flex; align-items: center; gap: 12px; }
.dev-module-switch { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.dev-module-switch > small { font-size: 10px; color: #9baaba; }
.dev-module-status-dot { display: block; flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: #7c8a9c; }
.dev-module-status-dot[data-config-status="enabled"] { background: #00d9a5; box-shadow: 0 0 8px rgba(0,217,165,.2); }
.dev-module-status-dot[data-config-status="disabled"] { background: #f87171; }
.dev-module-status-dot[data-config-status="needs-message"] { background: #f6a730; }
.dev-module-header-switches .dev-module-switch .panel-switch { position: relative; top: auto; right: auto; min-width: 112px; width: 112px; height: 40px; padding: 3px; margin: 0; }
.dev-module-header-switches .dev-module-switch .panel-switch::before,
.dev-module-header-switches .dev-module-switch .panel-switch::after { font-size: 13px; }
.dev-module-header-switches .dev-module-switch[data-config-status="unconfigured"] .panel-switch:has(input) { background: rgba(148,163,184,.045); border-color: rgba(148,163,184,.14); box-shadow: none; }
.dev-module-header-switches .dev-module-switch[data-config-status="unconfigured"] .panel-switch:has(input)::before,
.dev-module-header-switches .dev-module-switch[data-config-status="unconfigured"] .panel-switch:has(input)::after { color: #708094; background: transparent; box-shadow: none; }
.dev-module-header-switches .dev-module-switch[data-config-status="needs-message"] .panel-switch:has(input) { background: rgba(246,167,48,.13); border-color: rgba(246,167,48,.35); box-shadow: none; }
.dev-module-header-switches .dev-module-switch .panel-switch:has(input:disabled) { cursor: not-allowed; }
.dev-favorite, .dev-module-settings { display: grid; place-items: center; flex-shrink: 0; width: 31px; height: 31px; padding: 6px; border: 1px solid transparent; border-radius: 50%; background: rgba(154,172,192,.06); color: #c6d0dd; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
.dev-module-settings { background: transparent; backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); }
.dev-module-settings svg { width: 17px; height: 17px; transition: transform .3s; }
.dev-module-settings:hover { background: transparent; border-color: rgba(255,255,255,.1); }
.dev-module-settings:hover svg { transform: rotate(30deg); }
.dev-module-settings:active { transform: scale(.93); }
/* Catalog power buttons and in-dialog settings deliberately use different styles. */
.dev-spanel .dev-setting-power { display: inline-grid; place-items: center; flex-shrink: 0; align-self: center; font-family: inherit; transition: background .2s,color .2s,transform .2s; }
.dev-spanel .dev-setting-power > span { font-weight: inherit; }
.dev-spanel .dev-setting-power[data-config-status="enabled"] { color: #8fffe1; background: rgba(0,224,164,.14); }
.dev-spanel .dev-setting-power[data-config-status="disabled"] { color: #fecaca; background: rgba(248,113,113,.13); }
.dev-spanel .dev-setting-power[data-config-status="unconfigured"] { color: #aeb9c7; background: rgba(148,163,184,.12); }
.dev-spanel .dev-setting-power[data-config-status="needs-message"] { color: #f6a730; background: rgba(246,167,48,.12); }
.dev-setting-power:disabled { opacity: .5; cursor: not-allowed; }
.dev-setting-power:hover:not(:disabled) { transform: scale(1.04); }
.dev-setting-power:active:not(:disabled) { transform: scale(.94); }
.dev-setting-power:focus-visible { outline: 2px solid #60d9b3; outline-offset: 3px; }
.dev-setting-power.is-just-toggled > span { animation: dev-power-change .3s cubic-bezier(.2,.8,.2,1); }
.dev-spanel .spanel-log-module-row:has(> .spanel-log-module-actions,> .spanel-log-module-status) { grid-template-columns: auto minmax(0,1fr); }
.dev-spanel .dev-module-dialog .spanel-log-module-row { box-sizing: border-box; min-width: 0; }
.dev-spanel .dev-module-dialog :is(.dev-role-editor,.dev-community-editor) > .spanel-log-module-row { margin-block: 20px; }
.dev-spanel .spanel-log-module-row > .spanel-log-module-actions { grid-column: 1; grid-row: 1; }
.dev-spanel .spanel-log-module-row > .spanel-log-module-toggle-main { grid-column: 2; grid-row: 1; }
.dev-spanel .spanel-log-module-row > .spanel-log-module-status { grid-column: 1; grid-row: 1; order: -1; }
.dev-spanel .spanel-log-module-row.is-submodule > .spanel-log-module-copy { grid-column: 2; grid-row: 1; }
@media (prefers-reduced-motion: reduce) { .dev-spanel .dev-setting-power { transition: none; transform: none; } .dev-setting-power.is-just-toggled > span { animation: none; } }
.dev-module-power { display: inline-grid; place-items: center; flex-shrink: 0; min-width: 52px; min-height: 34px; padding: 5px 10px; border: 1px solid rgba(148,163,184,.23); border-radius: 999px; background: rgba(148,163,184,.08); color: #c6d0dd; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; transition: background .2s, border-color .2s, color .2s, transform .2s; }
.dev-module-power[data-config-status="enabled"] { color: #65e5bc; border-color: rgba(0,217,165,.35); background: rgba(0,217,165,.15); }
.dev-module-power[data-config-status="disabled"] { color: #fca5a5; border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.13); }
.dev-module-power[data-config-status="needs-message"] { color: #f6a730; border-color: rgba(246,167,48,.35); background: rgba(246,167,48,.12); }
.dev-module-power:disabled { opacity: .5; cursor: not-allowed; }
.dev-module-power:hover:not(:disabled) { filter: brightness(1.15); transform: scale(1.04); }
.dev-module-power:active:not(:disabled) { transform: scale(.94); }
.dev-module-power:focus-visible { outline: 2px solid var(--panel-green,#00d9a5); outline-offset: 3px; }
.dev-module-power.is-just-toggled > span { animation: dev-power-change .3s cubic-bezier(.2,.8,.2,1); }
@keyframes dev-power-change { from { opacity: .3; transform: translateY(4px) scale(.85); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .dev-module-power { transition: none; }
  .dev-module-power.is-just-toggled > span { animation: none; }
}
.dev-category h2 > i { display: inline-block; flex: 0 0 23px; height: 23px; background: var(--category-color); mask: var(--dev-icon) center/contain no-repeat; -webkit-mask: var(--dev-icon) center/contain no-repeat; }
.dev-category header p { margin-left: 33px; }
.dev-module-tile:is(.is-restricted,.is-coming-soon) { opacity: .45; pointer-events: none; }
.dev-module-tile:is(.is-restricted,.is-coming-soon):hover { background: rgba(130,151,170,.055); border-color: rgba(163,184,202,.16); }
.dev-module-settings:disabled { opacity: .3; cursor: not-allowed; }
.dev-soon { margin-left: 8px; padding: 3px 6px; font-size: 9px; border-radius: 7px; background: rgba(242,182,87,.16); color: #f2b657; white-space: nowrap; }
.dev-soon-badge { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; margin: 0; padding: 3px 8px; border-radius: 999px; background: linear-gradient(105deg,#39765e,#52615b); color: #fff; font-size: 10px; font-weight: 600; line-height: 1.3; }
.dev-soon-badge svg { display: block; width: 13px; height: 13px; flex-shrink: 0; }
.dev-favorite svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: fill .2s, stroke .2s, transform .2s; }
.dev-favorite:hover { background: rgba(154,172,192,.15); color: #d9e2ed; }
.dev-favorite.is-selected { color: #ff9d00; background: rgba(255,183,0,.13); }
.dev-favorite.is-selected:hover { color: #ffad20; background: rgba(255,183,0,.19); }
.dev-favorite.is-selected svg { fill: #ffdc3d; stroke-width: 2.2; stroke-linejoin: round; }
.dev-favorite:active { transform: scale(.93); }
.dev-favorite.is-just-favorited svg { animation: dev-favorite-pop .38s ease-out; }
@keyframes dev-favorite-pop {
  0% { transform: scale(.85) rotate(-8deg); }
  55% { transform: scale(1.16) rotate(4deg); }
  100% { transform: scale(1) rotate(0); }
}
@media (prefers-reduced-motion: reduce) {
  .dev-favorite.is-just-favorited svg { animation: none; }
  .dev-favorite, .dev-favorite svg { transition: none; }
}
.dev-recent { margin-bottom: 30px; }
.dev-recent-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 15px; }
.dev-recent .dev-recent-header h2 { margin: 0; font-size: 19px; font-weight: 650; color: #eef3f8; }
.dev-recent-header h2 svg { width: 23px; height: 23px; color: #91a0b2; }
.dev-recent-header svg { flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dev-clear-history { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(248,113,113,.65); border-radius: 11px; background: rgba(154,172,192,.035); color: #d9e2ed; font: inherit; font-size: 12px; cursor: pointer; transition: background .2s, border-color .2s, transform .2s; }
.dev-clear-history svg { width: 15px; height: 15px; }
.dev-clear-history:hover { background: rgba(248,113,113,.1); border-color: #f87171; }
.dev-clear-history:active { transform: scale(.97); }
.dev-clear-history:focus-visible { outline: 2px solid #f87171; outline-offset: 3px; }
.dev-recent-button { font-size: 11px; }
.dev-empty { padding: 35px; text-align: center; color: #aab7c6; border: 1px dashed rgba(154,172,192,.2); border-radius: 18px; }
.dev-empty-star { display: none; }
.dev-empty.is-favorites { padding: 56px 20px; border: 0; }
.dev-empty.is-favorites .dev-empty-star { display: block; width: 48px; height: 48px; margin: 0 auto 18px; fill: none; stroke: #8795a7; stroke-width: 1.3; stroke-linejoin: round; }
.dev-empty.is-favorites strong { display: block; color: #e2e8f0; font-size: 18px; font-weight: 650; }
.dev-empty.is-favorites p { max-width: 380px; margin: 9px auto 20px; font-size: 13px; line-height: 1.6; }
.dev-module-loading { display: grid; place-items: center; min-height: min(260px, 40dvh); padding: 24px; opacity: 0; transition: opacity .18s ease; }
.dev-module-dialog > .dev-module-body { min-height: min(304px, 45dvh); }
.dev-module-overlay.is-loading .dev-module-body { display: grid; }
.dev-module-overlay.is-loading .dev-module-header-switches { visibility: hidden; pointer-events: none; }
.dev-module-overlay.is-loading .dev-module-footer { visibility: hidden; pointer-events: none; }
.dev-module-loading.is-visible { opacity: 1; }
.dev-module-loading-content { display: flex; flex-direction: column; align-items: center; gap: 18px; color: #e2e8f0; font-family: var(--ui-interface-font, "Funnel Display", sans-serif); font-size: 14px; transform: translateY(8px) scale(.96); transition: transform .24s cubic-bezier(.16,1,.3,1); outline: none; }
.dev-module-loading.is-visible .dev-module-loading-content { transform: translateY(0) scale(1); }
.dev-module-loading-spinner { width: 42px; height: 42px; box-sizing: border-box; border: 3px solid rgba(148,163,184,.18); border-top-color: var(--panel-green, #00d9a5); border-radius: 50%; box-shadow: 0 0 24px rgba(0,217,165,.08); animation: dev-module-loading-spin .8s linear infinite; }
@keyframes dev-module-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .dev-module-loading, .dev-module-loading-content { transition: none; transform: none; }
  .dev-module-loading-spinner { animation: none; }
}
.dev-module-overlay { z-index: 10010; }
.dev-spanel .card-order-overlay { align-items: center; justify-content: center; }
.dev-module-dialog { width: min(1152px, 100%); max-height: min(82dvh, 920px); }
/* Neutral UI copy must not inherit category accents or native form-control text colors. */
.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-channel-dialog,.spanel-log-modules-dialog) {
  --dev-text-primary: #e2e8f0;
  --dev-text-label: #cbd5e1;
  --dev-text-muted: #94a3b8;
  --panel-text: var(--dev-text-primary);
  --panel-muted: var(--dev-text-muted);
  color: var(--dev-text-primary);
}
.dev-spanel .dev-module-dialog :is(.dev-dialog-heading h2,.dev-sticky-toolbar h3,.dev-welcome-compose > h3,.dev-welcome-variables-title,.dev-role-memory-heading h3,.dev-log-modules h3,.dev-auto-voice-segments > h3) { color: var(--dev-text-primary); }
.dev-spanel .dev-module-dialog :is(.dev-sticky-field,.dev-sticky-schedule-choices legend,.dev-ticket-picker > label,.dev-auto-voice-name > span,.dev-auto-voice-mode legend,.dev-auto-voice-owner strong,.dev-ticket-compose-heading h3,.dev-stream-preview-title,.upanel-field > span,.dev-sticky-preview-label,.upanel-preview-label,.dev-bot-message-preview-label,.dev-bot-message-heading > label) { color: var(--dev-text-label); }
.dev-spanel .dev-module-dialog :is(.dev-dialog-heading p,.dev-module-footer > span,.panel-info-note:not([role="alert"]):not([data-status]):not(.is-error):not(.is-warning),.dev-sticky-note,.dev-ticket-picker-empty,.dev-auto-voice-owner small,.dev-auto-voice-preview,.dev-role-memory-heading > span,.dev-reply-toolbar > span,.dev-schedule-note,.spanel-change-empty) { color: var(--dev-text-muted); }
.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-channel-dialog,.spanel-log-modules-dialog) :is(input.panel-input,textarea.panel-input,select.panel-input,.upanel-textarea):not([type="color"]):not([type="checkbox"]):not([type="radio"]) {
  color: var(--dev-text-primary);
  -webkit-text-fill-color: currentColor;
  caret-color: #60d9b3;
  color-scheme: dark;
}
.dev-spanel :is(.dev-module-dialog,.spanel-stream-dialog,.spanel-content-dialog,.spanel-channel-dialog,.spanel-log-modules-dialog) :is(input.panel-input,textarea.panel-input,.upanel-textarea)::placeholder {
  color: var(--dev-text-muted);
  -webkit-text-fill-color: currentColor;
  opacity: 1;
}
.dev-spanel .dev-module-dialog :is(.dev-stream-search input,.dev-ticket-picker-input input):is(:focus,:disabled) { -webkit-text-fill-color: currentColor; }
.dev-spanel .dev-module-dialog input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-datetime-edit { color: var(--dev-text-primary); -webkit-text-fill-color: currentColor; }
.dev-spanel .dev-module-dialog input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-date-and-time-value { color: var(--dev-text-primary); -webkit-text-fill-color: currentColor; }
.dev-module-dialog:focus, .dev-diagnostics-dialog:focus { outline: none; }
.dev-spanel [data-panel-card="bot-trap"] .dev-bot-trap-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; min-width: 0; color: var(--dev-text-primary,#e2e8f0); }
.dev-bot-trap-fields > * { min-width: 0; }
.dev-bot-trap-fields .dev-sticky-field { margin: 0; }
.dev-spanel .dev-bot-trap-description, .dev-spanel .dev-bot-trap-fields [data-trap-status] { margin: 0; color: var(--dev-text-muted,#94a3b8); font-size: 13px; line-height: 1.6; }
.dev-spanel .dev-bot-trap-channel { margin: 0; padding: 13px 16px; border: 1px solid rgba(148,163,184,.22); border-radius: 12px; background: rgba(255,255,255,.04); color: var(--dev-text-label,#cbd5e1); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.dev-spanel .dev-bot-trap-message { width: 100%; min-width: 0; min-height: 180px; padding: 16px; box-sizing: border-box; border: 1px solid rgba(148,163,184,.22); border-radius: 14px; background: rgba(255,255,255,.04); color: var(--dev-text-primary,#e2e8f0); -webkit-text-fill-color: currentColor; font-size: 16px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.dev-bot-trap-fields [data-trap-status]:empty { display: none; }
.dev-spanel :is(#dev-module-overlay,#dev-diagnostics-overlay) { background: rgba(0,0,0,.6); backdrop-filter: none; -webkit-backdrop-filter: none; }
.dev-spanel :is(#dev-module-overlay,#dev-diagnostics-overlay) > .card-order-dialog { border-radius: 16px; border: 1px solid rgb(34,34,48); background: rgba(255,255,255,.04); backdrop-filter: blur(9px) saturate(1.3); -webkit-backdrop-filter: blur(9px) saturate(1.3); box-shadow: 0 25px 50px -12px rgba(0,0,0,.4); }
/* Fade only the scrim: ancestor opacity changes the dialog's backdrop sampling. */
.dev-spanel #dev-module-overlay { opacity: 1; background: transparent; transition: visibility 0s linear .32s; }
.dev-spanel #dev-module-overlay.is-open { transition-delay: 0s; }
.dev-spanel #dev-module-overlay::before { content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(0,0,0,.6); opacity: 0; pointer-events: none; transition: opacity .24s ease; }
.dev-spanel #dev-module-overlay.is-open::before { opacity: 1; }
.dev-spanel #dev-module-overlay > .dev-module-dialog { position: relative; z-index: 1; opacity: 0; transition: transform .32s cubic-bezier(.16,1,.3,1), opacity .24s ease; }
.dev-spanel #dev-module-overlay.is-open > .dev-module-dialog { opacity: 1; }
@media (hover: none) and (pointer: coarse) {
  /* Blur on touch without tinting the page or changing the dialog surface. */
  .dev-spanel :is(.card-order-overlay,#dev-module-overlay,#dev-diagnostics-overlay):not(.dev-inline-stream-editor) { background: transparent; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: opacity .24s ease, backdrop-filter .24s ease, -webkit-backdrop-filter .24s ease, visibility 0s linear .32s; }
  .dev-spanel :is(.card-order-overlay,#dev-module-overlay,#dev-diagnostics-overlay):not(.dev-inline-stream-editor).is-open { background: transparent; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition-delay: 0s; }
  .dev-spanel :is(#dev-module-overlay,.dev-server-tools-overlay)::before { content: none; display: none; }
  @media (prefers-reduced-motion: reduce) {
    .dev-spanel :is(.card-order-overlay,#dev-module-overlay,#dev-diagnostics-overlay):not(.dev-inline-stream-editor) { transition: none; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .dev-spanel #dev-module-overlay, .dev-spanel #dev-module-overlay::before, .dev-spanel #dev-module-overlay > .dev-module-dialog { transition: none; }
}
.dev-module-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 24px; background: #171c24; border-bottom: 1px solid rgba(154,172,192,.16); }
.dev-module-header h2 { font-size: 21px; margin: 7px 0 0; line-height: 1.4; }
.dev-dialog-heading { flex: 1; min-width: 0; }
.dev-dialog-heading h2 { margin: 0; font-size: 21px; }
.dev-dialog-heading p { margin: 4px 0 0; color: #b7c0cc; font-size: 13px; line-height: 1.5; }
.dev-dialog-icon { flex-shrink: 0; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: color-mix(in srgb, var(--category-color, #00d9a5) 15%, transparent); }
.dev-dialog-icon::after { content: ""; display: block; width: 23px; height: 23px; background: var(--category-color, var(--panel-green)); mask: var(--dev-icon) center/contain no-repeat; -webkit-mask: var(--dev-icon) center/contain no-repeat; }
.dev-dialog-icon.is-platform-logo { background: transparent; }
.dev-dialog-icon.is-platform-logo::after { display: none; }
.dev-dialog-icon.is-platform-logo img { width: 100%; height: 100%; object-fit: contain; }
.dev-module-header h2 .dev-module-usage { margin-left: 7px; font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; color: #aeb9c7; white-space: nowrap; }
.dev-stream-history-card .spanel-stream-history { margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(148,163,184,.13); }
.dev-stream-history-card .spanel-stream-history summary { justify-content: flex-start; padding: 10px 0; }
.dev-stream-history-card .spanel-stream-history-label { display: inline-flex; align-items: center; gap: 10px; text-align: left; }
.dev-stream-history-card .spanel-stream-history-label img { width: 26px; height: 26px; object-fit: contain; flex-shrink: 0; }
.dev-stream-history-card .spanel-stream-history-label svg { position: static; margin-left: 4px; flex-shrink: 0; }

.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-platform { display: flex; flex-direction: column; gap: 18px; padding: 0; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-heading { order: -2; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-name { display: none; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"]) .spanel-stream-heading { display: none; }
.dev-module-overlay[data-module="youtube"] .spanel-stream-heading { justify-content: flex-start; }
.dev-module-overlay :is([data-platform="twitch"],[data-platform="kick"],[data-youtube-tile]) > [data-stream-add] { order: -1; align-self: flex-start; }
.dev-module-overlay :is([data-platform="twitch"],[data-platform="kick"],[data-youtube-tile]) .panel-button { width: auto; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-account { display: flex; align-items: center; gap: 12px; padding: 14px 0; border: 0; border-bottom: 1px solid rgba(148,163,184,.13); border-radius: 0; background: transparent; box-shadow: none; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-account-dot { display: none; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-status { flex: 1; min-width: 0; margin: 0; font-size: 14px; font-weight: 400; overflow-wrap: anywhere; }
.dev-module-overlay:is([data-module="twitch"],[data-module="kick"],[data-module="youtube"]) .spanel-stream-account-edit { position: static; flex-shrink: 0; width: 18px; height: 18px; padding: 8px; border-radius: 9px; background: rgba(148,163,184,.08); }
.dev-module-overlay .spanel-stream-platform.dev-stream-editing > :not(.dev-inline-stream-editor) { display: none !important; }
.dev-spanel #spanel-stream-overlay.dev-inline-stream-editor { position: static; inset: auto; display: block; padding: 0; width: 100%; min-width: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto; z-index: auto; }
#spanel-stream-overlay.dev-inline-stream-editor > .spanel-stream-dialog { width: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; overflow: visible; transform: none; opacity: 1; }
.dev-inline-stream-editor .card-order-head { padding: 0 0 20px; border: 0; background: none; }
#spanel-stream-overlay.dev-inline-stream-editor .card-order-head :is(.card-order-kicker,.card-order-copy,.card-order-close) { display: none; }
.dev-inline-stream-editor .card-order-title { font-size: 16px; }
.dev-inline-stream-editor .card-order-body { padding: 0; overflow: visible; }
.dev-inline-stream-editor .card-order-footer { padding: 20px 0 0; border: 0; background: none; }
.dev-inline-stream-editor .card-order-footer .panel-modal-actions-right { display: none; }
.dev-inline-stream-editor .card-order-footer:has(#spanel-stream-remove.panel-hidden) { display: none; }
.dev-inline-stream-editor :is(.upanel-field,.dev-ticket-picker > label,.dev-stream-preview-title,.card-order-title) { display: flex; align-items: center; gap: 8px; color: #cbd5e1; }
.dev-inline-stream-editor .upanel-field > span { color: inherit; }
.dev-inline-stream-editor :is(.upanel-field,.dev-ticket-picker > label,.dev-stream-preview-title,.card-order-title)::before { content: ""; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; -webkit-mask: var(--dev-stream-label-icon) center / contain no-repeat; mask: var(--dev-stream-label-icon) center / contain no-repeat; }
.dev-inline-stream-editor :is(#spanel-stream-login-label,.card-order-title) { --dev-stream-label-icon: url('/assets/img/icons/stream-user.svg'); }
.dev-inline-stream-editor:has(#spanel-stream-remove.panel-hidden) .card-order-title::before { display: none; }
.dev-inline-stream-editor .upanel-field[for="spanel-stream-role-search"] { --dev-stream-label-icon: url('/assets/img/icons/role-at.svg'); }
.dev-inline-stream-editor .dev-ticket-picker > label { --dev-stream-label-icon: url('/assets/img/icons/channel-hash.svg'); font-weight: 600; }
.dev-inline-stream-editor .dev-stream-preview-title { --dev-stream-label-icon: url('/assets/img/icons/eye.svg'); margin: 0 0 12px; font-size: 13px; font-weight: 600; }
.dev-spanel .dev-inline-stream-editor .dev-stream-search { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; width: 100%; box-sizing: border-box; margin: 0; padding: 11px 14px; background: rgba(255,255,255,.04); border: 1px solid #333d48; border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); transition: border-color .22s,background-color .22s,outline-color .22s; outline: 2px solid transparent; outline-offset: 1px; }
.dev-inline-stream-editor .dev-stream-login-search { flex: 1; }
.dev-spanel .dev-inline-stream-editor .dev-stream-search:focus-within { border-color: #60d9b3; outline-color: rgba(96,217,179,.2); }
.dev-inline-stream-editor .dev-stream-search > svg { width: 19px; height: 19px; flex: 0 0 19px; color: #aeb9c7; }
.dev-spanel .dev-inline-stream-editor .dev-stream-search input { appearance: none; width: 100%; min-width: 0; min-height: 22px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #e2e8f0; font: inherit; font-size: 14px; font-weight: 400; line-height: 22px; outline: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; caret-color: #60d9b3; text-overflow: ellipsis; color-scheme: dark; }
.dev-spanel .dev-inline-stream-editor .dev-stream-search input::placeholder { color: #94a3b8; opacity: 1; }
@media (max-width: 900px) { .dev-spanel .dev-inline-stream-editor .dev-stream-search input { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .dev-spanel .dev-inline-stream-editor .dev-stream-search { transition: none; } }
@media (max-width: 600px) {
  .dev-inline-stream-editor .spanel-stream-login-row { flex-direction: column; align-items: stretch; }
  .dev-inline-stream-editor .spanel-stream-login-row .panel-input { width: 100%; min-width: 0; box-sizing: border-box; font-size: 16px; }
}
.dev-module-close { width: 33px; height: 33px; border-radius: 50%; background: transparent; border-color: transparent; }
.dev-module-close:hover { background: rgba(148,163,184,.1); }
.dev-module-close { flex-shrink: 0; }
.dev-module-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; padding: 22px 26px; scrollbar-width: thin; }
.dev-module-body > .spanel-config-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; opacity: 1; contain: none; }
.dev-spanel .dev-module-body :is([data-submission-questions],.dev-community-list) + .panel-button { margin-top:16px; }
.dev-module-body > .spanel-config-card::before, .dev-module-body > .spanel-config-card::after { display: none; }
.dev-module-body .panel-card.is-enhanced .admin-card-liquid-header { display: none; }
.dev-spanel .dev-module-hidden { display: none !important; }
.dev-module-body .panel-card.is-enhanced .admin-card-liquid-panel-inner { padding: 0; overflow: visible; will-change: auto; transform: none; filter: none; transition: none; }
.dev-module-body .spanel-config-card :is(.spanel-message-editor,.spanel-message-preview,.spanel-config-row,.spanel-stream-platform,.spanel-autoroles,.spanel-ticket-controls,.spanel-sticky-selector) { border-radius: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 0; }
/* The dialog is the only glass surface, including hover/focus and theme overrides. */
#dev-module-body :is(.spanel-config-card,.panel-card-body,.admin-card-liquid-panel,.admin-card-liquid-panel-inner,.spanel-welcome-layout,.spanel-config-list,.spanel-message-editor,.spanel-message-preview,.spanel-config-row,.spanel-stream-platform,.spanel-autoroles,.spanel-ticket-controls,.spanel-sticky-selector,.spanel-sticky-layout,.spanel-ticket-layout,.spanel-stream-list) {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#dev-module-body :is(.spanel-config-card,.panel-card-body,.admin-card-liquid-panel,.admin-card-liquid-panel-inner,.spanel-message-editor,.spanel-message-preview,.spanel-config-row,.spanel-stream-platform,.spanel-autoroles)::before,
#dev-module-body :is(.spanel-config-card,.panel-card-body,.admin-card-liquid-panel,.admin-card-liquid-panel-inner,.spanel-message-editor,.spanel-message-preview,.spanel-config-row,.spanel-stream-platform,.spanel-autoroles)::after { display: none !important; }
.dev-module-body .spanel-config-card .panel-switch { display: none; }
.dev-module-body :is(.spanel-config-copy,.spanel-message-head,.spanel-autoroles-head) strong::before { display: none; }
.dev-module-body .spanel-config-card :is(.spanel-message-head,.spanel-autoroles-head) { padding: 0 0 18px; border: 0; background: none; box-shadow: none; }
.dev-module-body .spanel-config-card :is(.panel-input,.spanel-channel-picker-button,.spanel-mobile-content-button) { color: #e5edf5; }
.dev-module-body .spanel-config-card .spanel-message-head > div { color: #e5edf5; }
.dev-module-overlay[data-module="autoroles"] .spanel-welcome-layout,
.dev-module-overlay .spanel-stream-list { grid-template-columns: minmax(0,1fr); }
.dev-module-overlay[data-module="welcome"] #spanel-preview-farewell,
.dev-module-overlay[data-module="welcome"] #spanel-preview-boosts,
.dev-module-overlay[data-module="farewell"] #spanel-preview-boosts,
.dev-module-overlay[data-module="boosts"] #spanel-preview-welcome,
.dev-module-overlay[data-module="boosts"] #spanel-preview-farewell,
.dev-module-overlay[data-module="farewell"] #spanel-preview-welcome { display: none; }
.dev-module-body .admin-card-liquid-panel, .dev-module-body .panel-card-body { padding: 0; border: 0; }
.dev-module-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 26px; border-top: 1px solid rgba(154,172,192,.13); }
.dev-module-footer > span { color: #91a0b2; font-size: 11px; max-width: 320px; line-height: 1.6; }
.dev-module-footer > .panel-info-note:empty { display: none; }
.dev-module-footer > div { display: flex; gap: 9px; flex-shrink: 0; }
.dev-spanel .dev-module-dialog .dev-module-save-icon { --dev-button-fill: #14634f; --dev-button-text: #effff8; --dev-button-border: #2e8b70; --dev-button-accent: #60d9b3; display: inline-grid; place-items: center; width: 42px; height: 42px; min-width: 42px; min-height: 42px; padding: 10px; flex: 0 0 42px; border-radius: 11px; background: #14634f; color: #effff8; border-color: #2e8b70; filter: none; transition: background-color .18s,border-color .18s,box-shadow .18s,transform .18s; }
.dev-spanel .dev-module-dialog .dev-module-save-icon:not(:disabled):is(:hover,:focus-visible) { background: #14634f; color: #effff8; border-color: #49b18f; filter: none; }
.dev-spanel .dev-module-dialog .dev-module-save-icon:not(:disabled):active { background: #14634f; color: #effff8; }
.dev-spanel .dev-module-dialog .dev-module-save-icon:disabled { background: #14634f; color: #effff8; border-color: #2e8b70; opacity: 1; filter: none; }
.dev-spanel .dev-module-dialog .dev-module-save-icon:not([hidden]) { animation: dev-save-reveal .24s cubic-bezier(.2,.8,.2,1) backwards; }
.dev-module-footer > div:has(.dev-module-save-icon:not([hidden])) { display: flex; align-items: center; justify-content: flex-end; }
.dev-spanel .dev-module-dialog .dev-module-save-icon[aria-busy="true"] > svg { animation: dev-save-pending 1s ease-in-out infinite; }
@keyframes dev-save-reveal { from { opacity: 0; transform: translateY(5px) scale(.8); } to { opacity: 1; transform: none; } }
@keyframes dev-save-pending { 0%,100% { opacity: .45; transform: scale(.94); } 50% { opacity: 1; transform: scale(1); } }
@media (max-width: 600px) {
  .dev-spanel .dev-module-dialog .dev-module-save-icon { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-basis: 44px; }
  .dev-module-footer > div:has(.dev-module-save-icon:not([hidden])) > [data-dev-close] { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-spanel .dev-module-dialog .dev-module-save-icon:not([hidden]), .dev-spanel .dev-module-dialog .dev-module-save-icon[aria-busy="true"] > svg { animation: none; }
}
.dev-module-header, .dev-module-footer { flex-shrink: 0; }
.dev-diagnostics-trigger { --diagnostics-background: rgba(32,43,55,.8); position: fixed; right: 25px; bottom: max(25px, env(safe-area-inset-bottom)); z-index: 10005; isolation: isolate; box-sizing: border-box; padding: 0; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(148,163,184,.25); border-radius: 50%; background: transparent; color: #a5b1bf; cursor: pointer; transition: transform .22s; }
.dev-diagnostics-trigger::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; clip-path: inset(0 round 50%); background: var(--diagnostics-background); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); pointer-events: none; transition: background .22s; }
.dev-diagnostics-trigger > svg { width: 24px; height: 24px; }
.dev-diagnostics-trigger:hover { transform: scale(1.06); --diagnostics-background: rgba(41,53,67,.92); }
.dev-diagnostics-trigger:active { transform: scale(.96); }
.dev-diagnostics-trigger[data-status="error"] { color: #ff557c; border-color: rgba(255,85,124,.5); }
.dev-diagnostics-trigger[data-status="warning"] { color: #f2b657; border-color: rgba(242,182,87,.5); }
.dev-diagnostics-trigger[data-status="ok"] { color: var(--panel-green); }
.dev-diagnostics-trigger:is([data-status="warning"],[data-status="error"]) > svg { animation: dev-diagnostics-pulse 2.2s ease-in-out infinite; }
@keyframes dev-diagnostics-pulse {
  0%, 100% { transform: scale(.96); opacity: .65; }
  50% { transform: scale(1.06); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-diagnostics-trigger:is([data-status="warning"],[data-status="error"]) > svg { animation: none; }
}
#dev-diagnostics-count { position: absolute; right: -4px; top: -4px; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box; display: grid; place-items: center; border-radius: 50%; background: #f53667; color: #fff; border: 2px solid #15212e; font-size: 10px; font-weight: 700; }
.dev-diagnostics-trigger[data-status="warning"] #dev-diagnostics-count { background: #d4942c; }
.dev-diagnostics-dialog { width: min(880px, 100%); }
.dev-diagnostics-dialog .setup-tools { margin: 0; padding: 0; border: 0; }
.dev-diagnostics-dialog .setup-tools-columns { grid-template-columns: 1fr; }
.dev-diagnostics-dialog .setup-tool { border: 0; padding: 0; }
.dev-diagnostics-dialog .setup-tool-heading { display: none; }
.dev-spanel :is(.dev-filters button,.dev-recent-button,.dev-favorite,.dev-module-open):focus-visible { outline: 2px solid var(--panel-green, #00d9a5); outline-offset: 3px; }
@media (max-width: 1150px) { .dev-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) {
  .dev-spanel :is(.dev-catalog-header,.dev-server-toolbar,.dev-search,.dev-filters,.dev-category,.dev-recent,.dev-module-copy,.dev-module-title) { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .dev-server-toolbar > :is([data-tool="refresh"],[data-tool="announce"]) { display: none; }
  .dev-server-toolbar { flex-wrap: nowrap; gap: 6px; }
  .dev-server-counts { flex-shrink: 0; gap: 8px; padding-right: 8px; }
  .dev-server-toolbar > button { min-width: 0; gap: 5px; }
  .dev-server-toolbar > button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dev-server-toolbar > button b { flex-shrink: 0; }
  .dev-catalog-header { gap: 14px; }
  .dev-guild-icon { flex-basis: 60px; width: 60px; height: 60px; border-radius: 18px; }
  .dev-catalog-header p { font-size: 14px; }
  .dev-module-grid { grid-template-columns: 1fr; }
  .dev-module-open { min-height: 100px; padding-left: 14px; gap: 10px; }
  .dev-module-copy strong { font-size: 13px; }
  .dev-module-actions { padding-right: 11px; gap: 5px; }
  .dev-tile-controls .dev-module-actions { right: 11px; padding-right: 0; }
  .dev-diagnostics-trigger { width: 48px; height: 48px; right: 17px; bottom: 100px; }
  .dev-search { padding: 14px; gap: 10px; }
  .dev-search input { font-size: 16px; overflow: hidden; text-overflow: ellipsis; }
  .dev-search kbd, .dev-search-shortcut { display: none; }
  .dev-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-bottom: 25px; }
  .dev-filters button { min-width: 0; padding: 9px 6px; font-size: 11px; gap: 4px; }
  .dev-filters button svg { width: 15px; height: 15px; }
  .dev-filters button span:not(.dev-filter-label) { min-width: 18px; padding: 0 4px; }
  .dev-module-copy strong { min-width: 0; }
  .dev-module-copy strong > span:not(.dev-module-status-dot) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dev-category h2 { flex-wrap: wrap; overflow-wrap: anywhere; }
  .dev-category header p { overflow-wrap: anywhere; }
  .dev-guild-heading h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dev-recent-header { min-width: 0; flex-wrap: wrap; gap: 10px; }
  .dev-module-overlay { padding: 10px; }
  .dev-module-dialog { max-height: calc(100dvh - 20px); border-radius: 16px; }
  .dev-module-header, .dev-module-body, .dev-module-footer { padding: 17px; }
  .dev-module-header h2 { font-size: 18px; }
  .dev-dialog-icon { width: 35px; height: 35px; border-radius: 11px; }
  .dev-module-header { gap: 11px; }
  .dev-module-dialog > .dev-module-header { display: grid; grid-template-columns: 35px minmax(0,1fr) 36px; align-items: start; }
  .dev-module-dialog .dev-dialog-heading { min-width: 0; }
  .dev-module-dialog .dev-module-header-actions { margin: 0; }
  .dev-module-dialog .dev-module-close { width: 36px; height: 36px; }
  .dev-module-dialog .dev-eyebrow { font-size: 9px; letter-spacing: .08em; }
  .dev-module-header-actions { margin-left: auto; }
  .dev-dialog-heading p { font-size: 11px; }
  .dev-module-footer { align-items: stretch; flex-direction: column; gap: 12px; }
  .dev-module-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .dev-module-footer > div:has([hidden]) { grid-template-columns: 1fr; }
  .dev-module-footer .panel-button { min-width: 0; padding: 11px 9px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .dev-spanel :is(.dev-module-icon,.dev-module-arrow,.dev-module-tile,.dev-module-dialog) { transition: none; } }


/* Shared action surfaces for every dialog in the developer panel. */
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button {
  --dev-button-accent: #94a3b8;
  --dev-button-text: #dce5ef;
  --dev-button-fill: rgba(148,163,184,.07);
  --dev-button-border: rgba(148,163,184,.22);
  box-sizing: border-box; min-height: 42px; min-width: 0; max-width: 100%;
  padding: 10px 16px; gap: 8px; border: 1px solid var(--dev-button-border); border-radius: 12px;
  background: var(--dev-button-fill); color: var(--dev-button-text);
  font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.35;
  white-space: normal; text-align: center; overflow-wrap: anywhere;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transform: none; filter: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .18s cubic-bezier(.2,.8,.2,1);
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button-primary {
  --dev-button-accent: #00d9a5; --dev-button-text: #d9fff2;
  --dev-button-fill: linear-gradient(135deg,rgba(0,217,165,.2),rgba(0,217,165,.09));
  --dev-button-border: rgba(0,217,165,.34);
}
.dev-spanel .dev-module-dialog .dev-sticky .panel-button[data-sticky-new] {
  --dev-button-accent: #60d9b3;
  --dev-button-fill: #14634f;
  --dev-button-border: #2e8b70;
  --dev-button-text: #effff8;
  background: var(--dev-button-fill);
}
.dev-spanel .dev-module-dialog .dev-sticky .panel-button[data-sticky-new]:not(:disabled):is(:hover,:focus-visible) {
  background: #19765e;
}
.dev-spanel .dev-module-dialog .spanel-stream-platform .panel-button[data-stream-add] {
  --dev-button-accent: #60d9b3; --dev-button-fill: #14634f; --dev-button-border: #2e8b70; --dev-button-text: #effff8;
  background: var(--dev-button-fill);
}
.dev-spanel .dev-module-dialog .spanel-stream-platform .panel-button[data-stream-add]:not(:disabled):is(:hover,:focus-visible) { background: #19765e; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button-danger {
  --dev-button-accent: #fb7185; --dev-button-text: #fecdd3;
  --dev-button-fill: rgba(251,113,133,.08); --dev-button-border: rgba(251,113,133,.27);
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button:not(:disabled):is(:hover,:focus-visible) {
  border-color: color-mix(in srgb,var(--dev-button-accent) 55%,transparent);
  background: color-mix(in srgb,var(--dev-button-accent) 15%,transparent);
  color: var(--dev-button-text); transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.14);
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button:focus-visible {
  outline: 2px solid color-mix(in srgb,var(--dev-button-accent) 75%,transparent); outline-offset: 3px;
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button:not(:disabled):active {
  transform: translateY(0) scale(.98); box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button:disabled {
  background: var(--dev-button-fill); border-color: var(--dev-button-border); color: var(--dev-button-text);
  opacity: .42; cursor: not-allowed; box-shadow: none; transform: none; filter: none;
}
.dev-spanel .dev-module-dialog .panel-button.dev-ticket-send {
  --dev-button-fill: #14634f; --dev-button-text: #effff8;
  --dev-button-border: #2e8b70; --dev-button-accent: #60d9b3;
  background: var(--dev-button-fill); color: var(--dev-button-text); border-color: var(--dev-button-border);
  border-radius: 12px; padding: 10px 16px; font-size: 13px; font-weight: 600;
}
.dev-spanel .dev-module-dialog .panel-button.dev-ticket-send:not(:disabled):is(:hover,:focus-visible) { background: #19765e; color: #effff8; border-color: #49b18f; }
.dev-spanel .dev-module-dialog .panel-button.dev-ticket-send:not(:disabled):active { background: #14634f; color: #effff8; }
/* Save icons keep their fill even when the shared dialog button states apply. */
.dev-spanel .dev-module-dialog .panel-button.dev-module-save-icon,
.dev-spanel .dev-module-dialog .panel-button.dev-module-save-icon:is(:hover,:focus-visible,:active,:disabled) {
  --dev-button-fill: #14634f; --dev-button-text: #effff8;
  background: #14634f; color: #effff8; opacity: 1; filter: none;
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.card-order-close,.setup-close) {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; min-height: 36px; padding: 0; flex: 0 0 36px;
  border: 1px solid rgba(148,163,184,.2); border-radius: 11px;
  background: rgba(148,163,184,.06); color: #aebaca;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: background .2s ease,border-color .2s ease,color .2s ease,transform .18s ease;
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.card-order-close,.setup-close) > svg { width: 19px; height: 19px; }
.dev-spanel .card-order-close:has(> svg)::before { display: none; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.card-order-close,.setup-close):not(:disabled):is(:hover,:focus-visible) {
  background: rgba(251,113,133,.09); border-color: rgba(251,113,133,.3); color: #fda4af; transform: none;
}
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.card-order-close,.setup-close):focus-visible { outline: 2px solid #94a3b8; outline-offset: 3px; }
.dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.card-order-close,.setup-close):not(:disabled):active { transform: scale(.94); }
@media (max-width: 600px) {
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button { padding: 10px 12px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.panel-button,.card-order-close,.setup-close) { transition: none; }
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) :is(.panel-button,.card-order-close,.setup-close):is(:hover,:focus-visible,:active) { transform: none; }
}


/* Native channel selector retains keyboard and mobile picker support. */
.dev-announcement-channel { position: relative; display: flex; align-items: center; min-width: 0; }
.dev-announcement-channel > svg { position: absolute; z-index: 1; left: 14px; width: 18px; height: 18px; color: #91a0b2; pointer-events: none; transition: color .2s ease,transform .2s ease; }
.dev-announcement-channel > .dev-channel-chevron { left: auto; right: 14px; width: 16px; height: 16px; }
.dev-announcement-form .dev-announcement-channel > select {
  appearance: none; -webkit-appearance: none; min-height: 48px; padding: 12px 42px;
  border-radius: 12px; border-color: rgba(148,163,184,.22); background: rgba(148,163,184,.06);
  font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
  text-overflow: ellipsis; box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.dev-announcement-form .dev-announcement-channel > select:invalid { color: #91a0b2; }
.dev-announcement-form .dev-announcement-channel > select:hover:not(:disabled) { border-color: rgba(148,163,184,.42); background: rgba(148,163,184,.1); }
.dev-announcement-form .dev-announcement-channel > select:focus-visible { border-color: rgba(0,217,165,.55); outline: 2px solid rgba(0,217,165,.3); outline-offset: 2px; }
.dev-announcement-channel:focus-within > svg { color: var(--panel-green,#00d9a5); }
.dev-announcement-channel:focus-within > .dev-channel-chevron { transform: translateY(1px); }
.dev-announcement-form .dev-announcement-channel > select:disabled { opacity: .45; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) {
  .dev-announcement-channel > svg,.dev-announcement-form .dev-announcement-channel > select { transition: none; }
  .dev-announcement-channel:focus-within > .dev-channel-chevron { transform: none; }
}


/* Mirror quick navigation around the mobile editing pill (10px gaps). */
@media (max-width: 900px) {
  .dev-spanel { --dev-mobile-editing-width: min(clamp(220px,62vw,280px),calc(100vw - 132px)); }
  .dev-spanel #spanel-config-nav {
    --spanel-mobile-editing-pill-width: var(--dev-mobile-editing-width);
    left: auto !important;
    right: max(calc(env(safe-area-inset-right,0px) + 8px),calc(50% - (var(--dev-mobile-editing-width) / 2) - 56px)) !important;
    transform-origin: bottom right;
  }
  .dev-spanel #spanel-config-nav.is-hidden-for-save { transform: translate3d(84px,0,0) scale(.94) !important; }
  .dev-spanel #spanel-config-nav.is-mobile-open {
    height: min(calc(50px + (var(--panel-section-items) * 46px)),calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px));
    max-height: calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);
  }
  .dev-spanel #spanel-config-nav.is-mobile-open .panel-section-nav-list {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 80px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
  .dev-spanel #spanel-config-nav.is-mobile-open .panel-section-nav-link { flex: 0 0 40px; }
  .dev-spanel .spanel-editing-pill:not(.is-open):not(.is-save-mode) { width: var(--dev-mobile-editing-width); }
  /* Expanded server selection covers the dock, but stays below module dialogs. */
  .dev-spanel #spanel-editing-pill.is-open { z-index: 10006; }
  .dev-spanel .dev-diagnostics-trigger {
    width: 46px; height: 46px;
    bottom: calc(env(safe-area-inset-bottom,0px) + 6px);
    right: auto;
    left: max(calc(env(safe-area-inset-left,0px) + 8px),calc(50% - (var(--dev-mobile-editing-width) / 2) - 56px));
    transition: transform .36s cubic-bezier(.16,1,.3,1), opacity .22s ease, visibility 0s;
  }
  .dev-spanel.panel-quick-nav-right .dev-diagnostics-trigger {
    right: auto;
    left: max(calc(env(safe-area-inset-left,0px) + 8px),calc(50% - (var(--dev-mobile-editing-width) / 2) - 56px));
  }
  .dev-spanel:has(#spanel-editing-pill.is-save-mode) .dev-diagnostics-trigger {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-84px,0,0) scale(.94);
    transition-delay: 0s, 0s, .22s;
  }
  .dev-spanel.panel-quick-nav-right:has(#spanel-editing-pill.is-save-mode) .dev-diagnostics-trigger { transform: translate3d(-84px,0,0) scale(.94); }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .dev-spanel .dev-diagnostics-trigger { transition: none; }
}


@media (max-width: 900px) {
  .dev-spanel .dev-module-dialog .dev-module-header-switches { display: none; }
}

.dev-bot-messages:not(.is-enhanced),.dev-bot-messages .admin-card-liquid-panel-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; }
.dev-bot-message-compose,.dev-bot-message-preview { min-width: 0; }
.dev-schedule-toolbar,.dev-schedule-actions,.dev-schedule-accounts { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.dev-schedule-toolbar { margin-bottom: 20px; }
.dev-schedule-toolbar svg,.dev-schedule-field svg,.dev-schedule-actions svg,.dev-schedule-preview svg { width: 19px; height: 19px; flex-shrink: 0; }
.dev-schedule-toolbar svg,.dev-schedule-actions svg { transition: transform .22s ease; }
.dev-schedule-toolbar button:not([data-schedule-refresh]):hover:not(:disabled) svg { transform: translateY(-2px); }
.dev-schedule-toolbar [data-schedule-refresh]:not(:disabled):is(:hover,:focus-visible) svg { animation: panelIconRefreshSpin .62s cubic-bezier(.2,.8,.2,1); }
.dev-schedule-actions [data-schedule-edit]:hover:not(:disabled) svg { transform: rotate(-9deg) translateY(-1px); }
.dev-schedule-actions [data-schedule-delete]:hover:not(:disabled) svg { transform: rotate(7deg); }
.dev-schedule-toolbar [aria-busy="true"] svg { animation: panelIconRefreshSpin 1s linear infinite; }
.dev-spanel .dev-module-dialog .panel-button.dev-schedule-add { --dev-button-fill: #14634f; --dev-button-text: #effff8; --dev-button-border: #2e8b70; --dev-button-accent: #60d9b3; background: #14634f; border: 1px solid #2e8b70; color: #effff8; gap: 8px; border-radius: 12px; }
.dev-spanel .dev-module-dialog .panel-button.dev-schedule-add:not(:disabled):is(:hover,:focus-visible,:active) { background: #14634f; color: #effff8; border-color: #49b18f; }
.dev-schedule-list { display: grid; gap: 14px; min-width: 0; }
.dev-schedule-row { display: flex; align-items: center; gap: 18px; min-width: 0; padding: 18px; background: transparent; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; backdrop-filter: blur(18px) saturate(1.14); -webkit-backdrop-filter: blur(18px) saturate(1.14); animation: devStickyCodeIn .2s ease-out; }
.dev-schedule-date { display: grid; place-items: center; align-content: center; flex: 0 0 56px; height: 64px; color: #60d9b3; background: rgba(96,217,179,.08); border-radius: 12px; }
.dev-schedule-date strong { font-size: 23px; line-height: 1.1; }
.dev-schedule-date span { font-size: 12px; }
.dev-schedule-copy { flex: 1; min-width: 0; }
.dev-schedule-copy h3 { margin: 0 0 6px; overflow-wrap: anywhere; font-size: 16px; }
.dev-schedule-copy p { margin: 0 0 6px; color: #b6c2cf; font-size: 12px; }
.dev-schedule-platform { color: #94a3b8; font-size: 11px; }
.dev-schedule-copy a { display: flex; align-items: center; gap: 4px; margin-top: 9px; color: #60d9b3; font-size: 12px; width: fit-content; }
.dev-schedule-copy a svg { width: 14px; height: 14px; }
.dev-schedule-actions { flex-wrap: nowrap; }
.dev-schedule-actions .panel-button.dev-sticky-icon-action { min-height: 32px; }
.dev-schedule-editor { display: grid; gap: 16px; }
.dev-schedule-editor[hidden],.dev-schedule-list[hidden] { display: none; }
.dev-schedule-field { display: grid; min-width: 0; gap: 9px; }
.dev-schedule-field > span { display: flex; align-items: center; gap: 8px; color: #dce5ef; font-size: 13px; font-weight: 600; }
.dev-schedule-field svg { color: #60d9b3; }
.dev-spanel .dev-module-dialog .dev-schedule-field .panel-input { width: 100%; min-width: 0; background: rgba(255,255,255,.04); color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; border: 1px solid #333d48; border-radius: 12px; min-height: 46px; caret-color: #60d9b3; color-scheme: dark; font: inherit; font-weight: 400; }
.dev-spanel .dev-module-dialog .dev-schedule-field .panel-input::placeholder { color: #94a3b8; -webkit-text-fill-color: #94a3b8; opacity: 1; }
.dev-schedule-field input[type="datetime-local"]::-webkit-datetime-edit { color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; }
.dev-schedule-field input[type="datetime-local"]::-webkit-date-and-time-value { color: #e2e8f0; -webkit-text-fill-color: #e2e8f0; text-align: left; }
.dev-schedule-field .panel-input:focus { border-color: #60d9b3; outline: 2px solid rgba(96,217,179,.12); outline-offset: 1px; }
.dev-schedule-field textarea { resize: vertical; }
.dev-schedule-times { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.dev-schedule-account { border: 1px solid #3a4651; border-radius: 9px; padding: 7px 10px; background: transparent; color: #b6c2cf; cursor: pointer; font: inherit; font-size: 11px; }
.dev-schedule-account:hover { border-color: #60d9b3; color: #d9fff2; }
.dev-schedule-note { font-size: 11px; line-height: 1.6; color: #94a3b8; margin: 0; }
.dev-schedule-validation { font-size: 12px; color: #efbd68; margin: 0; }
.dev-schedule-validation:empty { display: none; }
.dev-schedule-preview { display: flex; align-items: center; gap: 10px; color: #e2e8f0; font-size: 13px; overflow-wrap: anywhere; }
.dev-schedule-preview > svg { color: #60d9b3; }
@media(max-width: 600px) {
  .dev-schedule-times { grid-template-columns: minmax(0,1fr); }
  .dev-spanel .dev-module-dialog .dev-schedule-field .panel-input { font-size: 16px; }
  .dev-schedule-row { gap: 12px; padding: 14px; flex-wrap: wrap; }
  .dev-schedule-copy { flex-basis: calc(100% - 68px); }
  .dev-schedule-actions { margin-left: auto; }
  .dev-schedule-actions .panel-button.dev-sticky-icon-action { min-height: 40px; }
}
@media(prefers-reduced-motion: reduce) {
  .dev-schedule-row,.dev-schedule-toolbar [aria-busy="true"] svg,.dev-schedule-toolbar [data-schedule-refresh]:not(:disabled):is(:hover,:focus-visible) svg { animation: none; }
  .dev-schedule-toolbar svg,.dev-schedule-actions svg { transition: none; }
}
.dev-bot-message-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 10px; font-weight: 700; }
.dev-bot-message-heading > span { color: #94a3b8; font-size: 14px; font-variant-numeric: tabular-nums; }
.dev-bot-message-heading > .is-over-limit { color: #f36b87; }
.dev-bot-message-content { min-height: 160px; padding: 14px; margin: 0; border-color: #333d48; border-radius: 12px; background: rgba(255,255,255,.025); white-space: pre-wrap; overflow-wrap: anywhere; }
.dev-bot-message-note { color: #94a3b8; font-size: 12px; line-height: 1.6; margin: 14px 0; }
.dev-bot-message-preview-label { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; color: #b5c5c0; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.dev-bot-message-preview-label svg { width: 19px; height: 19px; color: #60d9b3; }
.dev-bot-message-rendered { min-height: 80px; color: #dbdee1; overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.55; }
.dev-bot-message-publish { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 14px; }
.dev-bot-message-publish p { margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.5; }
.dev-bot-message-publish p:empty { display: none; }
.dev-spanel .dev-module-dialog .panel-button.dev-bot-message-send { background: #14634f; border: 1px solid #2e8b70; color: #effff8; border-radius: 12px; gap: 9px; box-shadow: none; transition: transform .18s,box-shadow .18s; }
.dev-spanel .dev-module-dialog .panel-button.dev-bot-message-send:hover:not(:disabled) { background: #14634f; color: #effff8; box-shadow: 0 0 18px rgba(46,139,112,.2); }
.dev-spanel .dev-module-dialog .panel-button.dev-bot-message-send:active:not(:disabled) { background: #14634f; color: #effff8; transform: scale(.97); }
.dev-bot-message-send svg { width: 19px; height: 19px; transition: transform .22s; }
.dev-bot-message-send:hover:not(:disabled) svg { transform: translate(2px,-2px) rotate(5deg); }
.dev-bot-message-send[aria-busy="true"] svg { animation: dev-bot-message-flight 1s ease-in-out infinite; }
@keyframes dev-bot-message-flight { 50% { transform: translate(2px,-2px); opacity: .5; } }
@media (max-width: 900px) {
  .dev-bot-messages:not(.is-enhanced),.dev-bot-messages .admin-card-liquid-panel-inner { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .dev-module-footer:has(> .dev-bot-message-publish) { flex-direction: column; align-items: stretch; }
  .dev-module-footer > .dev-bot-message-publish { padding-top: 0; width: 100%; align-items: stretch; }
  .dev-bot-message-content { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .dev-spanel .dev-module-dialog .panel-button.dev-bot-message-send,.dev-bot-message-send svg { transition: none; animation: none; }
}

@media (max-width: 700px) {
  .dev-spanel .panel-button,
  .dev-spanel :is(.card-order-dialog,.setup-template-dialog) .panel-button {
    box-sizing: border-box; min-width: 0; max-width: 100%;
    white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis;
  }
  .dev-spanel .panel-button > span:not([aria-hidden="true"]) {
    min-width: 0; flex: 0 1 auto; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
  }
  .dev-spanel .panel-button > :is(svg,img,small,[aria-hidden="true"]),
  .dev-spanel .panel-button::before,
  .dev-spanel .panel-button::after { flex-shrink: 0; }
}
.dev-spanel .dev-module-power.dev-module-locked:disabled { color: #a5afbd; border-color: rgba(148,163,184,.24); background: rgba(148,163,184,.08); }
.dev-spanel .dev-module-locked svg { width: 21px; height: 21px; flex-shrink: 0; }