@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-page:#edf8ef;--bg-page-gradient:linear-gradient(180deg, #f3fcf4 0%, #edf8ef 40%, #e5f5e8 100%);--bg-card:#fff;--bg-card-mint:#d4edd8;--bg-card-dark:#07311b;--bg-card-dark-gradient:linear-gradient(135deg, #07311b 0%, #0d4627 100%);--text-primary:#08331d;--text-muted:#386049;--text-light:#648a73;--text-on-dark:#fff;--text-on-dark-muted:#a6d2b5;--accent-orange:#ff5c00;--accent-orange-hover:#e55200;--accent-orange-light:#fff0e7;--accent-green:#118146;--accent-green-subtle:#ebf8ee;--border-subtle:#08331d17;--border-card:#08331d0f;--border-focus:#118146;--shadow-sm:0 2px 8px #08331d0a;--shadow-md:0 8px 24px -4px #08331d0f, 0 2px 6px -1px #08331d08;--shadow-lg:0 20px 40px -12px #08331d1a, 0 4px 12px -2px #08331d0a;--shadow-orange:0 10px 24px -6px #ff5c0059;--radius-pill:9999px;--radius-lg:28px;--radius-md:20px;--radius-sm:12px;--max-width:1360px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);background-image:var(--bg-page-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,.brand-font{letter-spacing:-.025em;color:var(--text-primary);font-family:Outfit,Plus Jakarta Sans,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff5c0066}50%{box-shadow:0 0 0 10px #ff5c0000}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}.animate-slide-down{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDown}.desktop-nav{display:flex!important}.mobile-burger-btn{display:none!important}.desktop-actions{display:flex!important}@media (max-width:860px){.desktop-nav,.desktop-actions{display:none!important}.mobile-burger-btn{display:flex!important}}.studio-grid{grid-template-columns:1.15fr .95fr;align-items:start;gap:28px;width:100%;min-width:0;max-width:100%;display:grid}.studio-grid>*{min-width:0;max-width:100%}.studio-sticky-preview{position:sticky;top:92px}.studio-mobile-switcher{display:none!important}@media (max-width:960px){.studio-grid{grid-template-columns:100%!important;gap:20px!important;width:100%!important}.studio-sticky-preview{position:static!important}.studio-mobile-switcher{display:flex!important}.studio-desktop-only{display:none!important}}html,body{max-width:100vw;overflow-x:hidden}.truncate-filename{white-space:nowrap;text-overflow:ellipsis;word-break:break-all;min-width:0;max-width:100%;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#c3e2ca;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#a4cca9}
