/* Component design only. Outer widths and gutters belong to Site Layout. */
.dgcu-generator.dgpt .dgpt-intro p{color:#dbeafe}.dgcu-generator.dgpt .dgpt-intro .dgpt-kicker{color:#a5e9ff}.dgcu-generator.dgpt .dgpt-intro .dgpt-lead{color:#fff}
.dgcu-generator .dgpt-intro{background:linear-gradient(125deg,#0b1220,#182752 65%,#32205e);color:#dbeafe;box-shadow:0 14px 36px #2563eb18;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}.dgcu-generator .dgpt-intro a,.dgcu-generator .dgpt-kicker{color:#a5e9ff}.dgcu-generator .dgpt-lead{color:#fff;font-weight:650}.dgcu-generator .dgcu-art{width:100%;height:auto;aspect-ratio:8/5;display:block}.dgcu-generator .dgpt-panel{min-width:0;border-color:#c4cff1;background:linear-gradient(145deg,#fff,#f2f5ff);box-shadow:0 8px 24px #2563eb0c}.dgcu-generator .dgcu-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.dgcu-generator .dgpt-button{background:linear-gradient(110deg,#174fc5,#6330c5);color:#fff;border-color:#2563eb}.dgcu-generator [data-code]{background:#0b1220;color:#cffafe;border-color:#334d76;line-height:1.6}.dgcu-generator [data-preview-url]{display:block;overflow-wrap:anywhere;padding:16px;background:#edf5ff;border-radius:10px}.dgcu-generator [data-status],.dgcu-generator [data-copy-status]{min-height:1.7em;overflow-wrap:anywhere}.dgcu-generator .dgcu-example{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;background:#eef2ff;padding:16px;border-radius:10px}.dgcu-generator [aria-invalid=true]{border:2px solid #a62626}@media(max-width:800px){.dgcu-generator .dgcu-layout,.dgcu-generator .dgpt-intro{grid-template-columns:1fr;gap:0}.dgcu-generator .dgcu-art{max-width:360px;justify-self:center;margin-top:20px}}@media(forced-colors:active){.dgcu-generator [data-code]{background:Canvas;color:CanvasText}}