.emerald-template{--background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8;--radius:.3rem;background:var(--background);color:var(--foreground)}.emerald-template .contained-page{--viewport-padding:16px;grid-template-columns:1fr min(1024px, calc(100% - var(--viewport-padding) * 2)) 1fr;gap:0 var(--viewport-padding);display:grid}.emerald-template .contained-page>*{grid-column:2}.emerald-template .full-bleed{grid-column:1/4;width:100%}@keyframes emerald-tilt{0%,50%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes emerald-disco{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@keyframes emerald-slide-across{0%{transform:translate(0)}to{transform:translate(-100%)}}.emerald-template .animate-tilt{animation:6s linear infinite emerald-tilt}.emerald-template .animate-disco{animation:6s linear infinite emerald-disco}.emerald-template .animate-slide-across{animation:linear infinite emerald-slide-across}.emerald-template .container{--border-radius:12px;--height:400px;text-align:start;position:relative}.emerald-template .container:before{z-index:-1;border-radius:var(--border-radius);content:"";background:linear-gradient(#ffffff1a,#0000);width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.emerald-template .window{border-radius:var(--border-radius);background:linear-gradient(#ffffff0f,#0000),#000;width:100%;position:relative;overflow:hidden}.emerald-template .input{z-index:1;color:#fff;background-image:linear-gradient(#0000,#000000bf);align-items:center;height:86px;padding:0 32px;display:flex;position:relative}.emerald-template .input:before{z-index:-1;filter:blur(40px);content:"";background-color:#16413d;border-radius:50%;width:80%;height:20px;position:absolute;top:-10px;left:10%}.emerald-template .loading{background:linear-gradient(#ffffff40,#ffffff0d);width:100%;height:1px;position:relative}.emerald-template .loading:before,.emerald-template .loading:after{transform-origin:0;opacity:0;content:"";background:linear-gradient(90deg,#90e0c400,#a2b7e780 41%,#059669 91%,#6ee7b7 122%);width:100%;position:absolute;top:0;left:0}.emerald-template .loading:before{filter:blur(4px)saturate(1.5);height:4px}.emerald-template .loading:after{height:1px}.emerald-template .loading.active:before,.emerald-template .loading.active:after{animation-name:emerald-loading;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes emerald-loading{0%{opacity:1;transform:scaleX(0)translate(-50%)}to{transform:scaleX(1)translate(100%)}}.emerald-template .output{height:var(--height);padding:24px 32px}.emerald-template .outputText{white-space:pre-wrap;min-height:calc(100% - 32px);max-height:calc(100% - 32px);overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 20%);mask-image:linear-gradient(0deg,#0000 0,#000 20%)}.emerald-template .outputFooter{justify-content:space-between;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.emerald-template .cursor{margin-left:1px;animation:1s infinite emerald-cursor}@keyframes emerald-cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}@layer base{:where(.emerald-template,.emerald-template *){border-color:var(--border)}}