---
import '../styles/picker.css';
// Loaded after the shared sheet so a screen's own answers win on source order
// as well as specificity. One file per question, each owning only the slots
// its options rewrite.
import '../styles/screens/motion.css';
import '../styles/screens/layout.css';
import '../styles/screens/boundaries.css';
import '../styles/screens/corners.css';
import '../styles/screens/depth.css';
// The layout screen's portfolio board, loaded after the three sheets above on
// purpose: it pins that board's material against their committed defaults by
// winning ties on source order. The header of the file has the argument.
import '../styles/screens/layout-portfolio.css';
// The design context document that replaces the picker after submission.
import '../styles/design-context.css';
// The lean design context document, ported from the standalone demo. Order
// mirrors the demo page's stylesheet order so the cascade lands identically;
// command and settings sit where dcx-document.css used to @import them.
import '../styles/dcx/dcx-audience.css';
import '../styles/dcx/dcx-detail.css';
import '../styles/dcx/dcx-components.css';
import '../styles/dcx/dcx-hierarchy.css';
import '../styles/dcx/dcx-command.css';
import '../styles/dcx/dcx-settings.css';
import '../styles/dcx/dcx-document.css';
import '../styles/dcx/dcx-rail.css';
import '../styles/dcx/dcx-hooks.css';
interface Props {
title?: string;
description?: string;
}
const {
title = 'Impeccable design interview',
description = 'Choose the design direction your agent will use.',
} = Astro.props;
---
{title}