:root{--font-main: "canvas-font", -apple-system, sans-serif;--font-heading: "headingcustomfont", Georgia, serif;--font-mono: "headingcustomfont", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}.app-container{width:100vw;height:100vh;background:#a8a8a8;display:flex;align-items:center;justify-content:flex-start;padding:2rem;gap:2rem}.header-container{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;display:flex;align-items:flex-end}.welcome-text{font-family:var(--font-heading);font-size:48px;color:#333;margin-right:10px}.meowbin-text{font-family:var(--font-heading);font-size:52px;color:#666;display:inline-block;transform:translateY(-5px)}.sidebar{height:80vh;width:50px;background:#d3d3d3;border-radius:10px;padding:10px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #000,6px 6px #000}.sidebar-list{list-style:none;padding:0;margin-top:20px}.sidebar-btn{background:none;border:none;padding:5px;cursor:pointer;color:#333;transition:opacity .3s}.sidebar-btn:hover{opacity:.7}.sidebar-list i,.sidebar-footer i{width:20px;height:20px}.sidebar-footer{padding-bottom:10px}.canvas-wrapper{width:500px;height:80vh;position:relative}.canvas{width:100%;height:100%;border:none;outline:none;resize:none;font-family:customfont,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.6;padding:2rem;background-color:#f5f5f5;color:#1a1a1a;border-radius:32px;box-shadow:0 20px 60px #00000026,0 0 0 3px #0000001a;background-image:radial-gradient(circle,#d0d0d0 2px,transparent 2px);background-size:24px 24px}.canvas:focus{outline:none}.canvas::placeholder{color:#0000004d}.cat-image{position:absolute;bottom:0;right:0;width:700px;height:700px;background-image:url(/assets/kiki_transparent-rikDqNbx.png);background-size:contain;background-repeat:no-repeat;background-position:center}@font-face{font-family:customfont;src:url(/assets/Montserrat-Bold-D4JCkd3k.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:headingcustomfont;src:url(/assets/HomemadeApple-Regular-CFJXaxTv.ttf) format("truetype");fpmt-style:normal;font-diplay:swap}