/* Welcome and the bundled beginner guide. */
#welcome-dialog{width:650px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;padding:28px;overflow:auto}
#welcome-dialog [hidden]{display:none!important}
#welcome-dialog .dialog-heading{margin-bottom:18px}
#welcome-dialog .eyebrow{letter-spacing:.12em}
#welcome-dialog [data-version]{letter-spacing:normal;color:#aaa;margin-left:8px}
.welcome-beta{display:inline-block;border:1px solid #82704b;border-radius:4px;padding:4px 7px;color:#e8cc91;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
#welcome-dialog h1{font-size:29px;line-height:1.18;margin:14px 0 10px;font-weight:500;letter-spacing:-.025em}
#welcome-dialog h2{font-size:14px;font-weight:600;margin:0 0 7px}
.welcome-intro{font-size:13px;line-height:1.6;color:#c6c6c6;max-width:470px}
.welcome-load{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.welcome-load button{padding:10px 14px}
.welcome-note{font-size:11px;line-height:1.5;color:#aaa}
.welcome-input{border-top:1px solid #494949;margin-top:21px;padding-top:20px}
#welcome-dialog .input-style-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
#welcome-dialog .input-style-options button{padding:10px}
.input-style-options button:disabled{opacity:.45;cursor:not-allowed;background:#292929;border-color:#444}
.welcome-controls{font-size:11px;line-height:1.6;min-height:1.6em;color:#d1d1d1;margin-bottom:4px}
.welcome-fallback{font-size:12px;color:#e8cc91;line-height:1.5}
.welcome-guide-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;border:1px solid #555;border-radius:7px;margin:20px 0;background:#30343a}
.welcome-guide-card p{font-size:12px;margin:0;color:#bbb}
.welcome-guide-card button{white-space:nowrap}
.welcome-footer{border-top:1px solid #494949;padding-top:12px;display:grid;gap:12px}
.welcome-footer>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#bbb}
.coffee-button{display:inline-flex;gap:8px;align-items:center;background:#ffdd00;color:#161616!important;padding:10px 13px;border-radius:5px;font-weight:600;text-decoration:none;white-space:nowrap;font-size:12px}
.coffee-button:hover{background:#ffe749}.coffee-button:focus-visible{outline:2px solid white;outline-offset:3px}
#welcome-dialog.reading-guide{width:850px}
.welcome-guide-content{user-select:text;font-size:14px;line-height:1.7;color:#ddd}
#welcome-dialog .welcome-guide-content h2{font-size:21px;margin:30px 0 10px;color:#fff}
.welcome-guide-content h3{font-size:16px;margin:23px 0 8px;color:#eee}
.welcome-guide-content p{font-size:inherit;line-height:inherit}.welcome-guide-content a{color:#a8cff4}
.welcome-guide-content table{border-collapse:collapse;width:100%;font-size:12px;margin:16px 0}.welcome-guide-content th,.welcome-guide-content td{padding:9px;border:1px solid #555;text-align:left;vertical-align:top}.welcome-guide-content th{background:#373b42}
.welcome-guide-content ul,.welcome-guide-content ol{padding-left:24px}.welcome-guide-content li{margin:7px 0}
@media(max-width:520px){#welcome-dialog{padding:18px}#welcome-dialog h1{font-size:24px}.welcome-footer>div{align-items:flex-start;flex-direction:column}.welcome-guide-card{padding:12px}.welcome-load{flex-direction:column}#welcome-dialog .input-style-options button{padding:8px 5px}#welcome-dialog .input-style-options span{font-size:10px}}