.design-direction-panel header{display:grid;gap:6px;margin-bottom:16px}.design-direction-panel header p{margin:0;color:var(--muted);line-height:1.45}.design-direction-list{display:grid;gap:12px}.design-direction-card{display:grid;gap:10px;padding:16px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface2)}.design-direction-card header{display:flex;align-items:center;justify-content:space-between;margin:0}.design-direction-card h4,.design-direction-card p{margin:0}.design-direction-card small{color:var(--muted)}.design-direction-actions{display:flex;flex-wrap:wrap;gap:8px}.design-direction-actions button{min-height:44px}.design-direction-state{font-size:12px;font-weight:700;text-transform:capitalize}.design-direction-card[data-strategy="calm_focus"]{border-color:#8ab8dd}.design-direction-card[data-strategy="control_room"]{border-width:2px}.design-direction-card[data-strategy="timeline"]{border-left:5px solid var(--brand)}@media(prefers-color-scheme:dark){.design-direction-card{border-color:#ffffff20;background:#ffffff0b}.design-direction-card[data-strategy="calm_focus"]{border-color:#5f9fd1}.design-direction-card[data-strategy="timeline"]{border-left-color:#70b7ff}}@media(max-width:767px){.design-direction-panel{padding:20px!important}.design-direction-actions button{flex:1 1 100%}}