/* GModLab 21.0.5 — публикация материалов и комментарии. */
.submit-page { width: min(1180px,calc(100% - 40px)); display:block; grid-template-columns:none; gap:0; margin:0 auto; padding:38px 0 90px; }
.submit-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:24px; }.submit-back { display:inline-block; margin-bottom:22px; color:#8d9990; font-size:12px; }.submit-back:hover { color:var(--accent); }.submit-hero h1 { margin:7px 0 8px; font:700 clamp(40px,5vw,62px)/1 var(--font-condensed),sans-serif; letter-spacing:-.04em; }.submit-hero p { max-width:720px; margin:0; color:var(--muted); font-size:15px; }.submit-status { display:flex; align-items:center; gap:11px; min-width:235px; padding:13px 15px; border:1px solid #40513b; border-radius:7px; background:#121914; }.submit-status > svg { width:22px; color:var(--accent); }.submit-status b,.submit-status small { display:block; }.submit-status small { margin-top:2px; color:var(--muted); font-size:10px; }
.submit-layout { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:22px; align-items:start; }.submit-layout > * { min-width:0; }.submit-form { display:grid; gap:16px; min-width:0; padding:0; border:0; border-radius:0; background:transparent; }.submit-section { padding:25px; border-radius:9px; background:#111713; }.submit-section > header { display:flex; align-items:flex-start; gap:13px; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--border); }.submit-section > header > span { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#091006; font-weight:900; }.submit-section h2 { margin:0 0 4px !important; font-size:23px; }.submit-section header p { margin:0 !important; color:var(--muted); font-size:12px; }
.submit-fields { display:grid; gap:17px; }.submit-fields.two { grid-template-columns:repeat(2,minmax(0,1fr)); }.submit-fields .wide { grid-column:1/-1; }.submit-fields label,.submit-editor { display:grid; gap:7px; min-width:0; color:#cbd3cd; font-size:12px; font-weight:750; }.submit-fields label > span b,.submit-editor > span b { color:var(--accent); }.submit-fields input,.submit-fields select,.submit-fields textarea,.submit-editor textarea { width:100%; min-height:43px; padding:11px 12px; border:1px solid #344039; border-radius:6px; outline:0; background:#090e0b; color:var(--text); font:inherit; }.submit-fields textarea { min-height:92px; resize:vertical; }.submit-fields label.wide textarea { min-height:105px; }.submit-fields :where(input,select,textarea):focus,.submit-editor textarea:focus { border-color:#73984d; box-shadow:0 0 0 3px rgba(168,255,62,.08); }.submit-fields small { color:#758178; font-size:9px; font-weight:500; }.submit-input-icon { position:relative; }.submit-input-icon > svg { position:absolute; z-index:1; left:12px; top:50%; width:15px; color:#78857b; transform:translateY(-50%); }.submit-input-icon input { padding-left:37px; }
.submit-editor.rich-editor-field { display:block; padding-top:0; border-radius:6px; }.submit-editor > span { display:block; padding:12px 13px 0; }.submit-editor .rich-editor-source { min-height:260px; margin-top:9px; padding:14px; border-top:1px solid var(--border); }.submit-editor-hint { display:flex; align-items:center; gap:8px; margin-top:10px; color:#87938a; font-size:10px; }.submit-editor-hint svg { width:15px; color:var(--accent); }
.submit-upload-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.submit-upload { min-height:155px; display:grid; justify-items:center; align-content:center; gap:5px; padding:18px; border:1px dashed #4d5b50; border-radius:7px; background:#0b100d; text-align:center; cursor:pointer; }.submit-upload:hover { border-color:var(--accent); background:rgba(168,255,62,.035); }.submit-upload.accent { border-color:#65784f; }.submit-upload.wide { grid-column:1/-1; min-height:125px; }.submit-upload input { position:absolute; width:1px; height:1px; opacity:0; }.submit-upload i { width:38px; height:38px; display:grid; place-items:center; border-radius:7px; background:#19221b; color:var(--accent); }.submit-upload svg { width:20px; }.submit-upload strong,.submit-upload span,.submit-upload small { display:block; }.submit-upload span { color:#aeb8b0; font-size:10px; }.submit-upload small { color:#6f7b72; font-size:9px; }.version-fields { margin-top:17px; }.version-fields textarea { min-height:70px; }
.submit-actions { width:100%; min-height:0; display:flex; align-items:center; justify-content:flex-start; gap:20px; margin:0; padding:19px 22px 19px 0; border:1px solid #40513b; border-left:0; border-radius:0 8px 8px 0; background:#121914; }.submit-actions > div { display:flex; align-items:center; justify-content:flex-start; gap:10px; margin-right:auto; padding-left:0; text-align:left; }.submit-actions > div svg { width:20px; color:var(--accent); }.submit-actions b,.submit-actions small { display:block; text-align:left; }.submit-actions small { color:var(--muted); font-size:10px; }.submit-actions button { min-width:220px; margin-left:auto; }
.submit-sidebar { position:sticky; top:80px; display:grid; gap:14px; }.submit-sidebar .php-panel { padding:22px; border-radius:8px; }.submit-sidebar h3 { display:flex; align-items:center; gap:10px; margin:0 0 20px !important; font-size:18px; }.submit-sidebar h3 svg { width:20px; color:var(--accent); }.submit-sidebar ol,.submit-sidebar ul { margin:0 !important; padding:0 !important; list-style:none; }.submit-sidebar ol { display:grid; }.submit-sidebar ol li { position:relative; display:flex; gap:13px; margin:0 !important; padding:0 0 21px !important; }.submit-sidebar ol li:last-child { padding-bottom:0 !important; }.submit-sidebar ol li:after { content:""; position:absolute; left:15px; top:34px; bottom:4px; width:1px; background:#3b493f; }.submit-sidebar ol li:last-child:after { display:none; }.submit-sidebar ol li > span { z-index:1; width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border:1px solid #526057; border-radius:50%; background:#111713; color:#8f9b92; font-size:11px; }.submit-sidebar ol li.active > span { border-color:var(--accent); background:var(--accent); color:#091006; }.submit-sidebar ol b,.submit-sidebar ol small { display:block; }.submit-sidebar ol b { font-size:14px; line-height:1.35; }.submit-sidebar ol small { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.45; }.submit-help li { position:relative; margin:10px 0 !important; padding-left:21px !important; color:#aab4ac; font-size:12px; line-height:1.5; }.submit-help li:before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:900; }.submit-notice { display:flex; gap:12px; padding:17px; border:1px solid #3d4b41; border-radius:7px; background:#0f1511; }.submit-notice > svg { width:21px; height:21px; flex:0 0 21px; color:var(--accent); }.submit-notice p { margin:0; }.submit-notice b,.submit-notice span { display:block; }.submit-notice b { font-size:13px; line-height:1.35; }.submit-notice span { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.55; }

.material-comments { margin-top:42px; padding:34px 0 10px; border-top:1px solid var(--border); scroll-margin-top:90px; }.material-comments > header { display:flex; justify-content:space-between; margin-bottom:18px; }.material-comments h2 { display:flex; align-items:center; gap:9px; margin:5px 0 !important; font:700 32px/1.15 var(--font-condensed),sans-serif; }.material-comments h2 svg { width:25px; color:var(--accent); }.material-comments h2 b { min-width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:rgba(168,255,62,.1); color:var(--accent); font:700 11px var(--font-inter); }.material-comments > header p { margin:0; color:var(--muted); }
.comment-compose { display:grid !important; grid-template-columns:46px minmax(0,1fr) !important; gap:14px !important; padding:18px !important; border-radius:8px !important; }.comment-avatar { width:42px; height:42px; display:grid; place-items:center; border:1px solid #526148; border-radius:50%; background:#172019; color:var(--accent); font-weight:850; overflow:hidden; }.comment-avatar img { width:100%; height:100%; object-fit:cover; }.comment-compose-body { min-width:0; }.comment-compose-body label { display:block; margin-bottom:7px; font-weight:750; }.comment-compose-body textarea { width:100%; min-height:105px; padding:12px; border:1px solid #344039; border-radius:6px; outline:0; background:#090e0b; color:var(--text); resize:vertical; }.comment-compose-body textarea:focus { border-color:var(--accent); }.comment-compose-body > div { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:9px; }.comment-compose-body small { color:var(--muted); }.comment-compose-body button { align-self:auto !important; }
.comment-login { display:flex; align-items:center; gap:14px; padding:18px !important; border-radius:8px !important; }.comment-login > svg { width:30px; color:var(--accent); }.comment-login > div { flex:1; }.comment-login h3,.comment-login p { margin:0 !important; }.comment-login p { color:var(--muted); }.comment-list { display:grid; gap:9px; margin-top:16px; }.comment-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:13px; padding:17px !important; border-radius:8px !important; }.comment-card header { display:flex; align-items:center; justify-content:space-between; gap:15px; }.comment-card time { color:var(--muted); font-size:10px; }.comment-card p { margin:8px 0 0 !important; color:#cbd3cd; white-space:normal; overflow-wrap:anywhere; }.comment-empty { display:grid; justify-items:center; padding:35px; text-align:center; color:var(--muted); }.comment-empty svg { width:30px; color:#647168; }.comment-empty h3 { margin:10px 0 3px; color:var(--text); }.comment-empty p { margin:0; }

@media(max-width:980px){.submit-layout{grid-template-columns:1fr}.submit-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.submit-sidebar > :first-child{grid-row:span 2}.submit-hero{align-items:flex-start;flex-direction:column}.submit-status{min-width:0}.submit-page{width:min(100% - 24px,1180px)}}
@media(max-width:620px){.submit-fields.two,.submit-upload-grid,.submit-sidebar{grid-template-columns:1fr}.submit-fields .wide,.submit-upload.wide{grid-column:auto}.submit-section{padding:18px}.submit-actions{align-items:stretch;flex-direction:column}.submit-actions button{width:100%;min-width:0}.comment-compose{grid-template-columns:1fr !important}.comment-compose .comment-avatar{display:none}.comment-compose-body > div,.comment-login{align-items:stretch;flex-direction:column}.comment-compose-body button{width:100%}.comment-card header{align-items:flex-start;flex-direction:column;gap:3px}}