:root{--bg-dark: #0a0a0c;--bg-sidebar: #121216;--bg-card: rgba(255, 255, 255, .03);--accent-primary: #8b5cf6;--accent-primary-rgb: 139, 92, 246;--accent-secondary: #d946ef;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}#root{display:flex;min-height:100vh}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{cursor:pointer;border:none;border-radius:8px;font-family:inherit;transition:all .2s ease}button:hover{transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease forwards}.cropper-toolbar{position:relative;z-index:100;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-sidebar);border-radius:0 0 16px 16px;border:1px solid var(--border-color);border-top:none}.aspect-ratio-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-toggle{padding:.5rem 1rem;font-size:.8rem;background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-toggle.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.zoom-control{display:flex;align-items:center;gap:1rem}.zoom-control input{flex:1;accent-color:var(--accent-primary)}.reactEasyCrop_CropArea{border:2px solid white!important;box-shadow:0 0 0 9999em #000000b3!important}.ReactCrop__crop-selection{border:2px solid white!important}.ReactCrop__drag-handle{background-color:#fff!important;width:12px!important;height:12px!important}.app-layout{display:flex;width:100%;min-height:100vh;background:var(--bg-dark)}.app-layout--fixed{height:100vh}.app-sidebar{width:300px;flex-shrink:0;min-height:100vh;padding:2rem;border-right:1px solid var(--border-color)}.app-main{padding:3rem}.app-content{padding:2rem}@media(max-width:768px){.app-layout{flex-direction:column}.app-layout--fixed{height:auto}.app-sidebar{width:100%;min-height:0;padding:1.25rem;border-right:none;border-bottom:1px solid var(--border-color)}.app-main,.app-content{padding:1.25rem}.app-main>header h2{font-size:1.5rem!important}.shape-grid{grid-template-columns:repeat(3,1fr)!important}}.app-nav-body{display:flex;flex-direction:column;gap:2rem;flex:1}.app-nav-toggle{display:none;margin-left:auto;padding:.5rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}@media(max-width:768px){.app-nav-toggle{display:flex}.app-nav-body:not(.is-open){display:none}.app-sidebar{gap:1.25rem!important}}@media(min-width:769px)and (max-width:1024px){.app-sidebar{width:240px;padding:1.5rem}.app-main{padding:2rem}}