.dn-bar{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07070de0;border-bottom:1px solid #ffffff12;position:fixed;top:0;left:0;right:0}.dn-toprow{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 20px;display:flex}.dn-logo-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.dn-logo{object-fit:contain;width:auto;height:52px}.dn-desktopnav{flex:1;justify-content:space-evenly;align-items:center;gap:4px;min-width:0;display:none;overflow:hidden}.dn-sidebar-btn{display:flex;box-shadow:0 4px 16px #6366f173;color:#fff!important;background:linear-gradient(135deg,#6366f1e6,#ec4899b3)!important;border-color:#6366f180!important}.dn-sidebar-btn:hover{box-shadow:0 6px 22px #6366f199;background:linear-gradient(135deg,#6366f1,#ec4899e6)!important}.dn-hamburger{display:flex}.dn-iconbtn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.dn-iconbtn:hover{background:#ffffff1a}.dn-palette-wrap{position:relative}.dn-palette-panel{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0e18f7;border:1px solid #ffffff1a;border-radius:16px;gap:8px;padding:12px;display:flex;position:absolute;top:44px;right:0;box-shadow:0 20px 40px #0009}.dn-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s}.dn-swatch:hover{transform:scale(1.12)}.dn-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.dn-mobilemenu{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0a0a14f7;border-top:1px solid #ffffff0f;padding:16px}.dn-mobilegrid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dn-mobilelink{color:#dcdde6d9;letter-spacing:.01em;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .15s;display:flex}.dn-mobilelink.active{color:#c4b5fd;background:linear-gradient(135deg,#6366f138,#ec48991f);border-color:#6366f166;box-shadow:0 0 16px #6366f12e}.dn-mobilelink:hover{color:#fff;background:linear-gradient(135deg,#ffffff17,#ffffff0a);border-color:#ffffff24;transform:translateY(-1px)}@media (min-width:1024px){.dn-logo{height:68px}.dn-desktopnav{display:flex}.dn-hamburger{display:none}}