/* Page-only additions; controls and surfaces reuse the Finger SUB creator. */
.morpheus-panel { padding-top: 28px; padding-bottom: 40px; }
.morpheus-nav { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; font-size:12px; }
.morpheus-nav .back-home { margin:0; }
.morpheus-panel h2 { font-size:clamp(17px,2.3vw,25px); overflow-wrap:anywhere; margin:0; }
.morpheus-export-hint,.morpheus-label { font-size:10px; letter-spacing:.08em; color:var(--muted); }
.morpheus-modes { display:flex; gap:8px; margin:20px 0; }
.morpheus-modes button { min-height:42px; min-width:110px; }
.morpheus-modes [aria-pressed="true"] { background:var(--accent); color:var(--brand-blue); }
.morpheus-panel [hidden] { display:none !important; }
.morpheus-effects { display:grid; align-content:start; gap:18px; min-width:0; }
.morpheus-panel .creator-controls { align-items:start; }
.morpheus-panel .creator-preview { align-self:start; position:sticky; top:18px; min-width:0; }
.morpheus-stage { min-height:0; height:auto; aspect-ratio:1; display:grid; place-items:center; overflow:hidden; }
#mc-morpheusShape { width:56%; aspect-ratio:1; border-radius:24%; position:relative; }
#mc-morpheusFill { position:absolute; inset:0; border-radius:inherit; }
.morpheus-panel .creator-range { margin-top:13px; }
.morpheus-stop { display:grid; grid-template-columns:42px minmax(0,1fr) 32px; align-items:center; gap:9px; margin:12px 0; }
.morpheus-stop input[type="color"] { width:42px; height:36px; padding:2px; border:1px solid var(--line); border-radius:8px; background:transparent; }
.morpheus-stop .creator-range { margin:0; }
.morpheus-stop button { padding:0; min-height:36px; }
.morpheus-panel button:disabled { opacity:.35; cursor:not-allowed; }
.morpheus-add { width:100%; min-height:36px; margin-top:4px; }
.morpheus-presets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.morpheus-preset { display:grid; gap:16px; text-align:left; padding:24px 16px; border:1px solid var(--line); background:rgba(165,189,242,.025); border-radius:12px; color:var(--text); font:inherit; }
.morpheus-preset small { font-size:10px; letter-spacing:.12em; }
@media(max-width:1000px) {
 .morpheus-panel .creator-shell { grid-template-columns:minmax(0,1fr) minmax(280px,.9fr); }
 .morpheus-panel .creator-controls { grid-template-columns:1fr; }
 .morpheus-export-hint { display:none; }
}
@media(max-width:700px) {
 .morpheus-panel .creator-shell { grid-template-columns:1fr; }
 .morpheus-panel .creator-preview { position:static; }
 .morpheus-nav { font-size:10px; gap:10px; }
 .morpheus-panel .style-creator__connector { font-size:10px; }
 .morpheus-panel .creator-preview__actions { grid-template-columns:minmax(0,1fr) auto; }
}

/* Inline drawer shares the plugin card's contour. */
.morpheus-panel { scroll-margin-top: 18px; }
.morpheus-panel[hidden] { display: none !important; }
.plugin-card--morpheus:has([aria-expanded="true"]) {
  border-radius: 19px 19px 0 0;
  border-color: rgba(165,189,242,.48);
}
.morpheus-panel .creator-controls > section { grid-column: 1 / -1; }
.morpheus-panel .morpheus-presets { grid-template-columns: repeat(2,minmax(0,1fr)); }
.morpheus-panel .morpheus-preset { padding: 18px 14px; }
.morpheus-panel .creator-preview { top: 18px; }