.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)}.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}.contained-page>*{grid-column:2}.full-bleed{grid-column:1/4;width:100%}@keyframes tilt{0%,50%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes disco{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@keyframes slide-across{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-tilt{animation:6s linear infinite tilt}.animate-disco{animation:6s linear infinite disco}.animate-slide-across{animation:linear infinite slide-across}.container{--border-radius:12px;--height:400px;text-align:start;position:relative}.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}.window{border-radius:var(--border-radius);background:linear-gradient(#ffffff0f,#0000),#000;width:100%;position:relative;overflow:hidden}.input{z-index:1;color:#fff;background-image:linear-gradient(#0000,#000000bf);align-items:center;height:86px;padding:0 32px;display:flex;position:relative}.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%}.loading{background:linear-gradient(#ffffff40,#ffffff0d);width:100%;height:1px;position:relative}.loading:before,.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}.loading:before{filter:blur(4px)saturate(1.5);height:4px}.loading:after{height:1px}.loading.active:before,.loading.active:after{animation-name:loading;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes loading{0%{opacity:1;transform:scaleX(0)translate(-50%)}to{transform:scaleX(1)translate(100%)}}.output{height:var(--height);padding:24px 32px}.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%)}.outputFooter{justify-content:space-between;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.cursor{margin-left:1px;animation:1s infinite cursor}@keyframes cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}