.content-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:23px}.content-overview>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-overview strong{font-size:12px}.content-overview small{font-size:10px;color:var(--muted)}.content-overview-actions{display:flex;align-items:center;gap:18px}.customize-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.customize-work{min-width:0}.content-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.content-tab{background:#1a1e26;border:1px solid var(--line);color:#aab3c4;border-radius:7px;padding:10px 12px;font-size:11px;cursor:pointer}.content-tab.active{color:var(--lime);border-color:#d6f27765;background:#d6f2770c}#content-fields{border:0;padding:0;margin:0;min-width:0}#content-editor>h2{font-size:21px;font-weight:550;margin:0 0 7px}.section-help{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 22px}.section-options,.content-history{border:1px solid var(--line);border-radius:9px;padding:15px 18px;margin:18px 0;background:#14181f}.section-options>summary,.content-history>summary{cursor:pointer;font-size:12px;font-weight:550}.section-options[open]>summary{margin-bottom:20px}.content-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;min-width:0}.content-field{min-width:0}.content-field label,.content-field-title{font-size:11px;color:#adb6c5;font-weight:450;margin:0 0 8px;display:block}.content-field input,.content-field select{width:100%;min-width:0;font-size:12px;padding:10px 11px;background:#12161d}.content-field small{color:var(--muted);font-size:11px;line-height:1.7}.content-field.wide,.content-group,.content-array{grid-column:1/-1}.toggle-field{display:flex;align-items:center;gap:10px;min-height:37px}.toggle-field input{appearance:none;width:32px;height:19px;min-width:32px;padding:0;background:#343b47;border:1px solid #475263;border-radius:20px;position:relative;cursor:pointer}.toggle-field input:before{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#a5b0c1;transition:transform .12s}.toggle-field input:checked{background:var(--lime);border-color:var(--lime)}.toggle-field input:checked:before{transform:translateX(13px);background:#273022}.toggle-field label{margin:0;cursor:pointer;color:#d3d8e1;line-height:1.5}.content-media-input{display:flex;gap:10px;align-items:center}.content-media-input .text-button{flex-shrink:0;font-size:10px;color:var(--lime)}.content-group{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.content-group h3{margin:0 0 20px;font-size:14px}.array-heading{display:flex;align-items:center;gap:9px;margin:25px 0 13px}.array-heading h3{font-size:13px;font-weight:550;margin:0}.array-heading .count{font-size:10px;padding:3px 6px}.array-heading .button{margin-left:auto;padding:7px 12px;font-size:11px}.content-item{border:1px solid #303744;border-radius:9px;background:var(--panel);margin-bottom:9px;overflow:hidden}.content-item>summary{display:flex;align-items:center;gap:12px;padding:13px;cursor:pointer;list-style:none}.content-item>summary::-webkit-details-marker{display:none}.content-item[open]{border-color:#d6f27760}.content-item[open]>summary{background:#d6f27706;border-bottom:1px solid var(--line)}.item-thumb{width:42px;height:46px;flex:0 0 42px;overflow:hidden;border-radius:6px;background:#242b35;display:grid;place-items:center;color:#a8b398}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-info{min-width:0}.item-info strong{font-size:12px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info small{display:block;color:#8590a2;font-size:10px;margin-top:6px}.item-actions{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.item-action{background:#232936;border:1px solid #353e4e;border-radius:5px;color:#c4ccda;font-size:12px;padding:5px 8px;cursor:pointer}.item-action.remove{font-size:9px;background:transparent;color:#a89b9d;border-color:transparent}.item-action:hover{border-color:var(--lime)}button:disabled{opacity:.45;cursor:default}.item-fields{padding:20px}.is-disabled>.summary,.is-disabled .item-thumb{opacity:.45}.content-logo-field+.content-logo-field{margin-top:14px}.content-empty{padding:25px;background:#161b23;border:1px dashed #394254;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.7}.content-warning{font-size:12px;line-height:1.7;color:var(--gold);border:1px solid #ebc27a40;background:#ebc27a0a;padding:14px 17px;border-radius:8px}.preview-panel{position:sticky;top:22px;background:#171c22;border:1px solid var(--line);border-radius:11px;padding:19px;overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between}.preview-panel>p{font-size:11px;line-height:1.7;color:var(--muted)}.preview-panel>label{font-size:10px;color:#9ca9b8}.preview-panel>input{font-size:11px;padding:8px 10px;margin:6px 0 16px;width:100%}.preview-device{border:1px solid #3a4454;border-radius:14px;overflow:hidden;background:#0e1219;min-height:250px;max-height:64vh;overflow-y:auto}.preview-brand{background:#171e29;padding:17px;color:#e4c477;font-size:23px;font-weight:750;display:flex;align-items:center;justify-content:space-between}.preview-brand span{font-size:7px;color:#8d97a7;letter-spacing:1px;font-weight:500}#content-preview{padding:12px}#content-preview h3{font-size:12px;margin:17px 0 10px}#content-preview h3:first-child{margin-top:3px}.preview-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preview-card{position:relative;min-width:0;border:1px solid #303a4a;border-radius:8px;background:linear-gradient(145deg,#253041,#141c28);overflow:hidden;margin-bottom:5px}.preview-art{position:relative;aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;background:#1b2432}.preview-art img{width:100%;height:100%;object-fit:cover}.preview-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.preview-card.playing video{opacity:1}.preview-card>strong{display:block;padding:7px 6px;font-size:9px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}.preview-category .preview-art{aspect-ratio:1}.preview-category img{object-fit:contain}.preview-category>strong{font-size:13px;padding:10px 10px 0}.preview-category>small{display:block;color:#e4c477;font-size:8px;padding:7px 10px 12px}.preview-placeholder{color:#7d8b9e;font-size:10px;text-align:center;padding:10px}.preview-video-label{position:absolute;top:6px;right:6px;z-index:2;font-size:8px;background:#101722dd;border:1px solid #58657c70;padding:4px 5px;border-radius:4px;color:var(--lime)}.preview-banner .preview-art{aspect-ratio:1600/345}.preview-menu .preview-art{aspect-ratio:1}.preview-social{padding:13px;border:1px solid var(--line);border-radius:7px;background:#1a222d;font-size:10px;margin:8px 0;overflow-wrap:anywhere}.preview-empty{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.7;padding:15px 5px}.preview-tip{color:#8592a6;display:block;font-size:10px;line-height:1.7;margin-top:13px}.content-publish{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#141920f5;backdrop-filter:blur(14px);border:1px solid #3d4653;border-radius:10px;margin-top:23px;padding:17px 20px;box-shadow:0 -8px 30px #0002}.content-publish strong{display:block;font-size:12px}.content-publish small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.content-history{margin-top:24px}.content-history p{font-size:11px;color:var(--muted);line-height:1.8}.content-revisions{display:flex;gap:12px}.content-revisions select{flex:1;min-width:0;font-size:12px}#media-dialog{width:min(900px,94vw);max-height:89vh;background:#151a23;color:var(--text);border:1px solid #404a5b;border-radius:15px;padding:25px;box-shadow:0 25px 100px #0008}#media-dialog::backdrop{background:#05090ec9;backdrop-filter:blur(5px)}.media-dialog-head{display:flex;align-items:center;justify-content:space-between}.media-dialog-head h2{margin:8px 0 0;font-size:24px;font-weight:550;letter-spacing:-.5px}#media-dialog>p{font-size:11px;line-height:1.8;color:var(--muted)}.media-upload-area{display:flex;align-items:center;gap:15px;border:1px dashed #495847;border-radius:9px;background:#d6f27705;padding:20px;margin:20px 0 10px}.media-upload-area label{margin:0;cursor:pointer}.media-upload-area span{font-size:10px;color:#a6b098}#media-progress{width:100%;height:5px;accent-color:var(--lime)}#media-status{color:var(--lime)!important;min-height:16px;overflow-wrap:anywhere}.media-filters{display:flex;gap:12px;margin:15px 0}.media-filters input{flex:1;min-width:0}.media-filters input,.media-filters select{font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.media-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;padding-bottom:12px;background:#1b222e;min-width:0}.media-art{aspect-ratio:1;background:repeating-conic-gradient(#1c2430 0% 25%,#25303d 0% 50%) 0 0/18px 18px}.media-art img,.media-art video{width:100%;height:100%;object-fit:contain}.media-card>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;padding:12px 10px 4px}.media-card>small{display:block;font-size:9px;color:var(--muted);padding:0 10px 12px}.media-card>.button,.media-card>.text-button{margin:0 10px;font-size:10px;padding:7px}.media-note{border-top:1px solid var(--line);padding-top:15px}.content-array .content-array .item-thumb{width:32px;height:38px;flex-basis:32px}.content-array .content-array .item-actions{gap:1px}.content-array .content-array .item-action{padding:5px 6px}
@media(max-width:1350px){.customize-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.content-fields{grid-template-columns:1fr}.content-field.wide{grid-column:auto}.content-media-input{flex-wrap:wrap}.content-media-input input{flex:1;min-width:150px}.item-action.remove{padding:4px}.content-overview{align-items:flex-start}.content-overview-actions{gap:10px}}
@media(max-width:1050px){.customize-layout{grid-template-columns:1fr}.preview-panel{position:static}.preview-device{max-height:600px;max-width:380px;margin:auto}.preview-panel>input{max-width:380px}.preview-panel>label{display:block}.content-fields{grid-template-columns:1fr 1fr}.content-field.wide{grid-column:1/-1}}
@media(max-width:760px){.sidebar nav{overflow-x:auto;justify-content:flex-start}.nav-button{flex:0 0 auto;white-space:nowrap}.content-overview{flex-direction:column;gap:12px}.content-overview-actions{width:100%;justify-content:space-between}.content-tabs{gap:5px}.content-tab{font-size:10px;padding:9px}.content-fields{grid-template-columns:1fr}.content-field.wide{grid-column:auto}.item-fields{padding:15px}.item-info strong{max-width:145px}.item-actions{gap:3px}.item-action{font-size:11px;padding:5px}.content-item>summary{gap:8px;padding:10px}.item-thumb{width:32px;height:37px;flex-basis:32px}.content-publish{align-items:stretch;flex-direction:column;padding:15px;bottom:8px}.content-publish .button{width:100%}.content-publish small{line-height:1.7}.content-revisions{flex-direction:column}#media-dialog{padding:18px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-area{padding:14px;flex-direction:column;align-items:flex-start}.media-filters{gap:7px}.media-filters select{max-width:125px}.content-array .content-array .item-info strong{max-width:110px}}
@media(prefers-reduced-motion:reduce){.toggle-field input:before{transition:none}}

.media-paste-hint{margin:10px 0 16px}.media-paste-hint kbd{display:inline-block;padding:1px 5px;border:1px solid #455064;border-radius:4px;background:#242d3a;color:var(--text);font:inherit}