:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg-app: #09090b;--bg-sidebar: #18181b;--bg-panel: #27272a;--bg-input: #3f3f46;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #3b82f6;--accent-hover: #2563eb;--border-color: #27272a;--focus-ring: rgba(59, 130, 246, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}input,button,select,textarea{font-family:inherit;color:inherit}button{border:none;background:none;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar-container{width:320px;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.canvas-area{flex:1;display:flex;overflow:hidden;position:relative}.right-sidebar{width:280px;height:100%;background-color:var(--bg-app);border-left:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:24px;z-index:10;overflow-y:auto;flex-shrink:0}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar-container{width:100%!important;height:45vh!important;border-right:none!important;border-top:1px solid var(--border-color);order:2}.main-content{order:1;height:55vh}.right-sidebar{display:none!important}.author-badge-mobile-adjust{bottom:45vh!important}.balance-display{display:none!important}}