:root,body,html{height:100%}:root{--primary-color:#0066ff;--primary-color-light:#3385ff;--secondary-color:#00c9a7;--text-primary:#222222;--text-secondary:#555555;--text-hint:#999999;--bg-panel:#f9fafb;--divider-color:#e5e7eb;--landing-gradient:linear-gradient(135deg,#0066ff,#00c9a7);--page-padding-mobile:24px;--page-padding-desktop:48px;--section-spacing:32px;--panel-radius:12px;--button-radius:8px;--font-family:"Inter","Helvetica Neue",sans-serif;--font-size-headline:36px;--font-size-subheadline:20px;--font-size-body:16px;--font-size-body-sm:14px;--font-size-section-title:18px;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-regular:400}body{font-family:var(--font-family);color:var(--text-primary)}.mantine-Button-root.create-trackable-link-button:hover{background-image:linear-gradient(135deg,#66aaff,#66ffcc)!important}.mantine-Button-root.download-png-button:hover{background-color:#e0e0e0!important}.qr-code-pop-animation{animation:qrPop .3s ease-out}@keyframes qrPop{0%{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}.editor-container{flex:1;display:flex;flex-direction:row;background:var(--landing-gradient);overflow:hidden}.preview-panel-container{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;order:2}.editor-panel-container{width:400px;border-right:1px solid rgba(255,255,255,.2);padding:24px;color:var(--text-primary);height:100%;overflow:auto;background-color:rgba(255,255,255,.9);flex-shrink:0;order:1}@media (max-width:768px){.editor-container{flex-direction:column;overflow:auto}.preview-panel-container{padding:16px;height:auto;flex:0 0 auto;order:1}.editor-panel-container{width:auto;margin:0 16px;height:auto;border-right:none;border-top:1px solid rgba(255,255,255,.2);order:2}}.dashboard-nav{width:250px;border-right:1px solid #dee2e6;padding:1rem}.dashboard-table{display:table}.dashboard-cards{display:none}@media (max-width:768px){.dashboard-nav,.dashboard-table{display:none}.dashboard-cards{display:block}.brandkit-page{overflow-x:clip}}.brandkit-left-scroll{max-height:none}@media (min-width:62rem){.brandkit-left-scroll{max-height:calc(100dvh - 140px)}}.brandkit-left-scroll .mantine-ScrollArea-content{padding-bottom:8px}canvas,img,svg,video{max-width:100%;height:auto}