/* PrismBrandColors.razor.css */
.prism-brand-colors { padding:16px 0; min-width:0; }
.prism-brand-colors p { font-size:.82rem; color:var(--mud-palette-text-secondary); margin:6px 0 14px; line-height:1.5; }
.prism-brand-colors__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.prism-brand-colors__sample { margin-top:16px; padding:18px; border:2px solid; border-radius:12px; }
.prism-brand-colors__sample strong,.prism-brand-colors__sample span { display:block; }
.prism-brand-colors__sample span { margin:4px 0 12px; font-size:.8rem; }
.prism-brand-colors__sample div { display:flex; gap:6px; }
.prism-brand-colors__sample i { width:28px; height:12px; border-radius:3px; }
@media(max-width:380px) { .prism-brand-colors__fields { grid-template-columns:1fr; } }


/* PrismColorInput.razor.css */
.prism-color-input { min-width:0; }
.prism-color-input label { display:block; font-size:.8rem; font-weight:600; margin-bottom:6px; }
.prism-color-input__controls { display:flex; gap:8px; align-items:center; }
.prism-color-input input[type=color] { width:40px; height:40px; flex-shrink:0; padding:2px; border:1px solid var(--mud-palette-lines-inputs); border-radius:8px; background:var(--mud-palette-surface); cursor:pointer; }
.prism-color-input input[type=text] { width:100%; min-width:0; height:40px; border:1px solid var(--mud-palette-lines-inputs); border-radius:8px; padding:8px; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); font-family:monospace; font-size:.9rem; }
.prism-color-input input:focus-visible { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.prism-color-input input[aria-invalid=true] { border-color:var(--mud-palette-error); }
.prism-color-input small { display:block; color:var(--mud-palette-error); margin-top:4px; }
.prism-color-input input:disabled { opacity:.6; cursor:not-allowed; }


/* PrismEditingWorkspace.razor.css */
.prism-editing-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,400px); gap:24px; align-items:start; margin:24px 0; }
.prism-editing-workspace__preview,.prism-editing-workspace__inspector { min-width:0; }
.prism-editing-workspace__preview .prism-result { margin-top:0; }
.prism-editing-workspace__preview .prism-result-bar { flex-wrap:wrap; gap:12px; }
.prism-editing-workspace__preview .prism-result-actions { flex-wrap:wrap; }
.prism-editing-workspace__inspector .prism-editor-grid { grid-template-columns:1fr; }
.prism-editing-workspace__inspector .prism-editor-step { grid-template-columns:28px minmax(0,1fr); }
.prism-editing-workspace__inspector .prism-editor-step > :not(:first-child) { grid-column:2; }
.prism-editing-workspace__inspector .prism-editor-choice-row { flex-wrap:wrap; gap:4px; }
@media(min-width:1001px) { .prism-editing-workspace__inspector { position:sticky; top:80px; max-height:calc(100vh - 100px); overflow:auto; scrollbar-gutter:stable; } }
@media(max-width:1000px) { .prism-editing-workspace { grid-template-columns:minmax(0,1fr); } }


/* PrismStructuredArtifactEditor.razor.css */
.prism-editor-advanced { margin-top:16px; border-top:1px solid var(--mud-palette-lines-default); padding-top:8px; }
.prism-editor-advanced > summary { cursor:pointer; font-size:.85rem; font-weight:600; padding:8px 0; }
.prism-editor-advanced > summary:focus-visible { outline:2px solid var(--mud-palette-primary); outline-offset:3px; }


/* PrismVisualResult.razor.css */
.prism-result { min-width:0; }
.prism-result-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.prism-result-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.prism-result-tag { font-size:.8rem; color:var(--mud-palette-text-secondary); }
.prism-output-options { position:relative; }
.prism-output-options > summary { cursor:pointer; padding:8px 12px; border:1px solid var(--mud-palette-lines-default); border-radius:6px; font-size:.8rem; }
.prism-output-options__items { position:absolute; right:0; top:100%; z-index:20; display:flex; flex-direction:column; gap:8px; width:260px; max-width:80vw; padding:12px; border:1px solid var(--mud-palette-lines-default); border-radius:10px; background:var(--mud-palette-surface); box-shadow:0 8px 24px #0002; }
.prism-preview-shell { padding:20px; border:1px solid var(--mud-palette-lines-default); border-radius:14px; background:var(--mud-palette-background-gray); overflow:auto; }
.prism-preview { min-width:0; }
.prism-preview > * { max-width:100%; margin-inline:auto; }
.prism-result-compose { width:auto; padding:0; margin:16px 0; }
.prism-result-compose > summary { cursor:pointer; padding:10px 0; font-weight:600; font-size:.85rem; }
.prism-result summary:focus-visible { outline:2px solid var(--mud-palette-primary); outline-offset:3px; }
@media(max-width:600px) { .prism-preview-shell { padding:8px; } .prism-output-options__items { left:0; right:auto; } }


/* Prism dashboard */
.prism-pack-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}

.prism-pack-card {
    overflow: hidden;
    height: 100%;
}

.prism-pack-card .mud-card-media {
    background-color: var(--mud-palette-background-gray);
    background-position: center;
    background-size: cover;
}

.prism-dashboard-workspace .brand-dashboard__hero { padding:24px; min-height:0; align-items:center; }
.prism-dashboard-workspace .brand-dashboard__wordmark { height:44px; }
.prism-dashboard-workspace .brand-dashboard__wordmark img,.prism-dashboard-workspace .brand-dashboard__wordmark svg { height:44px!important; width:auto!important; }
.prism-dashboard-workspace .brand-dashboard__tagline { font-size:1rem; margin:10px 0 0; }
.prism-start-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.prism-start-options a { display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid var(--mud-palette-lines-default); border-radius:12px; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); text-decoration:none; }
.prism-start-options a:hover { border-color:var(--mud-palette-primary); }
.prism-start-options span { font-size:.8rem; color:var(--mud-palette-text-secondary); }
@media(max-width:1000px) { .prism-start-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .prism-start-options { grid-template-columns:1fr; } }

/* Native buttons provide keyboard and screen-reader access to every inspector. */
.prism-tabs__list { display:flex; gap:4px; border-bottom:1px solid var(--mud-palette-lines-default); overflow-x:auto; }
.prism-tabs__list button { flex:1; min-width:max-content; padding:12px 10px; font:inherit; font-size:.88rem; font-weight:600; color:var(--mud-palette-text-secondary); background:transparent; border:0; border-bottom:3px solid transparent; cursor:pointer; }
.prism-tabs__list button[aria-selected=true] { color:var(--mud-palette-primary); border-bottom-color:var(--mud-palette-primary); }
.prism-tabs__list button:focus-visible { outline:2px solid var(--mud-palette-primary); outline-offset:-3px; }
.prism-tabs__panel { padding-top:18px; min-width:0; }
.prism-tabs__panel[hidden] { display:none!important; }
.prism-result .prism-clean-output-callout { font-size:.8rem; padding:10px 12px; line-height:1.5; }