/* Wash user editor. Generated from the final legacy cascade; edit this module only. */
.wash-user-page .wash-cover-preview,.wash-user-page .wash-md-toolbar { margin-bottom: var(--space-1); }

.wash-user-page .wash-md-toolbar button:hover { border-color: var(--color-primary); background: var(--color-surface); color: var(--mc-blue-deep); }

.wash-user-page .wash-write-main { min-width: 0; }

.wash-user-page .wash-write-side { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-2); display: flex; flex-direction: column; gap: var(--space-2); position: sticky; top: var(--space-2); }

.wash-user-page .wash-write-side select { width: 100%; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font-size: .875rem; }

.wash-user-page .wash-write-side select:focus { border-color: var(--color-primary); outline: 0; }

.wash-user-page .wash-cover-preview { background: var(--color-surface-hover) center/cover no-repeat; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16/9; height: auto; border: 1.5px dashed var(--color-border); border-radius: var(--radius-md); background-size: cover; background-position: center; }

.wash-user-page .wash-cover-preview .wash-cover-hint { font-style: normal; font-size: .8125rem; color: var(--color-text-tertiary); }

.wash-user-page .wash-cover-preview.has-image { border-style: solid; }

.wash-user-page .wash-cover-preview.has-image .wash-cover-hint { display: none; }

.wash-user-page .wash-write-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: var(--space-3); align-items: start; }

.wash-user-page .wash-md-toolbar { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px; background: var(--color-surface-hover); border: 1px solid var(--color-border); border-radius: var(--radius-md) var(--radius-md) 0 0; border-bottom: none; }

.wash-user-page .wash-md-toolbar button { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: none; background: 0 0; border-radius: var(--radius-sm); color: var(--color-text-secondary); cursor: pointer; transition: background var(--transition-fast),color var(--transition-fast); }

.wash-user-page .wash-md-toolbar .wash-ico { width: 16px; height: 16px; }

.wash-user-page #post-content { border-radius: 0 0 var(--radius-md) var(--radius-md); min-height: 320px; line-height: 1.7; }

.wash-user-page .wash-write-side .wash-code-inline { flex-direction: column; align-items: stretch; }

.wash-user-page .wash-write-side .wash-code-inline .wash-btn-outline { width: 100%; min-width: 0; }

.wash-user-page .wash-dl-row { display: grid; grid-template-columns: 130px minmax(0,1fr) 100px 36px; grid-template-areas: "name url code delete"; gap: 6px; align-items: center; margin-bottom: 6px; }

.wash-user-page .wash-dl-row input { min-width: 0; width: 100%; box-sizing: border-box; }

.wash-user-page .wash-dl-row .wd-name { grid-area: name; }
.wash-user-page .wash-dl-row .wd-url { grid-area: url; }
.wash-user-page .wash-dl-row .wd-code { grid-area: code; }
.wash-user-page .wash-dl-row .wd-del {
  grid-area: delete;
  background: var(--mc-peach-soft);
  color: var(--mc-peach-deep);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background var(--transition-fast);
}

.wash-user-page .wash-dl-row .wd-del:hover { background: var(--mc-peach); color: #fff; }
.wash-user-page .wash-dl-add { margin-top: 2px; }
.wash-user-page .wash-dl-tip { margin-top: 6px; font-size: .75rem; color: var(--color-text-tertiary); }