.at-page { --ct-accent: #cb9bef; }
.at-page .at-hero { grid-template-columns: minmax(0, 1fr) 180px; background: radial-gradient(circle at 95% 15%, #bd82df22, transparent 46%), linear-gradient(120deg, #34213f, #20162e); }
.at-page .at-hero-symbol { font: 600 76px/1.2 Georgia, serif; text-align: center; color: #dfb1f4; }
.at-page .at-hero-symbol small { display: block; margin-top: 10px; font: 11px/1.6 system-ui; color: #ceb6df; }
.at-page .ct-workspace { height: min(850px, 85dvh); min-height: 640px; }
.at-page .ct-stage { border-top: 3px solid #bb8bd9; }
.at-page .ct-vector-preview { min-height: 0; height: 100%; background: #291e35; padding: 22px; box-shadow: inset 0 0 60px #0a061b55; }
.at-page .ct-vector-preview svg { width: 100%; max-height: 100%; min-width: 0; object-fit: contain; background: white; box-shadow: 0 5px 24px #09061055; }
.at-page .ct-field input[type=color] { min-height: 42px; }
.at-page .ct-field textarea { min-height: 130px; font: 12px/1.7 ui-monospace, Consolas, monospace; }
.at-page .ct-result { display: block; }
.at-page .ct-result.at-artboard-view { display: flex; flex-direction: column; }
.at-page .ct-result.at-artboard-view .ct-vector-preview { flex: 1; min-height: 0; height: auto; place-items: safe center; }
.at-page .ct-proof-pages { flex: none; margin-bottom: 12px; }
.at-page .ct-proof-pages select { min-width: 0; flex: 1; font-size: 12px; }
.at-mode-sheet .ct-stage { border-top-color: #d5b772; }
.at-mode-sheet .ct-vector-preview { background: repeating-linear-gradient(0deg, #302239 0, #302239 24px, #3c2c44 25px); }
.at-mode-sheet .at-hero-symbol { color: #e6c686; }
.at-mode-template .ct-stage { border-top-color: #91b8cc; }
.at-mode-template .ct-vector-preview { background: linear-gradient(90deg, #b78fc31b 1px, transparent 1px), linear-gradient(#b78fc31b 1px, transparent 1px), #20182c; background-size: 24px 24px; }
.at-mode-template .at-hero-symbol { color: #a8d4e7; }
.at-mode-type .ct-stage { border-top-color: #dfa7bc; }
.at-mode-type .ct-vector-preview { background: #332237; padding: 30px; }
.at-mode-type .at-hero-symbol { font-style: italic; color: #edb7cb; }
.at-mode-inspect .ct-stage { border-top-color: #9fc3ad; }
.at-mode-inspect .ct-vector-preview { background: #192c28; }
.at-mode-inspect .ct-workspace .ct-body { grid-template-columns: minmax(300px, .9fr) minmax(0, 1.4fr) 270px; }
.at-mode-inspect .ct-workspace .ct-source { display: flex; border-top: 3px solid #9fc3ad; }
@media (min-width: 1101px) {
  .at-mode-inspect .ct-workspace.ct-source-hidden .ct-source { display: none; }
  .at-mode-inspect .ct-workspace.ct-source-hidden .ct-body { grid-template-columns: minmax(0, 1fr) 270px; }
}
.at-mode-image .ct-vector-preview { background: #23172e; padding: 14px; }
.at-page .ct-artifact button { margin: 7px 8px 0 0; }
.at-page .ct-result-title h2 { font-size: 17px; }
@media (max-width: 1100px) {
  .at-page .ct-workspace.ct-settings-open .ct-inspector { width: min(350px, 94%); }
  .at-mode-inspect .ct-workspace .ct-body { grid-template-columns: minmax(260px, .9fr) minmax(0, 1.2fr); }
  .at-page .ct-workspace.ct-source-hidden .ct-body { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .at-mode-inspect .ct-workspace .ct-body { grid-template-columns: minmax(0, 1fr); }
  .at-mode-inspect .ct-workspace .ct-source { display: none; }
}
@media (max-width: 700px) {
  .at-page .at-hero { grid-template-columns: minmax(0, 1fr); }
  .at-page .at-hero-symbol { display: none; }
  .at-page .ct-workspace { min-height: 660px; height: 86dvh; }
  .at-page .ct-vector-preview { padding: 10px; }
  .at-page .ct-foot { align-items: flex-start; }
}