.studio{padding-block:52px 80px}.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px}.studio-heading h1{font-family:var(--display);font-size:clamp(60px,7vw,96px);line-height:1;text-transform:uppercase;margin:18px 0 10px;font-weight:600}.studio-heading h1>span{color:#777}.studio-heading p{color:#aaa;margin:0;font-size:16px}.studio-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}.editor-card,.discord-preview,.publish-card,.json-details,.dashboard-section{background:#121212d9;border:1px solid #333;padding:28px;backdrop-filter:blur(15px)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.card-heading h2,.card-heading h3{font:500 22px var(--font);text-transform:none;margin:0;line-height:1.4}.card-heading>span{font-size:12px;color:#999;letter-spacing:.05em}label{display:flex;flex-direction:column;gap:9px;color:#bbb;font-size:14px;margin-bottom:20px}input,textarea,select{width:100%;font:400 16px var(--font);background:#0a0a0a;color:#eee;border:1px solid #393939;border-radius:0;padding:12px;min-height:46px;outline:none}input:focus,textarea:focus,select:focus{border-color:#ddd;box-shadow:0 0 0 2px #ffffff09}textarea{resize:vertical}input[type=color]{padding:7px;height:48px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:#ddd;flex-shrink:0}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.small-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #454545;background:transparent;color:#ddd;padding:9px 12px;font-size:13px;min-height:38px;cursor:pointer;line-height:1.4}.small-button:hover{border-color:#aaa;background:#ffffff08}.button:disabled,.small-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}button:disabled::after{display:none}.field-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.field-header h3{font-size:17px;font-weight:500}.embed-field-editor{padding:18px;background:#191919;border:1px solid #333;margin-bottom:16px}.embed-field-editor .checkbox-label{margin:0}.field-bottom{display:flex;justify-content:space-between;gap:15px}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #333}.import-label{margin:0}.studio-status{font-size:14px;color:#bbb;min-height:22px;overflow-wrap:anywhere}.studio-status.error{color:#f6aaaa}.preview-sticky{position:sticky;top:115px}.discord-preview{background:#2b2d31;padding:25px;min-height:250px}.discord-message-header{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:18px}.discord-message-header img{border-radius:50%}.discord-message-header>span:last-child{font-size:12px;color:#a4a7ad;margin-left:auto}#preview-content{white-space:pre-wrap;margin:0 0 14px 50px;overflow-wrap:anywhere;font-size:16px}#embed-preview{position:relative;background:#232428;border-left:4px solid #eee;padding:20px;margin-left:50px;overflow-wrap:anywhere;min-height:80px}#render-title{font-size:19px;line-height:1.45;margin:8px 0;color:#fff}#render-title a{color:#86b8fa}#render-description{font-size:15px;line-height:1.6;margin:10px 0;white-space:pre-wrap}#render-author{font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}#render-author img{width:24px;height:24px;border-radius:50%}#render-thumbnail{width:65px;height:65px;object-fit:contain;float:right;margin:0 0 12px 12px}#render-image{width:100%;height:auto;max-height:330px;object-fit:contain;margin-top:18px}#render-footer{font-size:12px;color:#b1b4ba;white-space:pre-wrap;margin-top:20px}#render-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin-top:18px}.render-field{grid-column:1/-1;font-size:14px;white-space:pre-wrap}.render-field.inline{grid-column:auto}.render-field strong{display:block;margin-bottom:5px;color:#fff}.preview-note{font-size:12px;color:#aaa;line-height:1.7}.json-details{padding:16px 20px;font-size:14px;margin-block:20px}.json-details summary{cursor:pointer}.json-details pre{font:12px/1.6 monospace;overflow:auto;max-height:350px;white-space:pre-wrap;overflow-wrap:anywhere}.publish-card h3{font-weight:500;font-size:21px;margin:0 0 12px}.publish-card>p{font-size:14px;color:#aaa}.publish-card .button{width:100%}.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #393939;background:#121212;padding:17px 22px;margin-bottom:25px;font-size:14px;color:#bbb}.connection-bar>div{display:flex;align-items:center;gap:16px}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.dashboard-sidebar{background:#101010bd;border:1px solid #292929;padding:20px;height:fit-content;position:sticky;top:115px}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:5px}.dashboard-sidebar nav button,.dashboard-sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:0;color:#aaa;font-size:14px;padding:12px;text-align:left}.dashboard-sidebar nav button.active{background:#eee;color:#111}.dashboard-sidebar nav button:hover:not(.active),.dashboard-sidebar nav a:hover{background:#ffffff08;color:white}.dashboard-sidebar nav span{font-size:12px;color:#777}.dashboard-sidebar>p{color:#888;font-size:12px;padding-top:16px;border-top:1px solid #292929;margin-top:20px}.server-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.server-summary h2{font:500 30px var(--font);line-height:1.4;text-transform:none;margin:9px 0 0;overflow-wrap:anywhere}.license-badge{font-size:12px;border:1px solid #4d4d4d;color:#bbb;padding:7px 10px;white-space:nowrap}.section-help{color:#aaa;font-size:14px;margin:0 0 24px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.module-card{display:flex;align-items:flex-start;gap:16px;border:1px solid #333;background:#191919;padding:20px}.module-card label{margin:0;flex:1;cursor:pointer}.module-card strong{color:#eee;font-size:16px;font-weight:500}.module-card p{font-size:13px;color:#999;margin:5px 0 0}.module-card input{margin-top:4px}.save-bar{display:flex;align-items:center;justify-content:space-between;padding:22px;border:1px solid #303030;border-top:0;background:#111;gap:20px}.save-bar>span{font-size:13px;color:#aaa}.license-form{display:flex;align-items:flex-end;gap:15px;border-top:1px solid #333;margin-top:25px;padding-top:25px}.license-form label{margin:0;flex:1}.license-form button{margin-bottom:4px}.custom-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:#191919;border:1px solid #333;margin-bottom:12px}.custom-row strong{font:16px monospace}.custom-row p{font-size:14px;color:#aaa;margin:6px 0 0;overflow-wrap:anywhere}.custom-row>div{min-width:0}.custom-row .small-button{flex-shrink:0}#custom-form{margin-top:30px;border-top:1px solid #333;padding-top:25px}[hidden]{display:none!important}.studio-heading .text-link{white-space:nowrap}
@media(max-width:1100px){.header nav{gap:18px;font-size:12px}.dashboard-layout{grid-template-columns:205px 1fr}.studio-layout{gap:20px}.editor-card,.publish-card,.dashboard-section{padding:22px}#embed-preview{margin-left:0}#preview-content{margin-left:0}}
@media(max-width:820px){.studio-layout{grid-template-columns:1fr}.preview-sticky{position:static}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}.dashboard-sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap}.dashboard-sidebar nav button,.dashboard-sidebar nav a{padding:10px}.dashboard-sidebar nav span{display:none}.dashboard-sidebar>p{display:none}.dashboard-sidebar label{max-width:350px}.studio-heading{align-items:flex-start;flex-direction:column}.studio-heading h1{font-size:72px}.studio{padding-top:35px}.connection-bar{flex-wrap:wrap}.connection-bar>div{flex-wrap:wrap}.server-summary{align-items:flex-start;flex-wrap:wrap}.save-bar{flex-wrap:wrap}.save-bar .button{width:100%}.module-grid{grid-template-columns:1fr}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.studio-heading h1{font-size:60px}.editor-card,.discord-preview,.publish-card,.dashboard-section{padding:18px}.discord-message-header>span:last-child{display:none}.card-heading{gap:10px}.card-heading h2{font-size:20px}.card-heading>span{font-size:10px}.editor-actions .button{width:100%}.license-form{align-items:stretch;flex-direction:column}#render-fields{grid-template-columns:1fr}.render-field.inline{grid-column:1/-1}}
@keyframes studio-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.studio-heading{animation:studio-arrive .7s ease both}.editor-card,.preview-column,.dashboard-sidebar,.dashboard-main{animation:studio-arrive .85s ease both;animation-delay:.1s}.preview-column,.dashboard-main{animation-delay:.2s}.dashboard-section:not([hidden]){animation:studio-arrive .35s ease both}.editor-card,.publish-card,.module-card{transition:border-color .3s,box-shadow .3s}.editor-card:hover,.publish-card:hover{border-color:#575757;box-shadow:0 0 55px #ffffff05}.module-card:hover{border-color:#777}.studio-heading h1{background:linear-gradient(100deg,#eee 20%,#999 40%,#eee 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-sheen 16s ease-in-out infinite}
.module-card:has(input:checked){border-color:#757575;background:linear-gradient(120deg,#262626,#161616)}.module-card:has(input:checked) strong{color:white}.publish-card .button:not(:disabled){box-shadow:0 0 30px #ffffff08}.discord-preview{transition:box-shadow .45s}.discord-preview:hover{box-shadow:0 0 45px #ffffff08}