/* Paper: light sheets of text beside a settings rail */
.case-converter-page{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px 18px;background:#201927;border-radius:16px}
.case-converter-page>*{grid-column:1/-1;min-width:0}.case-converter-page .case-heading{background:none;border:0;box-shadow:none;min-height:0;padding:4px 0;text-align:left}.case-converter-page .case-heading h1{font:700 clamp(1.9rem,3.4vw,2.7rem)/1.15 Georgia,serif;justify-content:flex-start;color:#e8dcf6}.case-converter-page .case-heading p{color:#c1b4cf;margin:6px 0 0}
.case-converter-page .case-settings{grid-column:1;grid-row:2/span 3;display:flex;flex-direction:column;align-items:stretch;align-self:start;position:sticky;top:90px;background:#2b2235;border:1px solid #4c3c5f;border-radius:12px;padding:14px;gap:12px}
.case-converter-page .case-settings label{width:100%}.case-converter-page #convertBtn{background:#b78fe5;color:#1a0a2c;border:0;font-weight:800}
.case-converter-page #modeHelp,.case-converter-page .case-editors,.case-converter-page #caseStatus{grid-column:2}.case-converter-page #modeHelp{margin:0;color:#c8b9d9}
.case-converter-page .case-card{background:#e9dff4;color:#20182a;border:0;border-radius:6px;box-shadow:0 8px 22px #0007}.case-converter-page .case-card h2,.case-converter-page .case-card label,.case-converter-page .case-stats{color:#3a2c4b;font-family:Georgia,serif}
.case-converter-page .case-card textarea{background:#f7f3fc;color:#181022;border:1px solid #c0add6;font:16px/1.7 Georgia,serif}.case-converter-page .case-card button{background:#d3c2e6;color:#20182a;border:1px solid #a48dbf}.case-converter-page .case-card button:disabled{opacity:.55}
@media(max-width:860px){.case-converter-page{grid-template-columns:minmax(0,1fr)}.case-converter-page .case-settings,.case-converter-page #modeHelp,.case-converter-page .case-editors,.case-converter-page #caseStatus{grid-column:1;grid-row:auto;position:static}}

.case-converter-page .case-card{background:#171221!important;color:#eee6f7!important;border:1px solid #4c3c5f!important}
.case-converter-page .case-card h2,.case-converter-page .case-card label,.case-converter-page .case-stats{color:#d9cce6!important;font-family:inherit}
.case-converter-page .case-card textarea{background:#0d0814!important;color:#f3ecfa!important;border:1px solid #4c3c5f!important;font:1rem/1.6 Georgia,serif}
.case-converter-page .case-card textarea::placeholder{color:#8d7fa0}
.case-converter-page .case-card button{background:#2f2540!important;color:#eee6f7!important;border:1px solid #5b4a70!important}.case-converter-page .case-card button:disabled{opacity:.5}

.case-converter-page{display:block!important}.case-converter-page>*{margin-bottom:14px}
.case-converter-page .case-heading h1{font-family:inherit}
.case-chips{display:flex;flex-wrap:wrap;gap:8px}.case-chips button{padding:10px 16px;background:#2f2540;color:#eee6f7;border:1px solid #5b4a70;border-radius:10px;font-weight:600}.case-chips button[aria-pressed=true]{background:#a874f0;color:#160a26;border-color:#a874f0}
.case-converter-page .case-settings{position:static!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:16px;padding:10px 14px!important}
.case-converter-page .case-settings label[for=caseMode]{display:none}.case-converter-page .case-settings label{width:auto!important;display:flex;align-items:center;gap:8px}.case-converter-page .case-settings select{width:auto}
.case-converter-page #convertBtn{display:none}.case-converter-page .case-settings:has(#liveToggle:not(:checked)) #convertBtn{display:block}
.case-converter-page .case-card textarea{height:240px;min-height:160px;font:1rem/1.6 inherit!important;font-family:inherit!important}
.case-converter-page .case-card label[for]{display:none}
.case-chips button[aria-pressed=true]{background:#a874f0!important;color:#160a26!important;border-color:#a874f0!important}
.case-converter-page .case-settings label{flex-direction:row}.case-converter-page .case-settings label select{margin:0}

.case-converter-page .case-card textarea{height:170px}
.case-all h2{margin:0 0 10px;font-size:1.15rem}.case-all>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.case-all article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:12px;background:#171221;border:1px solid #4c3c5f;border-radius:12px}
.case-all p{grid-column:1;margin:0;font-size:.92rem;color:#f3ecfa;overflow-wrap:anywhere;max-height:4.5em;overflow:hidden}
.case-all .case-name{grid-column:1;grid-row:1;justify-self:start;padding:0;background:none;border:0;color:#c9a8f7;font-size:.8rem;font-weight:700;cursor:pointer}
.case-all article>button:last-child{grid-column:2;grid-row:1 / span 2;padding:6px 12px;background:#2f2540;color:#eee6f7;border:1px solid #5b4a70;border-radius:8px}