.dr.da-shell .dr-ai-prompt.di-charcoal{--direction-inset:16px;position:relative;isolation:isolate;overflow:visible;padding:var(--direction-inset);gap:12px;border:1px solid rgba(44,47,54,.52);border-radius:20px;background:#1d1d1d;box-shadow:inset 0 0 50px #ffffff05,0 12px 28px -22px #000}.dr.da-shell .di-charcoal:after,.dr.da-shell .di-charcoal:before{content:none}.dr.da-shell .dr-ai-prompt.di-charcoal.has-text,.dr.da-shell .dr-ai-prompt.di-charcoal:focus-within{border-color:rgba(44,47,54,.52);box-shadow:inset 0 0 50px #ffffff05}.dr.da-shell .di-charcoal textarea{min-height:36px;font-size:16px;line-height:1.5;color:#f0f0f2}.dr.da-shell .di-charcoal .di-direction-example,.dr.da-shell .di-charcoal textarea::placeholder{color:#a5a7ad;font-size:16px;line-height:1.5}.dr.da-shell .di-charcoal textarea[data-example-visible=true]::placeholder{color:transparent}.dr.da-shell .di-charcoal .di-visual-mode{border-color:#ffffff12;background:linear-gradient(180deg,#ffffff13,#ffffff06);color:#d3d5da;font-size:12px;border-radius:18px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000029,0 2px 4px #0002}.dr.da-shell .di-charcoal .di-visual-mode.is-on{border-color:#38a9b8;background:#292c2e}.dr.da-shell .di-charcoal .di-generate-main:not(.is-dim):not(:disabled){min-height:46px;border-radius:16px;background:linear-gradient(180deg,#65e2f0,#37d5e9 50%,#2bc7dc);color:#071014;box-shadow:inset 0 1px 0 #c5faff99,inset 0 0 0 1px #b5f5ff30,0 2px 5px #0003;text-shadow:none}.dr.da-shell .di-charcoal .di-generate-main:not(.is-dim):not(:disabled):hover{background:linear-gradient(180deg,#83ebf5,#50dfee 50%,#36d0e3)}.dr.da-shell .di-charcoal .di-generate-main:not(.is-dim):not(:disabled):active{background:linear-gradient(180deg,#2bc2d5,#45d8e7);box-shadow:inset 0 1px 3px #0002}.dr.da-shell .di-charcoal .di-action-price{opacity:1}.dr.da-shell .di-charcoal .dr-credit-mark{border-color:currentColor;background:transparent;box-shadow:none}.dr.da-shell .di-charcoal button:active,.dr.da-shell .di-charcoal button:hover{transform:none;scale:1}.dr.da-shell .di-charcoal button:focus-visible{outline:2px solid #45dff2;outline-offset:3px}@media (max-width:359.98px){.dr.da-shell .di-charcoal .di-dock-actions{grid-template-columns:1fr}.dr.da-shell .di-charcoal .di-visual-mode{width:100%}}