/* Create page in the classic Roblox Develop layout */
.dv{background:var(--surface);border-radius:2px;padding:6px 8px 40px;min-height:420px}
.dv-tabs{display:flex;gap:4px;border-bottom:1px solid #b8babe;padding:0 2px}
.dv-tab{position:relative;top:1px;padding:8px 13px 7px;font-size:15px;font-weight:700;color:#191919;background:#d4d4d4;border:1px solid #b8babe;border-bottom:0;text-decoration:none}
.dv-tab:hover{background:#e3e3e3;text-decoration:none}
.dv-tab.selected{color:#00a2ff;background:var(--surface);box-shadow:inset 0 -3px 0 #00a2ff;border-color:#b8babe}
.dv-body{display:flex;gap:10px;padding-top:18px}
.dv-side{flex:0 0 132px;display:flex;flex-direction:column;border-right:1px solid #d4d4d4;align-self:flex-start}
.dv-side a{padding:4px 10px;font-size:15px;color:inherit;text-decoration:none}
.dv-side a:hover{background:rgba(0,0,0,.05)}
.dv-side a.selected{font-weight:700;background:#e3e3e3;border:1px solid #d4d4d4;border-right:0}
.dv-group{margin:0 6px 8px 0;padding:4px;font:inherit;font-size:13px;color:inherit;background:var(--surface);border:1px solid #b8babe;border-radius:2px}
.dv-main{flex:1;min-width:0;padding-left:2px}
.dv-title{margin:6px 0 16px;font-size:28px;font-weight:600}
.dv-green{display:inline-block;padding:5px 15px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(#3ab33a,#1f8e1f);border:1px solid #1a7c1a;border-radius:2px;cursor:pointer}
.dv-green:hover{background:linear-gradient(#45c445,#24a024)}
.dv-green:disabled{opacity:.55;cursor:default}
.dv-empty{margin:0;font-size:14px}
.dv-upload{margin:0 0 20px;padding:12px 14px;border:1px solid #d4d4d4;border-radius:2px}
.dv-upload h2{margin:0 0 4px;font-size:18px}
.dv-help{margin:0 0 10px;font-size:13px;color:var(--muted)}
.dv-upload-grid{display:flex;gap:16px;flex-wrap:wrap}
.dv-fields{display:grid;grid-template-columns:150px minmax(0,320px);gap:8px 10px;align-items:center;flex:1}
.dv-fields label{font-size:14px}
.dv-fields input[type=text],.dv-fields input:not([type]),.dv-fields input[type=number],.dv-fields textarea{width:100%;box-sizing:border-box;padding:4px 6px;font:inherit;font-size:14px;color:inherit;background:var(--surface);border:1px solid #b8babe;border-radius:2px}
.dv-price{display:flex;align-items:center;gap:10px}.dv-price input{max-width:110px}.dv-price span{font-size:13px;color:var(--muted)}
.dv-fields .dv-green{grid-column:2;justify-self:start}
.dv-fields .form-error{grid-column:1/-1;margin:0}
.dv-preview{width:150px;height:150px;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);border:1px solid #d4d4d4}
.dv-preview img{max-width:100%;max-height:100%}
.dv-list{display:flex;flex-direction:column}
.dv-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e3e3e3}
.dv-thumb{flex:none;width:70px;height:70px;display:block;background:rgba(0,0,0,.04)}
.dv-thumb img,.dv-thumb .roblox-thumbnail{width:100%;height:100%;object-fit:contain;display:block}
.dv-info{flex:1;min-width:0;font-size:13px}.dv-info p{margin:3px 0 0}
.dv-name{font-size:15px;font-weight:700;color:inherit}
.dv-stats{color:var(--muted)}
.dv-gear{padding:4px 10px;font:inherit;font-size:13px;color:inherit;background:var(--surface);border:1px solid #b8babe;border-radius:2px;cursor:pointer}
.dv .project-row{margin:0 0 8px}
@media(max-width:700px){.dv-body{flex-direction:column}.dv-side{flex:none;align-self:stretch;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #d4d4d4}.dv-side a.selected{border:1px solid #d4d4d4}.dv-fields{grid-template-columns:1fr}.dv-fields .dv-green{grid-column:1}}
body.dark .dv-tab{color:#e8e8e8;background:#2f3134;border-color:#4a4d50}
body.dark .dv-tab:hover{background:#393b3d}
body.dark .dv-tab.selected{color:#4dbbff;background:var(--surface)}
body.dark .dv-tabs{border-color:#4a4d50}
body.dark .dv-side{border-color:#4a4d50}
body.dark .dv-side a:hover{background:rgba(255,255,255,.06)}
body.dark .dv-side a.selected{background:#393b3d;border-color:#4a4d50}
body.dark .dv-upload,body.dark .dv-preview{border-color:#4a4d50}
body.dark .dv-row{border-color:#393b3d}
body.halloween .dv-tab.selected{color:#ffb15c;box-shadow:inset 0 -3px 0 #f07b16}