:root { --welcome-cyan:#4fe4d1; --welcome-blue:#618cff; --welcome-violet:#a979ff; --welcome-green:#50d890; --welcome-red:#ff6b7d; --welcome-ink:#08111f; --welcome-line:rgba(125,155,200,.14); }
.welcome-studio-page { min-height:100%; padding:18px; color:#dce7f5; background:radial-gradient(circle at 8% 0,rgba(79,228,209,.08),transparent 27%),radial-gradient(circle at 94% 8%,rgba(126,95,255,.09),transparent 28%); }
.welcome-studio-page .managed-card { border:1px solid var(--welcome-line); border-radius:18px; background:linear-gradient(145deg,rgba(17,29,48,.96),rgba(9,18,32,.96)); box-shadow:0 18px 45px rgba(0,0,0,.18); }
.welcome-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; overflow:hidden; padding:34px 38px; }
.welcome-hero:before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(100deg,rgba(79,228,209,.07),transparent 38%,rgba(169,121,255,.06)); }
.welcome-hero-copy,.welcome-hero-stats { position:relative; z-index:1; }
.welcome-kicker,.welcome-panel-heading>div>span { color:var(--welcome-cyan); font-size:.65rem; font-weight:800; letter-spacing:.18em; }
.welcome-hero h1 { margin:5px 0 7px; color:#f4f8ff; font-size:clamp(1.75rem,2.4vw,2.55rem); line-height:1.05; }
.welcome-hero p { max-width:690px; margin:0; color:#8ea2bd; font-size:.86rem; line-height:1.55; }
.welcome-seed-note { display:inline-flex; align-items:center; gap:9px; margin-top:17px; padding:8px 11px; border:1px solid rgba(79,228,209,.15); border-radius:10px; color:#7d93ad; background:rgba(79,228,209,.045); font-size:.65rem; }
.welcome-seed-note .mud-icon-root { color:var(--welcome-cyan); font-size:18px; }.welcome-seed-note strong { margin-right:5px; color:#c9ebe7; }
.welcome-hero-stats { display:grid; grid-template-columns:repeat(3,minmax(128px,1fr)); gap:10px; align-self:center; }
.welcome-hero-stats article { display:flex; align-items:center; gap:10px; min-width:138px; padding:13px; border:1px solid rgba(125,155,200,.12); border-radius:13px; background:rgba(5,12,23,.52); }
.welcome-stat-icon { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; }.welcome-stat-icon .mud-icon-root { font-size:19px; }
.welcome-stat-icon.cyan{color:var(--welcome-cyan);background:rgba(79,228,209,.1)}.welcome-stat-icon.violet{color:#be98ff;background:rgba(169,121,255,.11)}.welcome-stat-icon.green{color:var(--welcome-green);background:rgba(80,216,144,.1)}.welcome-stat-icon.red{color:var(--welcome-red);background:rgba(255,107,125,.1)}
.welcome-hero-stats strong,.welcome-hero-stats small { display:block; }.welcome-hero-stats strong { color:#edf5ff; font-size:.82rem; }.welcome-hero-stats small { color:#7288a3; font-size:.56rem; white-space:nowrap; }
.welcome-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:12px 0; padding:11px 14px 11px 18px; border-radius:14px!important; }
.welcome-toolbar-status { display:flex; align-items:center; gap:10px; }.welcome-toolbar-status strong,.welcome-toolbar-status small { display:block; }.welcome-toolbar-status strong{color:#d8e6f6;font-size:.72rem}.welcome-toolbar-status small{color:#6f849f;font-size:.58rem}
.welcome-live-dot { width:9px; height:9px; border-radius:50%; box-shadow:0 0 0 4px rgba(80,216,144,.08),0 0 14px currentColor; }.welcome-live-dot.enabled{color:var(--welcome-green);background:var(--welcome-green)}.welcome-live-dot.disabled{color:#f0a35a;background:#f0a35a}
.welcome-toolbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.welcome-studio-workspace { display:grid; grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr) minmax(390px,.9fr); gap:12px; align-items:start; }
.welcome-policy,.welcome-composer,.welcome-preview,.welcome-resolution,.welcome-validation { padding:18px; }
.welcome-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }.welcome-panel-heading h2{margin:2px 0 3px;color:#edf5ff;font-size:1rem}.welcome-panel-heading p{max-width:530px;margin:0;color:#7186a1;font-size:.63rem;line-height:1.45}
.welcome-heading-badge,.welcome-preview-live,.welcome-resolution-result { padding:5px 8px; border:1px solid rgba(79,228,209,.15); border-radius:999px; color:var(--welcome-cyan); background:rgba(79,228,209,.06); font-size:.52rem; font-weight:800; letter-spacing:.08em; white-space:nowrap; }
.welcome-route-list { display:grid; gap:7px; }.welcome-route { display:grid; grid-template-columns:28px 34px minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px; border:1px solid rgba(125,155,200,.12); border-radius:12px; background:rgba(5,13,25,.48); transition:.15s ease; }.welcome-route.enabled{border-color:rgba(79,228,209,.16);background:linear-gradient(90deg,rgba(79,228,209,.055),rgba(5,13,25,.5))}.welcome-route.disabled{opacity:.55}
.welcome-route-order { color:#6c819b; font-family:monospace; font-size:.65rem; text-align:center; }.welcome-route.enabled .welcome-route-order{color:var(--welcome-cyan)}
.welcome-route-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#89a4c2;background:rgba(97,140,255,.08)}.welcome-route-icon .mud-icon-root{font-size:17px}.welcome-route.enabled .welcome-route-icon{color:var(--welcome-cyan);background:rgba(79,228,209,.09)}
.welcome-route-copy{min-width:0}.welcome-route-copy strong,.welcome-route-copy small,.welcome-route-copy em{display:block}.welcome-route-copy strong{color:#dce8f6;font-size:.68rem}.welcome-route-copy small{margin-top:1px;color:#6f839d;font-size:.55rem;line-height:1.35}.welcome-route-copy em{margin-top:3px;color:#8ba1bc;font-family:monospace;font-size:.52rem;font-style:normal}.welcome-route-controls{display:flex;align-items:center}.welcome-route-controls .mud-icon-button{padding:3px}.welcome-route-controls .mud-icon-root{font-size:17px}
.welcome-name-editor { display:grid; gap:8px; margin-top:13px; padding:13px; border:1px solid rgba(97,140,255,.14); border-radius:13px; background:rgba(97,140,255,.04); }
.welcome-checks { margin-top:18px; }.welcome-section-label { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-bottom:9px; }.welcome-section-label span,.welcome-section-label strong{color:#d9e6f5;font-size:.69rem;font-weight:700}.welcome-section-label small{color:#6f839d;font-size:.55rem}.welcome-section-label.actions>div span,.welcome-section-label.actions>div small{display:block}
.welcome-check-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.welcome-check-grid article { display:grid; grid-template-columns:27px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:57px; padding:9px; border:1px solid rgba(125,155,200,.1); border-radius:11px; background:rgba(5,13,25,.4); }.welcome-check-grid article>.mud-icon-root{color:#7d9abb;font-size:18px}.welcome-check-grid strong,.welcome-check-grid small{display:block}.welcome-check-grid strong{color:#cddbec;font-size:.61rem}.welcome-check-grid small{margin-top:2px;color:#697d96;font-size:.51rem;line-height:1.35}.welcome-check-grid article>span{color:#5e7896;font-size:.46rem;font-weight:800;letter-spacing:.08em}
.welcome-token-rack { display:grid; grid-template-columns:auto 155px; gap:10px; padding:12px; border:1px solid rgba(169,121,255,.14); border-radius:13px; background:linear-gradient(110deg,rgba(169,121,255,.055),rgba(97,140,255,.035)); }.welcome-token-rack>div:first-child{display:flex;align-items:center;gap:8px}.welcome-token-rack>div:first-child>.mud-icon-root{color:#b895ff}.welcome-token-rack strong,.welcome-token-rack small{display:block}.welcome-token-rack strong{color:#dcd2f2;font-size:.65rem}.welcome-token-rack small{color:#746d8d;font-size:.52rem}.welcome-token-list{display:flex;grid-column:1/-1;gap:5px;flex-wrap:wrap}.welcome-token-list button{padding:4px 7px;border:1px solid rgba(169,121,255,.16);border-radius:7px;color:#bda7e9;background:rgba(10,14,29,.62);font-family:monospace;font-size:.5rem;cursor:pointer}.welcome-token-list button:hover{color:#fff;border-color:rgba(169,121,255,.4);background:rgba(169,121,255,.11)}
.welcome-composer-tabs { margin-top:13px; }.welcome-composer-tabs .mud-tabs-panels{padding-top:15px}.welcome-form-stack{display:grid;gap:12px}.welcome-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.welcome-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border:1px solid rgba(125,155,200,.11);border-radius:11px;background:rgba(5,13,25,.4)}.welcome-toggle-row strong,.welcome-toggle-row small{display:block}.welcome-toggle-row strong{color:#d2e0f0;font-size:.66rem}.welcome-toggle-row small{margin-top:2px;color:#6c819b;font-size:.53rem}.welcome-toggle-row code{color:#c1a7ff}.welcome-toggle-row.mention{border-color:rgba(240,163,90,.14);background:rgba(240,163,90,.035)}
.welcome-color-row{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px}.welcome-color-row>span{width:38px;height:38px;border:4px solid rgba(255,255,255,.08);border-radius:11px;box-shadow:0 0 20px rgba(97,140,255,.18)}.welcome-subsection{padding-top:5px;border-top:1px solid rgba(125,155,200,.1)}.welcome-subsection span,.welcome-subsection small{display:block}.welcome-subsection span{padding-top:10px;color:#d8e5f5;font-size:.7rem;font-weight:700}.welcome-subsection small{color:#6d829c;font-size:.54rem}
.welcome-fields-editor{min-height:280px}.welcome-empty-fields{width:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed rgba(125,155,200,.2);border-radius:14px;color:#7186a0;background:rgba(5,13,25,.33);cursor:pointer}.welcome-empty-fields .mud-icon-root{margin-bottom:5px;color:#9b80d1;font-size:30px}.welcome-empty-fields strong{color:#b8c8da;font-size:.72rem}.welcome-empty-fields span{max-width:330px;font-size:.56rem;line-height:1.5}.welcome-field-list{display:grid;gap:10px}.welcome-field-editor{display:grid;gap:9px;padding:11px;border:1px solid rgba(125,155,200,.12);border-radius:12px;background:rgba(5,13,25,.42)}.welcome-field-head{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px}.welcome-field-head>span{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;color:var(--welcome-cyan);background:rgba(79,228,209,.08);font-family:monospace;font-size:.55rem}.welcome-field-head>strong{color:#cbd9e9;font-size:.64rem}.welcome-field-head>div{display:flex}.welcome-field-head .mud-icon-button{padding:3px}.welcome-field-head .mud-icon-root{font-size:17px}
.welcome-preview-column{display:grid;gap:12px;position:sticky;top:12px}.welcome-panel-heading.compact,.welcome-panel-heading.mini{margin-bottom:12px}.welcome-preview-live{display:flex;align-items:center;gap:5px}.welcome-preview-live i{width:6px;height:6px;border-radius:50%;background:var(--welcome-green);box-shadow:0 0 9px var(--welcome-green)}
.welcome-channel-sim{overflow:hidden;border:1px solid #202225;border-radius:11px;background:#313338;box-shadow:0 16px 35px rgba(0,0,0,.28)}.welcome-discord-channel-head{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #1f2023;color:#f2f3f5;box-shadow:0 1px 3px rgba(0,0,0,.25)}.welcome-discord-channel-head .mud-icon-root{color:#949ba4;font-size:19px}.welcome-discord-channel-head strong{font-size:.69rem}.welcome-discord-channel-head span{margin-left:auto;color:#949ba4;font-size:.53rem}.welcome-discord-canvas{min-height:335px;padding:15px 11px 18px}.welcome-discord-date{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#949ba4;font-size:.48rem}.welcome-discord-date:before,.welcome-discord-date:after{content:"";height:1px;flex:1;background:#3f4147}
.welcome-discord-message{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;transition:.2s}.welcome-discord-message.dimmed{opacity:.28}.welcome-index-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#071621;background:linear-gradient(145deg,var(--welcome-cyan),#78a9ff);font-size:.62rem;font-weight:900}.welcome-message-body{min-width:0}.welcome-message-body>header{display:flex;align-items:center;gap:5px;height:18px}.welcome-message-body>header strong{color:#f2f3f5;font-size:.68rem}.welcome-message-body>header b{padding:1px 3px;border-radius:3px;color:#fff;background:#5865f2;font-size:.42rem}.welcome-message-body>header small{color:#949ba4;font-size:.49rem}.welcome-discord-content{margin:2px 0 6px;color:#dbdee1;font-size:.61rem;line-height:1.45;overflow-wrap:anywhere}.welcome-discord-content code,.welcome-embed-description code,.welcome-embed-fields code{padding:1px 3px;border-radius:3px;color:#e3e5e8;background:#1e1f22;font-size:.56rem}.welcome-discord-content pre,.welcome-embed-description pre{overflow:auto;padding:5px;border-radius:4px;background:#1e1f22;font-size:.52rem}
.welcome-discord-embed{position:relative;max-width:440px;overflow:hidden;padding:10px 10px 9px 13px;border-radius:4px;background:#2b2d31;box-shadow:inset 4px 0 var(--embed-color);color:#dbdee1}.welcome-embed-author{display:flex;align-items:center;gap:6px;margin-bottom:5px}.welcome-embed-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}.welcome-embed-author strong{font-size:.57rem}.welcome-discord-embed h3{max-width:calc(100% - 72px);margin:0 0 5px;color:#f2f3f5;font-size:.72rem;line-height:1.25}.welcome-embed-description{color:#dbdee1;font-size:.58rem;line-height:1.45;overflow-wrap:anywhere}.welcome-embed-thumbnail{width:66px;height:66px;float:right;margin:0 0 8px 9px;border-radius:5px;object-fit:cover}.welcome-embed-image{display:block;width:100%;max-height:230px;margin-top:9px;border-radius:5px;object-fit:cover;background:#1e1f22}.welcome-embed-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.welcome-embed-fields>div{width:100%;min-width:0}.welcome-embed-fields>div.inline{width:calc(33.333% - 6px)}.welcome-embed-fields strong,.welcome-embed-fields span{display:block;overflow-wrap:anywhere}.welcome-embed-fields strong{color:#f2f3f5;font-size:.55rem}.welcome-embed-fields span{margin-top:2px;font-size:.53rem;line-height:1.35}.welcome-discord-embed footer{display:flex;align-items:center;gap:5px;clear:both;margin-top:8px;color:#b5bac1;font-size:.48rem}.welcome-discord-embed footer img{width:16px;height:16px;border-radius:50%;object-fit:cover}.welcome-inline-emoji{width:17px;height:17px;object-fit:contain;vertical-align:-4px}.welcome-preview-paused{display:flex;align-items:center;gap:7px;margin-bottom:12px;padding:8px;border:1px solid rgba(240,163,90,.18);border-radius:7px;color:#dca26b;background:rgba(240,163,90,.06)}.welcome-preview-paused .mud-icon-root{font-size:17px}.welcome-preview-paused strong,.welcome-preview-paused span{display:block}.welcome-preview-paused strong{font-size:.58rem}.welcome-preview-paused span{color:#9d816b;font-size:.48rem}
.welcome-preview-note{display:flex;gap:8px;margin-top:11px;padding:9px;border:1px solid rgba(79,228,209,.12);border-radius:10px;color:var(--welcome-cyan);background:rgba(79,228,209,.035)}.welcome-preview-note>.mud-icon-root{font-size:18px}.welcome-preview-note strong,.welcome-preview-note small{display:block}.welcome-preview-note strong{color:#c9e6e3;font-size:.61rem}.welcome-preview-note small{color:#6c829b;font-size:.52rem;line-height:1.4}
.welcome-resolution-result{max-width:130px;overflow:hidden;text-overflow:ellipsis}.welcome-trace-list{display:grid;gap:6px}.welcome-trace-step{display:grid;grid-template-columns:23px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:8px;border:1px solid rgba(125,155,200,.1);border-radius:9px;background:rgba(5,13,25,.4)}.welcome-trace-step>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#7186a0;background:rgba(125,155,200,.08);font-family:monospace;font-size:.5rem}.welcome-trace-step strong,.welcome-trace-step small{display:block}.welcome-trace-step strong{color:#bfcede;font-size:.58rem}.welcome-trace-step small{color:#647992;font-size:.48rem}.welcome-trace-step>.mud-icon-root{color:#647992;font-size:17px}.welcome-trace-step.accepted{border-color:rgba(80,216,144,.18);background:rgba(80,216,144,.045)}.welcome-trace-step.accepted>span{color:#8ae2b2;background:rgba(80,216,144,.1)}.welcome-trace-step.accepted>.mud-icon-root{color:var(--welcome-green)}.welcome-trace-empty{padding:20px;color:#7c8fa6;text-align:center;font-size:.6rem}.welcome-permission-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.welcome-permission-strip span{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;color:#7990aa;background:rgba(125,155,200,.06);font-size:.48rem}.welcome-permission-strip .mud-icon-root{font-size:13px;color:#6f99c5}
.welcome-validation>header{display:flex;align-items:center;gap:9px}.welcome-validation>header>.mud-icon-root{font-size:24px}.welcome-validation.valid>header>.mud-icon-root{color:var(--welcome-green)}.welcome-validation.invalid>header>.mud-icon-root{color:var(--welcome-red)}.welcome-validation strong,.welcome-validation small{display:block}.welcome-validation strong{color:#d9e6f4;font-size:.67rem}.welcome-validation small{color:#6f839c;font-size:.52rem}.welcome-validation ul{margin:10px 0 0;padding:9px 9px 9px 23px;border-radius:9px;font-size:.53rem;line-height:1.45}.welcome-validation ul.errors{color:#ff9baa;background:rgba(255,107,125,.055)}.welcome-validation ul.warnings{color:#d7a56e;background:rgba(240,163,90,.055)}
@media(max-width:1550px){.welcome-studio-workspace{grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr)}.welcome-preview-column{position:static;grid-column:1/-1;grid-template-columns:minmax(430px,1.3fr) minmax(320px,.7fr)}.welcome-validation{grid-column:2}.welcome-preview{grid-row:span 2}}
@media(max-width:1100px){.welcome-hero{grid-template-columns:1fr}.welcome-hero-stats{justify-self:stretch}.welcome-studio-workspace{grid-template-columns:1fr}.welcome-preview-column{grid-column:auto;grid-template-columns:1fr}.welcome-validation{grid-column:auto}.welcome-preview{grid-row:auto}.welcome-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.welcome-studio-page{padding:10px}.welcome-hero{padding:25px 20px}.welcome-hero-stats{grid-template-columns:1fr}.welcome-toolbar{align-items:flex-start;flex-direction:column}.welcome-toolbar-actions{width:100%;justify-content:flex-start}.welcome-route{grid-template-columns:25px 31px minmax(0,1fr)}.welcome-route-controls{grid-column:2/-1;justify-content:flex-end}.welcome-check-grid,.welcome-form-grid{grid-template-columns:1fr}.welcome-token-rack{grid-template-columns:1fr}.welcome-token-target{grid-column:1}.welcome-embed-fields>div.inline{width:calc(50% - 4px)}}
.welcome-embed-field-value{margin-top:2px;font-size:.53rem;line-height:1.35}.welcome-embed-fields .discord-md-rendered span{display:inline;margin-top:0;font-size:inherit;line-height:inherit}.welcome-embed-fields .discord-md-rendered .discord-md-custom-emoji-frame{display:inline-flex;line-height:1}