/* Rose technology design system. Shared by the console and operations panel. */
body.rose-tech{--rose-bg:#080e1b;--rose-panel:#101b2d;--rose-raised:#17253b;--rose-line:#253650;--rose-text:#edf3ff;--rose-muted:#9dadc8;--rose-brand:#2563eb;--rose-glow:#66c8ff;--semi-color-bg-0:#080e1b;--semi-color-bg-1:#101b2d;--semi-color-bg-2:#17253b;--semi-color-bg-3:#1d2d45;--semi-color-bg-4:#253650;--semi-color-text-0:#edf3ff;--semi-color-text-1:#d0dbee;--semi-color-text-2:#9dadc8;--semi-color-text-3:#8191af;--semi-color-border:#253650;--semi-color-fill-0:rgba(122,153,203,.06);--semi-color-fill-1:rgba(122,153,203,.12);--semi-color-fill-2:rgba(122,153,203,.18);--semi-color-primary:var(--rose-brand);--background:var(--rose-bg);--card:var(--rose-panel);--foreground:var(--rose-text);--border:var(--rose-line);--input:var(--rose-line);background:var(--rose-bg);color:var(--rose-text);color-scheme:dark}
body.rose-tech.rose-tech-light{--rose-bg:#edf3fb;--rose-panel:#fff;--rose-raised:#f4f7fc;--rose-line:#d5e0ef;--rose-text:#132440;--rose-muted:#546984;--rose-glow:#2563eb;--semi-color-bg-0:#edf3fb;--semi-color-bg-1:#fff;--semi-color-bg-2:#f4f7fc;--semi-color-bg-3:#e8eff9;--semi-color-bg-4:#d5e0ef;--semi-color-text-0:#132440;--semi-color-text-1:#2f4460;--semi-color-text-2:#546984;--semi-color-text-3:#667d9a;--semi-color-border:#d5e0ef;color-scheme:light}
body.rose-tech .app-layout,body.rose-tech .semi-layout{background:var(--rose-bg)!important;color:var(--rose-text)}
body.rose-tech .semi-layout-header{background:var(--rose-panel)!important;border-bottom:1px solid var(--rose-line)}
body.rose-tech .semi-layout-sider,body.rose-tech .semi-navigation{background:var(--rose-panel)!important;border-color:var(--rose-line)!important}
body.rose-tech :is(.semi-card,.semi-table,.semi-tabs-content){border-color:var(--rose-line)}
body.rose-tech .semi-card{background:var(--rose-panel);border-radius:12px;box-shadow:0 8px 30px #00000012}
body.rose-tech .semi-table-thead>.semi-table-row>.semi-table-row-head{background:var(--rose-raised);color:var(--rose-muted);font-size:12px}
body.rose-tech .semi-table-row-cell{border-color:var(--rose-line)}
body.rose-tech .semi-navigation-item-selected{background:rgba(37,99,235,.18)!important;color:var(--rose-glow)!important;border-radius:8px}
body.rose-tech .semi-button-primary.semi-button-solid{background:var(--rose-brand);color:#fff}
body.rose-tech :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--rose-glow);outline-offset:3px}
body.rose-tech #rose-media-pricing-panel{background:var(--rose-panel)!important;border-color:var(--rose-line)!important;color:var(--rose-text)!important;border-radius:12px}
body.rose-tech #rose-media-pricing-panel button{background:var(--rose-brand)!important;color:#fff}
body.rose-tech #rose-media-pricing-panel input{background:var(--rose-bg)!important;border-color:var(--rose-line)!important;color:var(--rose-text)!important}
body.rose-tech #rose-media-pricing-panel .rose-status{color:var(--rose-muted)}
/* The landing page keeps its existing structure, with the same technology palette. */
body.rose-tech.rose-home-body{background:var(--rose-bg)!important;color:var(--rose-text)!important}
body.rose-tech.rose-home-body:before{background:radial-gradient(ellipse at 85% 10%,#2563eb22,transparent 50%),linear-gradient(#2563eb05 1px,transparent 1px),linear-gradient(90deg,#2563eb05 1px,transparent 1px),var(--rose-bg);background-size:auto,40px 40px,40px 40px,auto}
body.rose-tech :is(.rose-home-preview,.rose-home-card,.rose-home-code,.rose-home-status,.rose-home-secondary){background:var(--rose-panel)!important;border-color:var(--rose-line);color:var(--rose-text);box-shadow:0 16px 45px #0002}
body.rose-tech :is(.rose-home-window,.rose-home-window-bar){background:var(--rose-bg);border-color:var(--rose-line)}
body.rose-tech :is(.rose-home-title,.rose-home-card b,.rose-home-status b){color:var(--rose-text)!important}
body.rose-tech :is(.rose-home-lead,.rose-home-card p,.rose-home-endpoint){color:var(--rose-muted)}
body.rose-tech :is(.rose-home-title em,.rose-home-kicker,.rose-home-endpoint strong){color:var(--rose-glow)}
body.rose-tech .rose-home-primary{background:var(--rose-brand);box-shadow:0 8px 30px #2563eb33}
body.rose-tech .rose-home-icon{background:#2563eb20;color:var(--rose-glow)}
/* Operations forms deliberately use bounded widths and native accessible inputs. */
.ro-shell{--ro-bg:var(--rose-bg,#080e1b);--ro-panel:var(--rose-panel,#101b2d);--ro-raised:var(--rose-raised,#17253b);--ro-line:var(--rose-line,#253650);--ro-text:var(--rose-text,#edf3ff);--ro-muted:var(--rose-muted,#9dadc8);--ro-brand:var(--rose-brand,#2563eb);box-sizing:border-box;min-width:0;margin-bottom:24px;padding:26px;border:1px solid var(--ro-line);border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#2563eb12,transparent 50%),var(--ro-panel);color:var(--ro-text);font:14px/1.65 system-ui,"Microsoft YaHei",sans-serif}
.ro-shell *{box-sizing:border-box}.ro-shell [hidden]{display:none!important}.ro-shell a{color:var(--rose-glow,#66c8ff);text-decoration:none}.ro-shell h2{font-size:27px;margin:4px 0;font-weight:650;letter-spacing:.02em}.ro-shell h3{font-size:17px;margin:0 0 20px}.ro-header{display:flex;gap:18px;justify-content:space-between;align-items:center}.ro-header p{color:var(--ro-muted);margin:5px 0 20px}.ro-eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--rose-glow,#66c8ff)}
.ro-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px}.ro-shortcuts a{padding:5px 12px;border:1px solid var(--ro-line);border-radius:6px;font-size:12px;color:var(--ro-muted)}.ro-shortcuts a:hover{border-color:var(--ro-brand);color:var(--ro-text)}
.ro-editor{margin:0;padding:0;min-width:0;border:0}.ro-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ro-line);overflow:auto;padding:0 0 12px;margin-bottom:26px}.ro-shell button{font:inherit;cursor:pointer;border:1px solid var(--ro-line);border-radius:7px;padding:8px 14px;background:var(--ro-raised);color:var(--ro-text)}.ro-shell button:disabled{cursor:not-allowed;opacity:.5}.ro-tabs button{white-space:nowrap;background:none;border-color:transparent;font-size:13px}.ro-tabs button[aria-selected=true]{background:#2563eb25;border-color:#2563eb66;color:var(--rose-glow,#66c8ff)}
.ro-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}.ro-form-area{min-width:0}.ro-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ro-field{display:flex;flex-direction:column;gap:8px;font-size:13px}.ro-shell :is(input:not([type=checkbox]),select,textarea){min-width:0;width:100%;max-width:100%;border:1px solid var(--ro-line);border-radius:7px;background:var(--ro-bg);color:var(--ro-text);font:inherit;padding:10px 12px;outline-offset:2px}.ro-shell textarea{resize:vertical;line-height:1.8}.ro-shell input[type=color]{height:44px;padding:4px 8px}.ro-field small,.ro-note{font-size:12px;color:var(--ro-muted);line-height:1.8}.ro-toggle{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.ro-toggle input{width:18px;height:18px;accent-color:var(--ro-brand)}.ro-field:has(textarea){grid-column:1/-1}
.ro-preview{background:#080e1b;border:1px solid #2a4265;border-radius:12px;padding:22px;color:#edf3ff;overflow-wrap:anywhere}.ro-preview.is-light{background:#edf3fb;color:#132440}.ro-preview-name{font-size:20px;font-weight:700;letter-spacing:.04em}.ro-preview small{display:block;font-size:10px;color:#7da0ce;margin:4px 0 28px;letter-spacing:1px}.ro-preview h3{font-size:21px;margin:0 0 8px}.ro-preview p{font-size:12px;color:#8ba3c4;white-space:pre-wrap}.ro-preview-lines{display:grid;gap:9px;margin:20px 0}.ro-preview-lines span{height:25px;border:1px solid #2563eb33;border-radius:5px;background:#2563eb0d}.ro-preview-action{padding:10px 14px;border-radius:6px;background:var(--ro-brand);color:white;font-size:12px;text-align:center}
.ro-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px -26px -26px;padding:18px 26px;border-top:1px solid var(--ro-line);border-radius:0 0 14px 14px;background:var(--ro-panel);box-shadow:0 -10px 22px #00000015}.ro-footer>div{display:flex;gap:8px;flex-shrink:0}.ro-footer button[type=submit]{background:var(--ro-brand);border-color:var(--ro-brand);color:white}.ro-status{font-size:12px;color:var(--ro-muted);overflow-wrap:anywhere}.ro-status.error{color:#ff9494}.ro-template{min-width:0;margin:0 0 18px;padding:16px;border:1px solid var(--ro-line);border-radius:8px}.ro-template label{display:block;margin-bottom:12px;font-size:12px}.ro-template :is(input,textarea){display:block;margin-top:6px}.ro-template button{font-size:12px;color:#ff9494}.ro-event{padding:15px 0;border-bottom:1px solid var(--ro-line)}.ro-event span{display:block;font-size:12px;color:var(--ro-muted)}.ro-event p{margin:8px 0}.ro-event pre{max-width:100%;max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ro-bg);padding:12px;border-radius:6px;font-size:12px}.ro-event summary{cursor:pointer;color:var(--rose-glow,#66c8ff)}
@media(max-width:1100px){.ro-body{grid-template-columns:minmax(0,1fr)}.ro-body>aside{display:none}}
@media(max-width:600px){.ro-shell{padding:18px}.ro-header{align-items:flex-start;flex-direction:column;margin-bottom:16px}.ro-header p{margin-bottom:0}.ro-shell h2{font-size:24px}.ro-fields{grid-template-columns:minmax(0,1fr)}.ro-footer{flex-direction:column;align-items:stretch;margin:24px -18px -18px;padding:14px 18px}.ro-footer>div{justify-content:flex-end}.ro-tabs{margin-bottom:18px}.ro-template{padding:12px}}