/* DeviantArt publishing form (js/da-publish.js), site v2 look. */
.dp{--dp-cyan:var(--v2-cyan,#1fc9f1);--dp-line:var(--v2-line,rgba(110,170,255,.2));--dp-ink:var(--v2-ink,#e9f3ff);--dp-muted:var(--v2-muted,rgba(214,229,250,.68));
  --dp-inset:rgba(5,10,28,.72);--dp-font:var(--v2-font,'Montserrat',system-ui,sans-serif);display:grid;gap:14px;margin-top:6px;font-family:var(--dp-font);color:var(--dp-ink)}
.dp *{box-sizing:border-box}
.dp [hidden]{display:none!important}
.dp-section{display:grid;gap:10px;padding:16px;border:1px solid var(--dp-line);border-radius:14px;background:linear-gradient(160deg,rgba(12,22,52,.55),rgba(5,10,28,.8))}
.dp-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.dp-section__head h3{margin:0;font-size:15px;font-weight:800;color:#fff;text-transform:none;letter-spacing:-.01em}
.dp-section__head h3::before{display:none!important}
.dp-subhead{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}
.dp-subhead h4{margin:0;font-size:13px;font-weight:800;color:#fff}
.dp-muted{margin:0;color:var(--dp-muted);font-size:12px;line-height:1.5}
.dp-input{width:100%;min-height:40px;padding:8px 12px;border:1px solid rgba(110,170,255,.25);border-radius:10px;background:rgba(2,6,18,.85);color:var(--dp-ink);font:600 13px var(--dp-font)}
.dp-input:focus{outline:none;border-color:var(--dp-cyan);box-shadow:0 0 0 3px rgba(31,201,241,.15)}
.dp-field{display:grid;gap:5px;min-width:0}
.dp-field__label{font-size:12px;font-weight:700;color:var(--dp-muted)}
.dp-field__hint{font-size:11px;line-height:1.4;color:rgba(214,229,250,.5)}
.dp-grid3{display:grid;grid-template-columns:1.4fr 1.4fr .7fr;gap:10px}
.dp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dp-row .dp-preset{flex:1 1 220px;width:auto}
.dp .btn{min-height:40px;margin:0;border-radius:10px;font:800 13px var(--dp-font);text-transform:none;letter-spacing:0}
.dp-danger:hover{border-color:rgba(255,110,130,.6)!important}
.dp-inline{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px dashed rgba(111,227,255,.3);border-radius:12px;background:rgba(31,201,241,.04)}
.dp-inline .dp-input{flex:1 1 220px;width:auto}

/* files */
.dp-drop{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:1.5px dashed rgba(111,227,255,.3);border-radius:12px;background:rgba(5,10,28,.5);color:var(--dp-muted);font-size:13px}
.dp-drop.is-over{border-color:var(--dp-cyan);background:rgba(31,201,241,.08)}
.dp-clear{margin-left:auto!important}
.dp-files{display:grid;gap:8px}
.dp-file{display:grid;grid-template-columns:64px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:8px;border:1px solid rgba(110,170,255,.18);border-radius:12px;background:var(--dp-inset)}
.dp-file__thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#02050f}
.dp-file__meta{display:grid;gap:4px;min-width:0}
.dp-file__meta small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--dp-muted)}
.dp-icon{width:34px;height:34px;border:1px solid rgba(110,170,255,.25);border-radius:9px;background:rgba(5,10,28,.6);color:var(--dp-ink);font-size:18px;cursor:pointer}
.dp-icon:hover{border-color:rgba(255,110,130,.6)}

/* works picker */
.dp-works{display:grid;gap:8px}
.dp-works__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.dp-work{display:grid;gap:6px;padding:6px;border:1px solid rgba(110,170,255,.2);border-radius:10px;background:var(--dp-inset);color:var(--dp-ink);font:600 11px var(--dp-font);text-align:left;cursor:pointer}
.dp-work:hover{border-color:var(--dp-cyan)}
.dp-work img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px}
.dp-work span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* editor */
.dp-tabs{display:inline-flex;gap:4px;justify-self:start;padding:4px;border:1px solid var(--dp-line);border-radius:12px;background:var(--dp-inset)}
.dp-tab{min-height:32px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--dp-muted);font:700 12px var(--dp-font);cursor:pointer}
.dp-tab.is-on{color:#fff;background:linear-gradient(160deg,rgba(31,201,241,.24),rgba(138,125,255,.14));box-shadow:inset 0 0 0 1px rgba(111,227,255,.45)}
.dp-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--dp-line);border-bottom:0;border-radius:12px 12px 0 0;background:rgba(5,10,28,.85)}
.dp-tool{min-width:34px;height:32px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dp-ink);font:700 13px var(--dp-font);cursor:pointer}
.dp-tool:hover{border-color:rgba(111,227,255,.4);background:rgba(31,201,241,.1)}
.dp-tool.is-b{font-weight:900}.dp-tool.is-i{font-style:italic}.dp-tool.is-u{text-decoration:underline}.dp-tool.is-s{text-decoration:line-through}
.dp-tool.is-var{color:var(--dp-cyan);font-size:11.5px}
.dp-editor{min-height:220px;max-height:520px;overflow:auto;margin-top:-10px;padding:14px 16px;border:1px solid var(--dp-line);border-radius:0 0 12px 12px;background:#05070d;color:#f2f2f2;font:400 14px/1.6 Arial,Helvetica,sans-serif;outline:none}
.dp-editor:focus{border-color:rgba(31,201,241,.55)}
.dp-editor:empty::before{content:attr(data-placeholder);color:rgba(214,229,250,.4)}
.dp-editor a,.dp-preview a{color:#00e59b;text-decoration:none;font-weight:600}
.dp-editor :is(p,h1,h2,h3,h4),.dp-preview :is(p,h1,h2,h3,h4){margin:0 0 10px}
.dp-editor h4,.dp-preview h4{font-size:17px;font-weight:700}
.dp-emoji{display:flex;flex-wrap:wrap;gap:2px}
.dp-emoji__b{width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:16px;cursor:pointer}
.dp-emoji__b:hover{border-color:rgba(111,227,255,.4);background:rgba(31,201,241,.1)}
.dp-preview{min-height:160px;padding:16px 18px;border:1px solid var(--dp-line);border-radius:12px;background:#06070d;color:#f2f2f2;font:400 14px/1.6 Arial,Helvetica,sans-serif}

/* tags */
.dp-tags{padding:6px;border:1px solid rgba(110,170,255,.25);border-radius:12px;background:rgba(2,6,18,.85)}
.dp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dp-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 10px;border:1px solid rgba(111,227,255,.35);border-radius:999px;background:rgba(31,201,241,.1);font-size:12px;font-weight:700}
.dp-chip__x{width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--dp-muted);cursor:pointer}
.dp-chip__x:hover{background:rgba(255,110,130,.2);color:#fff}
.dp-tags__input{flex:1 1 160px;min-width:120px;min-height:32px;border:0;background:transparent;color:var(--dp-ink);font:600 13px var(--dp-font);outline:none}
.dp-suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dp-suggest__b{padding:5px 10px;border:1px solid rgba(110,170,255,.2);border-radius:999px;background:var(--dp-inset);color:var(--dp-muted);font:600 11.5px var(--dp-font);cursor:pointer}
.dp-suggest__b:hover{color:#fff;border-color:var(--dp-cyan)}

/* options */
.dp-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dp-opt{display:grid;gap:8px;align-content:start;padding:12px;border:1px solid rgba(110,170,255,.16);border-radius:12px;background:var(--dp-inset)}
.dp-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:600;line-height:1.35;cursor:pointer}
.dp-check input{width:17px;height:17px;margin:1px 0 0;flex:none;accent-color:var(--dp-cyan)}
.dp-check.is-off{opacity:.45;cursor:default}
.dp-classes,.dp-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}

/* actions */
.dp-actions{justify-items:start}
.dp-modes{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--dp-line);border-radius:12px;background:var(--dp-inset)}
.dp-mode{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--dp-muted);font:700 12.5px var(--dp-font);cursor:pointer}
.dp-mode.is-on{color:#fff;background:linear-gradient(160deg,rgba(31,201,241,.24),rgba(138,125,255,.14));box-shadow:inset 0 0 0 1px rgba(111,227,255,.45)}
.dp .dp-go{min-width:240px;min-height:48px;font-size:15px}
.dp .dp-go:disabled{opacity:.45;cursor:not-allowed}
.dp-status{margin:0;font-size:13px;color:var(--dp-muted)}
.dp-status:empty{display:none}
.dp-status[data-kind=ok]{color:#7dffc4}.dp-status[data-kind=bad]{color:#ff9aaa}
.dp-results{display:grid;gap:6px;width:100%;margin:0;padding:0;list-style:none}
.dp-results:empty{display:none}
.dp-results li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:10px 12px;border:1px solid rgba(110,170,255,.18);border-radius:10px;background:var(--dp-inset);font-size:13px}
.dp-results li.is-ok{border-color:rgba(95,242,181,.35)}
.dp-results li.is-bad{border-color:rgba(255,110,130,.4)}
.dp-results a{color:var(--dp-cyan);font-weight:800}
.dp-results span{color:var(--dp-muted);font-size:12px}

@media (max-width:760px){
  .dp-grid3,.dp-options{grid-template-columns:1fr}
  .dp-classes,.dp-folders{grid-template-columns:1fr}
  .dp .dp-go{width:100%;min-width:0}
}

.dp-copy{display:grid;gap:6px;padding:10px 12px;border:1px solid rgba(138,125,255,.35);border-radius:12px;background:rgba(138,125,255,.08)}
.dp-copy__btn{justify-self:start}
.dp-link{padding:0;border:0;background:none;color:var(--dp-cyan);font:700 12px var(--dp-font);cursor:pointer;text-decoration:underline}