/* Ventus Roleplay – duidelijke koppen, logische stappen en leesbare bediening */
:root{--vr-line:#28517a;--vr-cyan:#43c8ff;--vr-card:#101e38}
#panel .topline{padding:12px 0 20px;border-bottom:1px solid #22466a;margin-bottom:24px}
#panel .topline h1{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;letter-spacing:-.03em}
#panel .topline p{color:#bed6ec;max-width:680px}
#control-hub{border:1px solid #235b90!important;box-shadow:0 16px 55px #02071177}
#control-hub-heading{font-size:clamp(1.6rem,2.8vw,2.15rem)!important;line-height:1.15}
.hub-section-header{margin:24px 0 14px;border-top:1px solid #245078;padding-top:23px}
.hub-section-header h3{font-size:1.42rem;margin:5px 0;color:#eef9ff}
.hub-section-header p{margin:3px 0 10px;color:#bdd5ea}
.hub-small-label{font-size:.72rem;letter-spacing:.16em;color:#45c5ff;font-weight:800}
.hub-studio-shortcut{outline:1px solid #2a9ed8;background:linear-gradient(115deg,#17385c,#0a2b4c)!important}
.studio-panel{padding:clamp(17px,3vw,33px)!important;border-radius:22px!important}
.studio-panel-header{padding:10px 0 17px;border-bottom:1px solid #2b577e}
.studio-panel-header p{color:#c3def2;max-width:670px;font-size:1rem;line-height:1.6}
.studio-panel .studio-guide{margin:22px 0 26px;align-items:center}
.studio-guide-title{font-size:.83rem;color:#a8c8dd;margin-right:8px}
.studio-guide a{display:inline-flex;align-items:center;min-height:40px;border-radius:10px}
.studio-guide a:hover,.studio-guide a:focus-visible{background:#20567e;outline:2px solid #42c7ff;outline-offset:2px}
.studio-quickstart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 0 6px}
.studio-step{display:flex;align-items:flex-start;gap:13px;padding:16px;background:#102e4c;border:1px solid #34648f;border-radius:15px}
.studio-step>span{font-weight:900;color:#06192e;background:#4cc8ff;border-radius:9px;padding:4px 8px;font-size:.82rem}
.studio-step strong{font-size:.96rem;line-height:1.3;display:block;color:#fff}
.studio-step small{font-size:.78rem;line-height:1.5;color:#b9d6e9;display:block;margin-top:5px}
.studio-panel .studio-card{margin:30px 0;padding:clamp(16px,2.5vw,28px);border:1px solid #335b84;border-radius:18px;background:linear-gradient(130deg,#0c1d37,#0b1930)}
.studio-panel .studio-card h3{font-size:clamp(1.25rem,2.1vw,1.62rem);line-height:1.25;margin-bottom:12px;color:#f4fbff;display:flex;align-items:center;gap:12px}
.studio-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid #2385c3;background:#103e66;color:#5bd1ff;font-weight:900;border-radius:12px;font-size:.85rem}
.studio-panel .studio-card>p{max-width:780px;color:#bcd5ec;line-height:1.65}
.studio-panel .studio-context{font-size:.9rem;background:#103452;border-left:3px solid #40bfff;border-radius:5px;padding:10px 14px;margin:12px 0 22px}
.studio-text-grid{max-height:570px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px 20px;padding:9px}
.studio-text-group{grid-column:1/-1;position:relative;background:#142f4e;margin:12px 0 0;border-left:4px solid #25b9ff;padding:13px;border-radius:8px;font-size:1.08rem;color:#e8f9ff}
.studio-text-field{border:1px solid #284b71;background:#0c243f;padding:13px 14px;border-radius:12px}
.studio-text-field label{font-weight:700;color:#d1e7f7;line-height:1.45;display:block;margin-bottom:8px}
.studio-text-field textarea{width:100%;border:1px solid #3b6691;background:#07162b;color:#fff;min-height:82px}
.studio-panel input:focus-visible,.studio-panel textarea:focus-visible,.studio-panel select:focus-visible{outline:2px solid #37c9ff;outline-offset:2px}
.studio-panel button:not(.secondary){font-weight:800}
.studio-panel .studio-card>button,.studio-panel .studio-card form button[type=submit]{min-height:44px;padding:11px 20px}
.studio-sort-row strong{color:#f4fcff}.studio-sort-row{background:#122c4b}
.studio-panel .studio-block-entry{background:#112742;border:1px solid #2d5075;border-radius:12px;margin:8px 0}
@media(max-width:820px){.studio-quickstart{grid-template-columns:1fr}.studio-panel-header{flex-direction:column}.studio-text-grid{grid-template-columns:1fr}}