:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color:#eee;background:#0b0b0b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.8em}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#0b0b0b;color:#eee;overflow-x:hidden}@keyframes revolvingBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1536px){body{font-size:16px}.desktop-panel{min-width:360px}}@media (min-width: 1200px) and (max-width: 1535px){body{font-size:15px}}@media (min-width: 1024px) and (max-width: 1199px){body{font-size:14px}}@media (min-width: 768px) and (max-width: 1023px){body{font-size:13px}.app-container{overflow:hidden}button{min-height:40px;min-width:40px}input[type=range]{height:40px}input[type=color]{width:40px;height:40px}}@media (min-width: 576px) and (max-width: 767px){body{font-size:12px}.app-container{overflow:hidden}button{min-height:44px;min-width:44px}input[type=range]{height:44px}input[type=color]{width:44px;height:44px}textarea,select{min-height:44px;font-size:16px}}@media (max-width: 575px){body{font-size:11px}button{padding:8px 12px;font-size:12px;min-height:44px;min-width:44px}.mobile-compact{padding:8px;gap:6px}input[type=range]{height:44px}input[type=color]{width:44px;height:44px}textarea,select{min-height:44px;font-size:16px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.chat-enter{animation:slideInRight .3s ease-out}.chat-exit{animation:slideOutRight .3s ease-in}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero-animate{animation:slideInFromTop .8s ease-out}.feature-animate{animation:fadeIn .6s ease-out}html{scroll-behavior:smooth}.app-container{overflow:hidden}.landing-page{overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}h1{font-size:3.2em;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.4em .8em;font-size:.9em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.feature-section{flex-direction:column!important}}body.app-page{overflow:hidden;height:100vh;width:100vw;max-width:100vw}html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}*{-webkit-transition:width .3s ease,height .3s ease;transition:width .3s ease,height .3s ease}.canvas-root{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0!important;margin:0!important;box-sizing:border-box}.canvas-stage{margin:0!important;padding:0!important;width:100%!important;height:100%!important}.canvas-stage.brush-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>') 2 2,auto}.canvas-stage.eraser-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="%23000"><rect x="2" y="2" width="12" height="12" rx="1"/></svg>') 8 8,auto}.canvas-stage.pan-mode{cursor:grab}.canvas-stage.pan-mode:active{cursor:grabbing}.canvas-stage.custom-eraser-active{cursor:none!important}.canvas-container{width:100%!important;height:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.konvajs-content{width:100%!important;height:100%!important}@media (max-width: 768px){.app-container{min-height:100vh;min-height:100dvh}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#fff3}.hover-overlay{opacity:0;transition:opacity .3s ease}.project-card:hover .hover-overlay{opacity:1}.context-menu{animation:fadeInScale .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:fadeIn .3s ease}.modal-content{animation:slideInScale .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.project-page-header{padding:12px 16px!important}.project-page-header>div{flex-direction:column!important;gap:16px!important}.project-page-search{max-width:none!important;margin:0!important}.project-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px!important;padding:20px 16px!important}.project-card{border-radius:12px!important}.project-card .thumbnail{height:120px!important}.project-card .info{padding:12px!important}.project-card h3{font-size:14px!important}.project-card .meta{font-size:11px!important}.modal-content{min-width:320px!important;max-width:90vw!important;padding:24px!important;margin:16px!important}}@media (max-width: 480px){.project-page-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.project-card .thumbnail{height:100px!important}.project-card .info{padding:8px!important}.project-card h3{font-size:12px!important}.project-card .meta{font-size:10px!important}}@media (max-width: 768px){.landing-page nav{padding:16px 0!important}.landing-page nav>div{flex-direction:column!important;gap:12px!important;align-items:center!important}.landing-page nav>div>div:last-child{gap:12px!important;justify-content:center!important}.landing-page nav a,.landing-page nav .link{font-size:12px!important;padding:6px 12px!important}.landing-page .nav-buttons{display:none!important}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}