.mediary-shell {
    --m-bg: #070708;
    --m-panel: #111114;
    --m-panel-soft: #17171b;
    --m-input: #0c0c0f;
    --m-text: #f4f4f5;
    --m-muted: #a1a1aa;
    --m-red: #ef233c;
    --m-border: rgba(255,255,255,.09);
    color: var(--m-text);
    background:
        radial-gradient(circle at top left, rgba(239,35,60,.18), transparent 34rem),
        linear-gradient(180deg,#09090b 0%,#050506 100%);
    padding: 32px;
    border-radius: 28px;
    box-sizing: border-box;
}

.mediary-shell * { box-sizing: border-box; }
.mediary-heading { display:flex;justify-content:space-between;gap:20px;margin-bottom:24px; }
.mediary-heading h1 { margin:4px 0 8px;font-size:clamp(32px,5vw,58px);line-height:1; }
.mediary-heading p { margin:0;color:var(--m-muted); }
.mediary-kicker { color:var(--m-red);font-weight:800;letter-spacing:.16em;font-size:12px; }

.mediary-filter,
.mediary-inline-form,
.mediary-create-collection {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:24px;
}

.mediary-shell input,
.mediary-shell select,
.mediary-shell textarea {
    border:1px solid var(--m-border);
    background:var(--m-input);
    color:var(--m-text);
    border-radius:12px;
    padding:11px 13px;
}

.mediary-shell button,
.mediary-button {
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,#ef233c,#8f111f);
    color:#fff;
    font-weight:700;
    padding:11px 18px;
    cursor:pointer;
    text-decoration:none;
}

.mediary-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:18px;
}

.mediary-card,
.mediary-library-item,
.mediary-collection-card {
    border:1px solid var(--m-border);
    background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--m-panel);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.32);
}

.mediary-poster {
    aspect-ratio:2/3;
    background:var(--m-panel-soft);
}

.mediary-poster img,
.mediary-mini-poster img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.mediary-poster-placeholder {
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    font-size:64px;
    font-weight:900;
    color:rgba(239,35,60,.65);
}

.mediary-card-body { padding:18px; }
.mediary-card-body h2 { margin:10px 0 3px;font-size:22px; }
.mediary-card-body p { color:var(--m-muted);font-size:14px; }
.mediary-original { color:var(--m-muted);font-size:13px; }
.mediary-badges { display:flex;gap:8px;flex-wrap:wrap; }
.mediary-badges span,
.mediary-editor-title span {
    border:1px solid rgba(239,35,60,.35);
    color:#ff8d9d;
    background:rgba(239,35,60,.1);
    border-radius:999px;
    padding:4px 9px;
    font-size:12px;
}

.mediary-library-list { display:grid;gap:16px; }
.mediary-library-item { display:grid;grid-template-columns:150px 1fr; }
.mediary-mini-poster { min-height:220px;background:var(--m-panel-soft); }
.mediary-editor { padding:20px; }
.mediary-editor-title { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px; }
.mediary-editor-title h2 { margin:0; }
.mediary-form-grid { display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px; }
.mediary-form-grid label,
.mediary-note { display:grid;gap:6px;color:var(--m-muted);font-size:13px; }
.mediary-note { margin-top:12px; }
.mediary-note textarea { width:100%; }
.mediary-checkbox { display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--m-muted); }
.mediary-checkbox input { width:auto; }
.mediary-actions { display:flex;gap:14px;align-items:center; }
.mediary-actions a,
.mediary-danger-link { color:#ff8d9d; }

.mediary-create-collection {
    padding:18px;
    background:var(--m-panel);
    border:1px solid var(--m-border);
    border-radius:18px;
}
.mediary-create-collection textarea { flex:1 1 280px;min-height:44px; }
.mediary-collections-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px; }
.mediary-collection-card { padding:20px; }
.mediary-collection-card h2 { margin:0 0 4px; }
.mediary-collection-card p { color:var(--m-muted); }
.mediary-collection-items { padding-left:20px;color:var(--m-muted); }
.mediary-empty { padding:24px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;color:var(--m-muted); }

@media (max-width:760px) {
    .mediary-shell { padding:20px; }
    .mediary-library-item { grid-template-columns:1fr; }
    .mediary-mini-poster { max-height:360px; }
    .mediary-form-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:480px) {
    .mediary-form-grid { grid-template-columns:1fr; }
    .mediary-filter > * { width:100%; }
}

.mediary-meta {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0 4px;
}
.mediary-meta span {
    color:var(--m-muted);
    font-size:12px;
    border-left:2px solid rgba(239,35,60,.55);
    padding-left:7px;
}


/* Mediary Library 1.3.0 catalog redesign */

.mediary-filter-catalog {
    display:grid;
    grid-template-columns:minmax(260px,1.4fr) minmax(180px,.65fr) auto;
    align-items:center;
}
.mediary-filter-catalog input,
.mediary-filter-catalog select {
    width:100%;
}
.mediary-catalog-list {
    display:grid;
    gap:18px;
}
.mediary-catalog-card {
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    border:1px solid var(--m-border);
    background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--m-panel);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.32);
}
.mediary-catalog-card--poster,
.mediary-catalog-card--placeholder {
    grid-template-columns:190px minmax(0,1fr);
}
.mediary-card-media {
    background:var(--m-panel-soft);
    min-height:210px;
    position:relative;
}
.mediary-card-media--landscape {
    aspect-ratio:16/9;
    height:100%;
}
.mediary-card-media--poster,
.mediary-catalog-card--placeholder .mediary-card-media {
    min-height:100%;
}
.mediary-card-media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.mediary-catalog-card--poster .mediary-card-media img {
    object-fit:cover;
}
.mediary-card-placeholder {
    width:100%;
    height:100%;
    min-height:100%;
    display:grid;
    place-items:center;
    font-size:72px;
    font-weight:900;
    color:rgba(239,35,60,.7);
    background:
        radial-gradient(circle at 30% 20%, rgba(239,35,60,.16), transparent 40%),
        linear-gradient(180deg,#17171b,#111114);
}
.mediary-card-body--catalog {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:22px;
}
.mediary-card-topline {
    display:flex;
    justify-content:space-between;
    gap:12px;
}
.mediary-card-body--catalog h2 {
    margin:0;
    font-size:34px;
    line-height:1.05;
}
.mediary-card-body--catalog .mediary-original {
    font-size:16px;
}
.mediary-meta--catalog {
    gap:9px;
    margin:0;
}
.mediary-meta--catalog span {
    font-size:13px;
}
.mediary-description {
    margin:0;
    color:var(--m-muted);
    font-size:15px;
    line-height:1.55;
}
.mediary-card-actions-row {
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:6px;
}
.mediary-inline-form--catalog {
    margin:0;
    align-items:center;
}
.mediary-inline-form--catalog select {
    min-width:180px;
}
.mediary-shell-catalog .mediary-empty {
    margin-top:10px;
}
@media (max-width:980px) {
    .mediary-catalog-card,
    .mediary-catalog-card--poster,
    .mediary-catalog-card--placeholder {
        grid-template-columns:1fr;
    }
    .mediary-card-media--landscape {
        min-height:220px;
    }
    .mediary-catalog-card--poster .mediary-card-media,
    .mediary-catalog-card--placeholder .mediary-card-media {
        min-height:360px;
        max-height:360px;
    }
}
@media (max-width:760px) {
    .mediary-filter-catalog {
        grid-template-columns:1fr;
    }
    .mediary-card-body--catalog h2 {
        font-size:28px;
    }
    .mediary-inline-form--catalog {
        width:100%;
    }
    .mediary-inline-form--catalog select,
    .mediary-inline-form--catalog button,
    .mediary-card-actions-row .mediary-button {
        width:100%;
    }
}