.system-catalog-controls{margin:0 0 22px;display:grid;gap:8px}.system-catalog-controls[hidden],.variation-actions[hidden]{display:none!important}#system-categories{display:flex;gap:8px;flex-wrap:wrap}#system-categories button{border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);color:var(--ui-ink);padding:9px 14px;min-height:42px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}#system-categories button[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-accent);color:var(--ui-accent)}#system-selection-count{margin:0;color:var(--ui-secondary);font-size:13px}.system-evidence{display:block;margin:0 22px 9px;color:var(--ui-secondary);font-size:12px}.system-audio{border:1px solid var(--ui-line);border-radius:12px;padding:18px;background:var(--ui-soft);display:grid;gap:9px}.system-audio strong{font-size:15px}.system-audio p,.system-brief-note{margin:0;color:var(--ui-secondary);font-size:13px;line-height:1.55}.system-audio-actions{display:flex;gap:16px;flex-wrap:wrap}.system-audio-actions button{min-height:40px}.system-audio-actions button:disabled{opacity:.45;cursor:not-allowed}.system-audio audio{width:100%;max-width:440px}.system-audio a{color:var(--ui-accent);font-weight:700}.system-audio small{font-size:12px;color:var(--ui-secondary)}.system-proposal-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:25px;align-items:center}.system-proposal-board{display:grid;gap:12px;padding:24px;background:#ecf0f8;border-radius:18px;color:#233048}.system-proposal-step{display:flex;align-items:center;gap:14px;padding:17px;background:white;border:1px solid #d7deeb;border-radius:12px}.system-proposal-step small{color:#647695;font-weight:700}.system-proposal-step strong{font-size:16px;flex:1}.system-proposal-step span{color:#546de0;font-size:20px}@media(max-width:700px){.system-proposal-hero{grid-template-columns:1fr}.system-proposal-board{padding:14px}.system-proposal-step{padding:12px}}
.system-proposal-board>div{min-width:0}.system-proposal-board p{margin:0}.system-proposal-board footer{max-width:none;margin:0;padding:12px 4px 0;display:flex;justify-content:space-between;border-top:1px solid #d4ddeb;color:#425572;font-size:12px}.system-proposal-board small{font-size:10px}.system-proposal-board strong{font-size:14px}.concept-menu,.concept-pipeline,.concept-review,.concept-letter,.concept-calendar,.concept-storyboard,.concept-avatar,.concept-gallery{display:grid;gap:12px}.concept-menu>p,.concept-pipeline>p,.concept-gallery>p,.concept-calendar>p,.concept-storyboard>p{display:flex;justify-content:space-between;align-items:center;font-size:13px}.concept-menu>p span,.concept-pipeline>p span,.concept-gallery>p span,.concept-calendar>p span,.concept-storyboard>p span{font-size:11px;color:#637594}.concept-menu>div{background:#fff;border-radius:12px;padding:14px;display:grid;grid-template-columns:35px 1fr;gap:2px 10px;align-items:center}.concept-menu>div>span{grid-row:span 2;width:35px;height:35px;background:#ffe9cc;color:#a45b25;border-radius:50%;display:grid;place-items:center;font-size:20px}.concept-menu>div small{color:#687995}.concept-pipeline{grid-template-columns:repeat(3,1fr)}.concept-pipeline>p,.concept-pipeline>footer{grid-column:1/-1}.concept-pipeline>div{background:#fff;border-top:3px solid #859ee2;border-radius:8px;padding:12px;display:grid;gap:7px;min-height:125px}.concept-pipeline>div:nth-child(3){border-color:#aa8dd9}.concept-pipeline>div:nth-child(4){border-color:#82b8a9}.concept-pipeline em{font-size:10px;color:#61738d;font-style:normal}.concept-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:70px 70px;gap:8px}.concept-gallery-grid span{display:flex;align-items:end;padding:10px;color:#fff;background:linear-gradient(135deg,#30456c,#7c9bc0);border-radius:9px;font-size:11px}.concept-gallery-grid span:first-child{grid-row:span 2;background:linear-gradient(145deg,#1d293d,#9a79b0)}.concept-gallery-grid span:last-child{background:linear-gradient(135deg,#1f6970,#b0ccb9)}.concept-review{background:#f8f3ec;border-radius:12px;padding:18px}.concept-review>p{color:#a77932;font-size:16px}.concept-review>p span{color:#6a645c;font-size:11px}.concept-review blockquote{font:italic 20px 'DM Serif Display',serif;margin:8px 0}.concept-review>div{display:grid;gap:5px;background:#fff;padding:13px;border-radius:9px}.concept-review>div small{color:#827462}.concept-letter{background:#fff;padding:23px;border-radius:10px;border:1px solid #d8e0ed}.concept-letter>small{letter-spacing:.12em;color:#536b99}.concept-letter>strong{font:24px 'DM Serif Display',serif}.concept-letter>p{font-size:12px;line-height:1.5}.concept-letter>div{background:#eef2f9;padding:10px;border-radius:5px;font-size:11px}.concept-calendar>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.concept-calendar>div span{font-size:10px;color:#6980a6}.concept-calendar>div strong{min-height:58px;display:grid;place-items:center;background:white;border-radius:7px;font-size:10px}.concept-calendar>div strong:nth-child(8){background:#dce5fa}.concept-storyboard>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.concept-storyboard>div span{height:120px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#1d304d,#7b9ac6);color:#fff;border-radius:8px;font-weight:700}.concept-storyboard>div span:nth-child(2){background:linear-gradient(140deg,#304e6c,#779b9a)}.concept-storyboard>div span:nth-child(3){background:linear-gradient(140deg,#4a3e6d,#a292c2)}.concept-storyboard>div small{font-size:10px}.concept-avatar{grid-template-columns:110px 1fr;align-items:center}.concept-avatar-face{width:110px;height:140px;border-radius:55px 55px 18px 18px;background:linear-gradient(160deg,#5f7cc1,#b6c9eb);display:grid;place-items:center;font-size:42px;color:#f5f7ff}.concept-avatar section{display:grid;gap:8px}.concept-avatar section small{color:#627aa6}.concept-avatar section p{font-size:11px;line-height:1.5}.concept-avatar footer{grid-column:1/-1}@media(max-width:700px){.concept-pipeline{grid-template-columns:1fr}.concept-pipeline>div{min-height:70px}.concept-avatar{grid-template-columns:80px 1fr}.concept-avatar-face{width:80px;height:105px}}
