@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform:scale(1);transform-origin:50% 50%}to{opacity:0;transform:scale(0);transform-origin:50% 50%}}.rc-tooltip{display:block;font-size:12px;line-height:1.5;opacity:.9;position:absolute;visibility:visible;z-index:1070}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightBottom,.rc-tooltip-placement-rightTop{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftBottom,.rc-tooltip-placement-leftTop{padding:0 9px 0 5px}.rc-tooltip-inner{background-color:#373737;border-radius:6px;box-shadow:0 0 4px #0000002b;color:#fff;min-height:34px;padding:8px 10px;text-align:left;text-decoration:none}.rc-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{border-top-color:#373737;border-width:5px 5px 0;bottom:4px;margin-left:-5px}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow{border-right-color:#373737;border-width:5px 5px 5px 0;left:4px;margin-top:-5px}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow{border-left-color:#373737;border-width:5px 0 5px 5px;margin-top:-5px;right:4px}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-bottom-color:#373737;border-width:0 5px 5px;margin-left:-5px;top:4px}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.achievement-modal-overlay-refined{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.particle-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.achievement-modal-refined{animation:slideUp .5s ease-out;background:#000;border:1px solid #111;border-radius:16px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:2}.achievement-modal-refined:before{animation:slowFade 6s ease-in-out infinite;background:radial-gradient(circle at center,#0000 0,#111 100%);bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.achievement-header-refined{align-items:center;background:#111;border-bottom:1px solid #111;display:flex;justify-content:space-between;padding:24px}.achievement-title-refined{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px;letter-spacing:1px;text-transform:uppercase}.header-icon{color:#fff;font-size:20px}.close-btn-refined{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;opacity:.6;transition:all .3s ease-in-out;width:32px}.close-btn-refined:hover{background:#222;box-shadow:0 0 3px #fff;opacity:1}.achievement-stats-refined{align-items:center;background:#222;border-bottom:1px solid #111;display:flex;gap:48px;justify-content:center;padding:32px;position:relative}.stat-item-refined{text-align:center}.stat-value-refined{color:#fff;display:block;font-size:36px;font-weight:700;margin-bottom:4px;text-shadow:0 0 10px #ffffff4d}.stat-label-refined{color:#fff;font-size:12px;letter-spacing:1px;opacity:.6;text-transform:uppercase}.stat-divider{background:#333;height:40px;width:1px}.achievement-tabs-refined{align-items:center;background:#111;border-bottom:1px solid #111;display:flex;gap:8px;padding:16px 24px}.category-tab-refined{align-items:center;background:#222;border:1px solid #0000;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;opacity:.6;transition:all .3s ease-in-out;width:48px}.category-tab-refined:hover{background:#333;opacity:.8;transform:translateY(-2px)}.category-tab-refined.active{background:#000;border-color:#333;box-shadow:0 0 3px #fff,inset 0 0 10px #ffffff1a;opacity:1}.tab-divider{background:#333;height:32px;margin:0 8px;width:1px}.filter-btn-refined{align-items:center;background:#222;border:1px solid #0000;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-left:auto;opacity:.6;transition:all .3s ease-in-out;width:40px}.filter-btn-refined:hover{background:#333;opacity:.8}.filter-btn-refined.active{background:#000;border-color:#333;box-shadow:0 0 3px #fff;opacity:1}.latest-unlock-refined{animation:glowPulse 2s ease-in-out infinite;background:#222;border:1px solid #333;border-radius:12px;margin:16px 24px;overflow:hidden;padding:16px 20px;position:relative}.unlock-glow{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{to{transform:rotate(1turn)}}.unlock-content-refined{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.unlock-icon{color:#fff;font-size:32px}.unlock-content-refined h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.unlock-content-refined p{color:#fff;font-size:13px;margin:0;opacity:.7}.achievements-grid-refined{grid-gap:16px;background:#000;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));overflow-y:auto;padding:24px}.achievement-card-refined{align-items:center;background:#222;border:1px solid #333;border-radius:12px;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease-in-out;width:80px}.achievement-card-refined:hover{box-shadow:0 0 3px #fff,0 8px 20px #0009;transform:translateY(-4px)}.achievement-card-refined.unlocked{background:#111;border-color:#444}.achievement-card-refined.locked{opacity:.5}.achievement-card-refined.locked .card-icon-refined{opacity:.3}.card-icon-refined{color:#fff;font-size:32px;opacity:.9;transition:all .3s ease-in-out}.achievement-card-refined.unlocked .card-icon-refined{opacity:1}.progress-ring-refined{bottom:4px;left:4px;pointer-events:none;position:absolute;right:4px;top:4px}.progress-ring-refined svg{height:100%;transform:rotate(-90deg);width:100%}.progress-bg{fill:none;stroke:#333}.progress-fill{fill:none;stroke:#fff;stroke-linecap:round;transition:stroke-dasharray .5s ease}.tier-1 .progress-fill{stroke:#cd7f32}.tier-2 .progress-fill{stroke:silver}.tier-3 .progress-fill{stroke:gold}.tier-4 .progress-fill{stroke:#b9f2ff}.tier-5 .progress-fill{stroke:#ff6ec7;filter:drop-shadow(0 0 3px #ff6ec7)}.tier-5 .card-icon-refined{animation:legendaryGlow 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{filter:drop-shadow(0 0 5px #ff6ec7)}50%{filter:drop-shadow(0 0 10px #ff6ec7)}}.claim-btn-refined{align-items:center;background:#4ade80;border:none;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #4ade804d;color:#000;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;transition:all .3s ease-in-out;width:24px}.claim-btn-refined:hover:not(:disabled){background:#22c55e;box-shadow:0 0 3px #fff,0 2px 12px #4ade8080;transform:scale(1.1)}.claim-btn-refined:disabled{cursor:not-allowed;opacity:.6}.claim-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#000;height:12px;width:12px}.claimed-badge-refined{align-items:center;background:#333;border-radius:50%;bottom:4px;color:#4ade80;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;width:24px}.achievement-tooltip{max-width:250px}.tooltip-name{color:#fff;font-weight:600;margin-bottom:4px}.tooltip-desc{font-size:12px;margin-bottom:8px;opacity:.8}.tooltip-progress{color:#4ade80;font-size:11px;margin-bottom:4px}.tooltip-reward{color:#fbbf24;font-size:11px}.achievements-grid-refined::-webkit-scrollbar{width:8px}.achievements-grid-refined::-webkit-scrollbar-track{background:#111}.achievements-grid-refined::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.achievements-grid-refined::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:768px){.achievement-modal-refined{max-height:95vh;width:95%}.achievement-stats-refined{gap:24px;padding:24px}.stat-value-refined{font-size:28px}.achievement-tabs-refined{flex-wrap:wrap;padding:12px}.category-tab-refined{font-size:18px;height:44px;width:44px}.achievements-grid-refined{gap:12px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));padding:16px}.achievement-card-refined{height:70px;width:70px}.card-icon-refined{font-size:28px}}.rc-tooltip{z-index:10001}.rc-tooltip-inner{border-radius:8px!important;box-shadow:0 4px 16px #000c!important;padding:8px 12px!important}.dashboard-container{background:var(--pure-black);height:100vh;overflow:hidden;position:relative;width:100vw}.dashboard-layout{display:grid;grid-template-columns:auto 1fr;height:100%;transition:grid-template-columns .15s ease-out;width:100%}.fullscreen-layout{background:var(--pure-black);height:100vh;overflow:hidden;position:relative}.fullscreen-canvas{box-sizing:border-box;height:100%;padding-top:0}.dashboard-sidebar{background:var(--grey-950);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:60px}.progress-indicator{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.nav-tab{align-items:center;background:#0000;border:none;color:var(--white-40);cursor:pointer;display:flex;justify-content:center;margin:0;padding:16px;position:relative;transition:all .2s ease;width:100%}.nav-tab:hover{background:#0000;color:var(--white-80)}.nav-tab.active{background:#0000;color:var(--pure-white)}.nav-tab.active:after{background:var(--pure-white);border-radius:50%;box-shadow:0 0 8px #fff9;content:"";height:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px}.tab-icon{align-items:center;background:none;border:none;color:inherit;display:flex;font-size:20px;height:20px;justify-content:center;transition:var(--transition-fast);width:20px}.nav-tab:hover .tab-icon{filter:none;transform:none}.nav-tab.active .tab-icon{background:none;border:none;filter:none}.locked-tabs,.tab-content-area{display:none}.main-content{height:100%;min-width:0;overflow:hidden;position:relative;width:100%}.unlock-notification{background:var(--grey-900);border:none;border-radius:4px;bottom:20px;box-shadow:0 2px 8px #0000004d;color:var(--pure-white);font-size:13px;font-weight:400;padding:12px 20px;position:fixed;right:20px;z-index:1000}.section{background:#0000;border:none;border-radius:0;margin-bottom:24px;padding:0;transition:none}.section:hover{border:none}.section-title{color:var(--white-40);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.tools-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.tool-button{align-items:center;background:var(--grey-900);border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative;transition:background-color .2s ease}.tool-button:hover{background:var(--grey-850);transform:none}.tool-button.active{background:var(--grey-800);box-shadow:none}.tool-icon{color:var(--white-80);font-size:24px}.tool-button.active .tool-icon,.tool-button:hover .tool-icon{color:var(--pure-white);filter:none}.tool-info{text-align:center}.tool-name{color:var(--white-60);font-size:12px;font-weight:400}.tool-cost{color:var(--white-40);font-size:10px;gap:2px}.current-color,.tool-cost{align-items:center;display:flex}.current-color{background:var(--grey-900);border:none;border-radius:8px;cursor:pointer;gap:12px;margin-bottom:12px;padding:12px;transition:background-color .2s ease}.current-color:hover{background:var(--grey-850)}.color-preview{border:none;border-radius:6px;cursor:pointer;height:32px;transition:transform .2s ease;width:32px}.color-preview:hover{transform:scale(1.1)}.color-info{flex:1 1}.color-label{color:var(--white-40);font-size:11px;margin-bottom:2px}.color-value{color:var(--white-80);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400}.color-picker-toggle{align-items:center;background:var(--grey-900);border:none;border-radius:8px;color:var(--white-60);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;justify-content:center;padding:12px;transition:background-color .2s ease;width:100%}.color-picker-toggle:hover{background:var(--grey-850);color:var(--white-80)}.color-picker-container{background:var(--grey-900);border:none;border-radius:8px;margin-top:12px;padding:12px}.quick-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{background:var(--grey-900);border:none;border-radius:8px;padding:16px;text-align:center;transition:background-color .2s ease}.stat-item:hover{background:var(--grey-850)}.stat-label{color:var(--white-40);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:var(--pure-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:300}*{animation:none!important}.tab-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tab-popup{background:var(--grey-950);border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.popup-header{align-items:center;border-bottom:1px solid var(--grey-800);display:flex;justify-content:space-between;padding:20px 24px}.popup-header h2{color:var(--pure-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:500;margin:0}.popup-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--white-60);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.popup-close:hover{background:var(--white-10);color:var(--pure-white)}.popup-content{flex:1 1;overflow-y:auto;padding:24px}.popup-content::-webkit-scrollbar{display:none}.popup-content{-ms-overflow-style:none;scrollbar-width:none}.achievement-tab{border-top:1px solid var(--grey-800);margin-top:auto;position:relative}.achievement-count{background:gold;border-radius:10px;color:#000;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:8px;text-align:center;top:8px}@media (max-width:768px){.dashboard-sidebar{width:50px}.nav-tab{padding:14px}.tab-popup{max-height:90vh;max-width:95%}}@media (max-width:480px){.dashboard-sidebar{width:45px}.nav-tab{padding:12px}.popup-content{padding:16px}}.admin-panel-refined{background:#000;border:1px solid #111;border-radius:12px;box-shadow:0 8px 32px #000c;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:fixed;right:20px;top:20px;transition:all .3s ease-in-out;width:600px;z-index:10000}.admin-panel-refined.minimized{width:60px}.admin-panel-refined:before{animation:slowFade 8s ease-in-out infinite;background-image:linear-gradient(45deg,#111 25%,#0000 0),linear-gradient(-45deg,#111 25%,#0000 0),linear-gradient(45deg,#0000 75%,#111 0),linear-gradient(-45deg,#0000 75%,#111 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}@keyframes slowFade{0%,to{opacity:.05}50%{opacity:.03}}.admin-panel-header{align-items:center;background:#111;border-bottom:1px solid #111;display:flex;justify-content:space-between;padding:16px 20px}.admin-panel-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;text-transform:uppercase}.admin-icon{color:#fff;font-size:16px}.admin-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;opacity:.6;padding:6px;transition:all .3s ease-in-out}.admin-close-btn:hover{background:#222;box-shadow:0 0 3px #fff;opacity:1}.admin-tabs{background:#222;border-bottom:1px solid #111;display:flex;gap:4px;padding:8px}.admin-tab{align-items:center;background:#333;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:18px;justify-content:center;opacity:.7;padding:12px;transition:all .3s ease-in-out}.admin-panel-refined.minimized .admin-tab{flex:none;height:44px;padding:0;width:44px}.admin-tab:hover{background:#444;opacity:.9;transform:translateY(-1px)}.admin-tab.active{background:#000;border-color:#111;box-shadow:0 0 3px #fff,inset 0 0 10px #ffffff1a;opacity:1}.admin-content{background:#000;flex:1 1;overflow-y:auto;padding:20px;position:relative}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:#111}.admin-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.admin-content::-webkit-scrollbar-thumb:hover{background:#444}.admin-minimize-btn{background:#222;border:1px solid #111;border-radius:12px 0 0 12px;color:#fff;cursor:pointer;font-size:12px;height:48px;left:-12px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:24px}.admin-minimize-btn:hover{background:#333;box-shadow:0 0 3px #fff;opacity:1}.admin-toggle-btn{align-items:center;background:#222;border:1px solid #111;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #0009;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease-in-out;width:56px;z-index:9999}.admin-toggle-btn:hover{background:#333;box-shadow:0 0 3px #fff,0 6px 20px #000c;transform:scale(1.05)}.admin-panel-refined table{border-collapse:collapse;color:#fff;width:100%}.admin-panel-refined th{background:#111;border-bottom:1px solid #222;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.admin-panel-refined tr{border-bottom:1px solid #111;transition:all .3s ease-in-out}.admin-panel-refined tbody tr:nth-child(2n){background:#111}.admin-panel-refined tbody tr:nth-child(odd){background:#222}.admin-panel-refined tbody tr:hover{background:#333;box-shadow:0 0 3px #fff}.admin-panel-refined td{font-size:13px;padding:12px}.admin-panel-refined button:not(.admin-tab):not(.admin-close-btn):not(.admin-minimize-btn):not(.admin-toggle-btn){background:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease-in-out}.admin-panel-refined button:not(.admin-tab):not(.admin-close-btn):not(.admin-minimize-btn):not(.admin-toggle-btn):hover{background:#444;border-color:#555;box-shadow:0 0 3px #fff}@media (max-width:768px){.admin-panel-refined{left:20px;right:20px;width:calc(100vw - 40px)}.admin-tabs{flex-wrap:wrap}.admin-tab{font-size:20px;padding:14px}.admin-toggle-btn{font-size:20px;height:48px;width:48px}}.rc-tooltip{opacity:1!important}.rc-tooltip-inner{background:#222!important;border:1px solid #333!important;border-radius:6px!important;box-shadow:0 2px 8px #0009!important;color:#fff!important;font-size:12px!important;padding:6px 10px!important}.rc-tooltip-arrow{border-color:#222 #0000 #0000!important}.floating-toolbar{animation:toolbar-float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#0a0a0af2,#141414fa);border:2px solid #fff;border:2px solid var(--selected-color,#fff);border-radius:50px;box-shadow:0 8px 32px #0009,0 0 20px #ffffff26,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;box-shadow:0 8px 32px #0009,0 0 20px var(--selected-color,#ffffff26),inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;min-width:fit-content;overflow:visible;perspective:1000px;-webkit-perspective:1000px;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-toolbar:hover{box-shadow:0 12px 40px #000000b3,0 0 30px #ffffff40,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003;box-shadow:0 12px 40px #000000b3,0 0 30px var(--selected-color,#ffffff40),inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003;transform:translateY(-2px) scale(1.02)}.floating-toolbar.dragging{box-shadow:0 16px 50px #000c,0 0 40px #fff6,inset 0 2px 0 #fff3;box-shadow:0 16px 50px #000c,0 0 40px var(--selected-color,#fff6),inset 0 2px 0 #fff3;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));filter:drop-shadow(0 0 10px var(--selected-color,rgba(255,255,255,.3)));opacity:.95;transform:scale(1.05) rotate(1deg);transition:none!important}.floating-toolbar.dragging *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}@media (max-width:768px){.floating-toolbar{transition:transform .1s ease-out}.floating-toolbar:active{transform:scale(.98)}.floating-toolbar .toolbar-item{min-height:44px;min-width:44px}}.toolbar-progress-fill,.toolbar-progress-track{border-radius:50px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.toolbar-progress-fill{filter:drop-shadow(0 0 2px currentColor)}.floating-toolbar.cooldown-complete{animation:cooldown-glow .5s ease-out}@keyframes cooldown-glow{0%{box-shadow:0 8px 32px #0009,0 0 20px #ffffff26;box-shadow:0 8px 32px #0009,0 0 20px var(--selected-color,#ffffff26)}50%{box-shadow:0 12px 50px #000c,0 0 50px #fffc,0 0 100px #fff6;box-shadow:0 12px 50px #000c,0 0 50px var(--selected-color,#fffc),0 0 100px var(--selected-color,#fff6);transform:scale(1.05)}to{box-shadow:0 8px 32px #0009,0 0 20px #ffffff26;box-shadow:0 8px 32px #0009,0 0 20px var(--selected-color,#ffffff26)}}@keyframes toolbar-float{0%,to{transform:translateZ(0) translateY(0)}50%{transform:translateZ(0) translateY(-1px)}}.drag-handle{background:#ffffff26;border-radius:4px;cursor:grab;height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);transition:all .2s ease;width:40px;z-index:2}.drag-handle:before{border-radius:6px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.drag-handle:hover{background:#ffffff40;transform:translateX(-50%) scaleY(1.25);width:48px}.floating-toolbar.dragging .drag-handle{background:#ffffff59;cursor:grabbing;transform:translateX(-50%) scaleY(1.5)}.toolbar-content{align-items:center;cursor:pointer;display:flex;gap:12px;height:62px;padding:20px 16px 12px;position:relative;z-index:1}.toolbar-section{flex-direction:row;gap:6px}.toolbar-section,.tools-group{align-items:center;display:flex}.tools-group{gap:4px}.tool-btn{align-items:center;background:linear-gradient(135deg,#282828cc,#141414e6);border:1px solid #4b556380;border-radius:50%;color:var(--white-80);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.tool-btn:hover{background:linear-gradient(135deg,#3c3c3ce6,#282828f2);border-color:#ffffff4d;box-shadow:0 4px 20px #0006,0 0 15px #fff3,inset 0 1px 0 #ffffff1a;color:var(--pure-white);transform:translateY(-2px) scale(1.05)}.tool-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tool-btn:hover:before{left:100%}.tool-btn.active{background:var(--white-10);border-color:var(--white-40);box-shadow:0 0 5px #ffffff4d;color:var(--pure-white)}.tool-btn.active .icon-eyedropper{animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}@keyframes rippleExpand{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.tool-icon{align-items:center;display:flex;justify-content:center;transition:var(--transition-fast)}.tool-btn.active .tool-icon,.tool-btn:hover .tool-icon{filter:drop-shadow(var(--glow-soft))}.color-controls,.controls-group{align-items:center;display:flex;gap:6px}.color-preview-btn{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #fff3,inset 0 -1px 0 #0003;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.color-preview-btn:hover{border-color:#fff6;box-shadow:0 6px 25px #0006,0 0 20px currentColor,inset 0 2px 0 #ffffff4d,inset 0 -2px 0 #0000004d;transform:scale(1.1) rotate(5deg)}.color-preview-btn:after{background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:50%;content:"";height:80%;left:10%;opacity:0;position:absolute;top:10%;transition:opacity .3s ease;width:80%}.color-preview-btn:hover:after{opacity:1}.picker-toggle{align-items:center;background:var(--grey-900);border:1px solid var(--grey-700);border-radius:50%;color:var(--white-80);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:var(--transition-fast);width:40px}.picker-toggle:hover{background:var(--grey-800);border-color:var(--white-20);box-shadow:var(--glow-soft);color:var(--pure-white)}.picker-toggle.active{background:var(--white-10);border-color:var(--white-40);box-shadow:var(--glow-medium);color:var(--pure-white)}.stats-section{align-items:center;display:flex;height:100%}.credits-display{align-items:center;background:var(--grey-900);border:1px solid var(--grey-700);border-radius:20px;color:var(--white-90);display:flex;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;gap:6px;height:28px;padding:4px 12px}.color-picker-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a;border:1px solid #333;border-radius:20px;box-shadow:0 4px 20px #000c;max-height:280px;max-width:180px;overflow:hidden;position:relative}.color-picker-container.compact{background:#0000;border:none;overflow:hidden;padding:0}.picker-header{border-radius:20px 20px 0 0;justify-content:flex-end;margin:0;min-height:16px;padding:2px 8px;position:relative}.picker-header,.picker-header .close-picker{align-items:center;background:#0000;border:none;display:flex}.picker-header .close-picker{border-radius:4px;color:#fff;cursor:pointer;font-size:16px;height:16px;justify-content:center;opacity:.6;padding:2px;transition:var(--transition-fast);width:16px}.close-picker:hover{background:#ffffff1a;opacity:1}.compact-controls{background:#0000;border:none;border-radius:0 0 20px 20px;display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px}.color-preview-large{border:2px solid var(--grey-700);border-radius:8px;box-shadow:0 0 10px #ffffff1a;height:60px;margin-bottom:12px;width:100%}.color-sliders{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.slider-container{align-items:center;display:flex;gap:10px}.slider-container label{color:#888;font-size:10px;font-weight:600;text-transform:uppercase;width:14px}.color-slider{appearance:none;border-radius:7px;box-shadow:inset 0 0 0 1px #fff3;cursor:pointer;height:14px;outline:none;width:100%}.color-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:18px;width:18px}.color-slider::-moz-range-thumb{background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:18px;width:18px}.hue-slider-wrapper .hue-slider{background:linear-gradient(90deg,#333 0,#444 14%,#555 28%,#666 42%,#777 56%,#888 70%,#999 84%,#aaa);overflow:hidden;position:relative}.hue-slider-wrapper .hue-slider:after{background:linear-gradient(90deg,#f003 0,#ff03 17%,#0f03 33%,#0ff3 50%,#00f3 67%,#f0f3 83%,#f003);border-radius:7px;bottom:0;content:"";left:0;mix-blend-mode:overlay;pointer-events:none;position:absolute;right:0;top:0}.saturation-slider{background:linear-gradient(90deg,#444 0,#888)}.lightness-slider{background:linear-gradient(90deg,#000 0,#333 25%,#666 50%,#999 75%,#fff)}.greyscale-slider-container{background:linear-gradient(90deg,#fff 0,#000);border-radius:10px;box-shadow:inset 0 0 0 1px #fff3;height:20px;padding:2px;width:100%}.greyscale-slider{appearance:none;background:#0000;cursor:pointer;height:16px;width:100%}.greyscale-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:16px;width:16px}.greyscale-slider::-moz-range-thumb{background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:16px;width:16px}.rgb-display{align-items:center;background:#111;border:1px solid #333;border-radius:6px;display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:8px;padding:6px 10px}.rgb-label{color:#888;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rgb-value{color:#fff;flex:1 1;font-weight:500}.copy-rgb-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.copy-rgb-btn:hover{background:#ffffff1a;color:#fff}.hex-input{background:#222;border:1px solid #333;border-radius:4px;color:#fff;flex:1 1;font-family:JetBrains Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:500;margin:0 8px;outline:none;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.hex-input:focus{background:#2a2a2a;border-color:#555;box-shadow:0 0 0 2px #ffffff1a}.hex-input:hover{border-color:#444}.color-wheel-container{display:flex;justify-content:center;margin-bottom:12px}.color-wheel{height:110px!important;width:110px!important}.color-wheel .react-colorful__saturation{border:2px solid var(--grey-700)!important;border-radius:15px!important;box-shadow:0 0 8px #fff3!important}.color-wheel .react-colorful__hue{border:1px solid var(--grey-700)!important;border-radius:8px!important;box-shadow:0 0 4px #ffffff1a!important;height:16px!important;margin-top:8px!important}.color-wheel .react-colorful__pointer{border:2px solid var(--grey-700)!important;box-shadow:0 0 6px #00000080,0 0 0 1px #fff3!important;height:18px!important;transition:all .2s ease!important;width:18px!important}.color-wheel .react-colorful__hue-pointer{border:2px solid var(--grey-700)!important;box-shadow:0 0 4px #00000080,0 0 0 1px #fff3!important;height:16px!important;transition:all .2s ease!important;width:16px!important}.color-wheel .react-colorful__hue-pointer:hover,.color-wheel .react-colorful__pointer:hover{box-shadow:0 0 8px #fff6,0 0 0 1px #ffffff4d!important;transform:scale(1.1)!important}.color-sections{gap:8px}.color-section,.color-sections{display:flex;flex-direction:column}.color-section{gap:6px}.section-label{color:#666;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.favorites-section{margin-top:4px}.favorites-header{align-items:center;gap:6px;margin-bottom:6px}.favorites-header,.favorites-row{display:flex;justify-content:center}.favorites-row{flex-wrap:wrap;gap:3px}.favorite-swatch{position:relative;transition:all .2s ease}.favorite-swatch.vip-swatch:nth-child(n+9){box-shadow:0 0 2px #ffffff4d}.vip-indicator{color:#888;font-size:10px;opacity:.7;transition:opacity .2s ease}.vip-indicator:hover{opacity:1}.recent-colors-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:4px}.common-colors-grid{grid-gap:4px;display:flex;display:grid;flex-wrap:wrap;gap:6px;gap:4px;grid-template-columns:repeat(4,1fr)}.mini-swatch{border:1px solid var(--grey-700);border-radius:4px;box-shadow:0 0 0 1px #111;cursor:pointer;height:28px;overflow:hidden;position:relative;transition:all .2s ease;width:28px}@media (hover:none) and (pointer:coarse){.mini-swatch{height:36px;width:36px}}.mini-swatch:hover{border-width:2px;box-shadow:0 0 6px #ffffff4d;transform:scale(1.05)}.mini-swatch.selected{border-width:2px;box-shadow:0 0 8px #ffffff80,inset 0 0 0 2px #ffffff80}.premium-badge{align-items:center;background:#111;border-top:1px solid #333;color:#fff;display:flex;font-size:10px;gap:6px;justify-content:center;letter-spacing:.05em;opacity:.8;padding:8px;text-transform:uppercase}.color-palette-section{margin-bottom:16px}.color-palette-section.premium-section{border-top:1px solid var(--grey-800);margin-bottom:0;padding-top:16px}.palette-header{align-items:center;color:var(--white-80);display:flex;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.premium-icon{animation:premiumPulse 3s ease-in-out infinite;filter:drop-shadow(var(--glow-premium))}.color-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr)}.color-grid.premium-grid{gap:8px;grid-template-columns:repeat(6,1fr)}.color-swatch{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:var(--transition-fast);width:100%}.color-swatch:hover{border-color:var(--white-30);box-shadow:0 0 8px #fff3;transform:scale(1.05)}.color-swatch.selected{border-color:var(--pure-white);box-shadow:0 0 12px #ffffff4d}.color-swatch.premium-swatch{animation:shimmer 3s ease-in-out infinite;background-image:linear-gradient(135deg,#0000 40%,#ffffff1a 50%,#0000 60%);background-size:200% 200%}.color-swatch.premium-swatch:hover{animation-duration:1s;border-color:var(--white-40);box-shadow:var(--glow-medium)}.color-swatch.premium-swatch.selected{border-color:var(--pure-white);box-shadow:var(--glow-strong)}@keyframes shimmer{0%{background-position:200% 200%}to{background-position:-200% -200%}}.minimap-container{animation:minimap-enter .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;background:linear-gradient(135deg,#0f0f0ff2,#191919fa)!important;border:2px solid #ffffff26!important;border-radius:16px!important;box-shadow:0 8px 32px #0009,0 0 20px #ffffff1a,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d!important;overflow:hidden!important}.minimap-container:hover{border-color:#ffffff40!important;box-shadow:0 12px 40px #000000b3,0 0 30px #ffffff26,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0003!important;transform:scale(1.02)}@keyframes minimap-enter{0%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.minimap-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282828e6,#141414f2)!important;border:2px solid #fff3!important;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0003!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.minimap-toggle-btn:hover{background:linear-gradient(135deg,#3c3c3cf2,#282828fa)!important;border-color:#fff6!important;box-shadow:0 6px 20px #0006,0 0 15px #fff3,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a!important;transform:translateY(-50%) scale(1.15)!important}.credits-display{animation:credits-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1ee6,#0f0f0ff2)!important;border:1px solid #ffffff26!important;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0003!important;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes credits-glow{0%,to{box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0003}50%{box-shadow:0 4px 15px #0000004d,0 0 10px #ffd7004d,inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0003}}@media (max-width:768px){.toolbar-content{gap:10px;height:56px;padding:18px 14px 10px}.color-preview-btn,.picker-toggle,.tool-btn{height:44px;touch-action:manipulation;width:44px}.color-preview-btn:active,.picker-toggle:active,.tool-btn:active{transform:scale(.95)}.color-picker-overlay{max-width:calc(100vw - 20px);min-width:300px}.color-grid{gap:8px;grid-template-columns:repeat(6,1fr)}.color-grid.premium-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.color-swatch{min-height:36px}.color-swatch:active{transform:scale(.9)}}@media (max-width:480px){.toolbar-content{gap:8px;height:54px;padding:16px 14px 10px}.color-preview-btn,.picker-toggle,.tool-btn{height:38px;width:38px}.credits-display{font-size:12px;padding:6px 10px}}.tool-selector{position:relative}.dropdown-indicator{bottom:2px;opacity:.6;position:absolute;right:2px;transition:var(--transition-fast)}.tool-selector:hover .dropdown-indicator{opacity:1}.tools-dropdown{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--grey-900);border:1px solid var(--grey-700);border-radius:8px;box-shadow:var(--shadow-xl),var(--glow-soft);left:50%;min-width:180px;padding:8px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--white-80);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--grey-800);color:var(--pure-white)}.dropdown-item.selected{background:var(--white-10);color:var(--pure-white)}.dropdown-item .tool-icon{align-items:center;display:flex;justify-content:center;width:16px}.dropdown-item .tool-label{flex:1 1;font-weight:500}.dropdown-item .tool-cost{color:var(--white-60);font-size:11px;font-weight:400}.dropdown-item:hover .tool-cost{color:var(--white-80)}.pixel-style-btn{align-items:center;background:var(--grey-900);border:1px solid var(--grey-700);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:var(--transition-fast);width:40px}.pixel-style-btn:hover{background:var(--grey-800);border-color:var(--white-20);box-shadow:var(--glow-soft);transform:translateY(-1px)}.pixel-style-btn.active{box-shadow:var(--glow-medium)}.pixel-style-icon{filter:brightness(1.2);font-size:18px;line-height:1;transition:var(--transition-fast)}.pixel-style-btn:hover .pixel-style-icon{filter:brightness(1.5) drop-shadow(0 0 8px currentColor);transform:scale(1.1)}.pixel-style-btn[style*=linear-gradient]{animation:rainbowShift 3s ease-in-out infinite;background-size:200% 200%}@keyframes rainbowShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pixel-style-selector{position:relative}.pixel-style-dropdown{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--grey-900);border:1px solid var(--grey-700);border-radius:8px;box-shadow:var(--shadow-xl),var(--glow-soft);left:50%;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:1000}.pixel-style-dropdown .dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--white-80);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:var(--transition-fast);width:100%}.pixel-style-dropdown .dropdown-item:hover:not(.disabled){background:var(--grey-800);color:var(--pure-white)}.pixel-style-dropdown .dropdown-item.selected{background:var(--white-10);color:var(--pure-white)}.pixel-style-dropdown .dropdown-item.disabled{cursor:not-allowed;opacity:.5}.pixel-style-dropdown .style-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}.pixel-style-dropdown .style-label{flex:1 1;font-weight:500}.pixel-style-dropdown .style-cost{color:var(--white-60);font-size:11px;font-weight:400;white-space:nowrap}.pixel-style-dropdown .premium-lock{font-size:12px;margin-left:4px}:root{--mobile-safe-top:env(safe-area-inset-top,0);--mobile-safe-bottom:env(safe-area-inset-bottom,0);--mobile-safe-left:env(safe-area-inset-left,0);--mobile-safe-right:env(safe-area-inset-right,0);--mobile-touch-target:48px;--mobile-touch-target-small:44px;--mobile-tap-margin:8px;--mobile-font-base:16px;--mobile-font-sm:14px;--mobile-font-lg:18px;--mobile-padding:16px;--mobile-margin:12px;--mobile-gap:12px}button,input,select,textarea{font-size:16px!important;font-size:var(--mobile-font-base)!important;touch-action:manipulation}@media (max-width:768px){.btn,.icon-button,.touch-target,button{min-height:48px;min-height:var(--mobile-touch-target);min-width:48px;min-width:var(--mobile-touch-target);padding:12px 16px}.btn-sm,.icon-button-sm{min-height:44px;min-height:var(--mobile-touch-target-small);min-width:44px;min-width:var(--mobile-touch-target-small);padding:10px 12px}.btn+.btn,.touch-target+.touch-target,button+button{margin-left:8px;margin-left:var(--mobile-tap-margin)}}.touch-feedback{transition:transform .1s ease,background-color .1s ease}.touch-feedback:active{background-color:var(--color-interactive-pressed);transform:scale(.95)}@media (max-width:768px){.btn{border-radius:var(--radius-lg);border-width:2px;font-weight:var(--font-weight-medium)}.btn-primary{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}}.canvas-container{-webkit-overflow-scrolling:auto;-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.canvas-controls{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);bottom:calc(env(safe-area-inset-bottom, 0) + 20px);bottom:calc(var(--mobile-safe-bottom) + 20px);box-shadow:var(--shadow-lg);display:flex;gap:12px;gap:var(--mobile-gap);left:50%;padding:16px;padding:var(--mobile-padding);position:fixed;transform:translateX(-50%);z-index:var(--z-index-docked)}.canvas-zoom-controls{display:flex;flex-direction:column;gap:var(--space-2)}.zoom-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;font-size:18px;font-weight:700;height:48px;height:var(--mobile-touch-target);justify-content:center;width:48px;width:var(--mobile-touch-target)}}.canvas-gesture-feedback{animation:gestureHint .5s ease-out;background:var(--color-interactive-hover);border:2px dashed var(--color-border-focus);border-radius:var(--radius-md);opacity:.7;pointer-events:none;position:absolute}@keyframes gestureHint{0%{opacity:0;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}@media (max-width:768px){.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);bottom:0;left:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--mobile-safe-top);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:var(--z-index-overlay)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-black-60);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:calc(var(--z-index-overlay) - 1)}.sidebar.open~.sidebar-overlay{opacity:1;pointer-events:auto}.mobile-sidebar-toggle{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;height:48px;height:var(--mobile-touch-target);justify-content:center;left:16px;position:fixed;top:calc(env(safe-area-inset-top, 0) + 16px);top:calc(var(--mobile-safe-top) + 16px);transition:var(--transition-fast);width:48px;width:var(--mobile-touch-target);z-index:calc(var(--z-index-overlay) + 1)}.mobile-sidebar-toggle:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-lg)}.mobile-bottom-nav{background:var(--color-surface-elevated);border-top:1px solid var(--color-border);bottom:0;display:flex;justify-content:space-around;left:0;padding:calc(var(--space-3) + var(--mobile-safe-bottom)) var(--space-4) var(--mobile-safe-bottom);position:fixed;right:0;z-index:var(--z-index-docked)}.bottom-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-1);min-width:48px;min-width:var(--mobile-touch-target);padding:var(--space-2);text-decoration:none;transition:var(--transition-fast)}.bottom-nav-item.active,.bottom-nav-item:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.bottom-nav-icon{font-size:20px}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.modal{border-radius:var(--radius-xl);margin:16px;max-height:calc(100vh - 32px);max-width:none;width:calc(100vw - 32px)}.modal-overlay{align-items:flex-end;padding:0}.modal-bottom-sheet{animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:90vh;width:100%}}@media (max-width:768px){@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--color-border-medium);border-radius:2px;height:4px;margin:var(--space-3) auto var(--space-4);width:40px}.tooltip{display:none}.mobile-tooltip{animation:slideUpFromBottom .2s ease-out;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);bottom:calc(env(safe-area-inset-bottom, 0) + 16px);bottom:calc(var(--mobile-safe-bottom) + 16px);box-shadow:var(--shadow-lg);left:16px;padding:var(--space-4);position:fixed;right:16px;z-index:var(--z-index-popover)}.mobile-tooltip-close{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);width:24px}.form-group{margin-bottom:var(--space-6)}.form-label{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.input,.select,.textarea{border-radius:var(--radius-lg);border-width:2px;font-size:16px;min-height:44px;min-height:var(--mobile-touch-target-small);padding:16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);border-width:2px;transform:none}.checkbox,.radio{border-width:2px;height:20px;width:20px}.checkbox-label,.radio-label{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:var(--transition-fast)}.checkbox-label:hover,.radio-label:hover{background:var(--color-interactive-hover)}.loading-overlay{padding:var(--space-8)}.loading-content{margin:0 auto;max-width:300px;text-align:center}.loading-spinner{border-width:4px;height:48px;margin-bottom:var(--space-4);width:48px}.loading-text{color:var(--color-text-secondary);font-size:18px;font-size:var(--mobile-font-lg)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:var(--radius-md)}}@media (max-width:768px){@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}}.swipeable{overflow:hidden;position:relative;touch-action:pan-x}.swipe-indicator{background:var(--color-border-focus);border-radius:2px;height:24px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:4px}.swipe-indicator.left{animation:swipeLeft .5s ease;left:8px}.swipe-indicator.right{animation:swipeRight .5s ease;right:8px}@keyframes swipeLeft{0%{opacity:0;transform:translateY(-50%) translateX(20px)}50%{opacity:1}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes swipeRight{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}50%{opacity:1}to{opacity:1;transform:translateY(-50%) translateX(0)}}.pull-to-refresh{overflow:hidden;position:relative}.pull-indicator{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:-60px;transform:translateX(-50%);transition:transform .2s ease;width:40px}.pull-indicator.active{transform:translateX(-50%) rotate(180deg)}@media (max-width:768px){:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}.skip-link{background:var(--color-surface-elevated);border-radius:var(--radius-md);color:var(--color-text-primary);left:6px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s ease;z-index:1000}.skip-link:focus{top:6px}}@media (prefers-contrast:high){@media (max-width:768px){.btn,.input,.select,.textarea{border-width:3px}:focus-visible{outline-width:4px}}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){*{animation-duration:.2s!important;transition-duration:.2s!important}}.mobile-smooth-scroll{-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.mobile-optimized{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (max-width:768px){.error-notification{bottom:calc(env(safe-area-inset-bottom, 0) + 16px);bottom:calc(var(--mobile-safe-bottom) + 16px);left:16px;position:fixed;right:16px;z-index:var(--z-index-toast)}.error-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-4)}.error-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.error-action{flex:1 1;min-height:44px;min-height:var(--mobile-touch-target-small)}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-stack{flex-direction:column!important}.mobile-no-gap{gap:0!important}.mobile-padding{padding:16px!important;padding:var(--mobile-padding)!important}.mobile-margin{margin:12px!important;margin:var(--mobile-margin)!important}}@media (min-width:769px) and (max-width:1024px){.tablet-hidden{display:none!important}.tablet-half-width{width:50%!important}}@media (min-width:1025px){.desktop-only{display:block!important}.mobile-only{display:none!important}}:root{--safe-area-inset-top:env(safe-area-inset-top,0);--safe-area-inset-right:env(safe-area-inset-right,0);--safe-area-inset-bottom:env(safe-area-inset-bottom,0);--safe-area-inset-left:env(safe-area-inset-left,0);--keyboard-inset-height:env(keyboard-inset-height,0);--mobile-safe-margin:8px;--status-bar-height:44px;--status-bar-height-android:24px;--home-indicator-height:34px}.fullscreen-layout{-webkit-overflow-scrolling:touch;min-height:100vh;min-height:100dvh;overscroll-behavior:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);touch-action:manipulation;width:100vw}.fullscreen-canvas{-webkit-touch-callout:none;height:calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));height:calc(100dvh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));height:calc(100dvh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));max-width:calc(100vw - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0));max-width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right));overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.safe-padding-top{padding-top:calc(env(safe-area-inset-top, 0) + 8px);padding-top:calc(var(--safe-area-inset-top) + var(--mobile-safe-margin))}.safe-padding-bottom{padding-bottom:calc(env(safe-area-inset-bottom, 0) + 8px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--mobile-safe-margin))}.safe-padding-left{padding-left:calc(env(safe-area-inset-left, 0) + 8px);padding-left:calc(var(--safe-area-inset-left) + var(--mobile-safe-margin))}.safe-padding-horizontal,.safe-padding-right{padding-right:calc(env(safe-area-inset-right, 0) + 8px);padding-right:calc(var(--safe-area-inset-right) + var(--mobile-safe-margin))}.safe-padding-horizontal{padding-left:calc(env(safe-area-inset-left, 0) + 8px);padding-left:calc(var(--safe-area-inset-left) + var(--mobile-safe-margin))}.safe-padding-vertical{padding-bottom:calc(env(safe-area-inset-bottom, 0) + 8px);padding-bottom:calc(var(--safe-area-inset-bottom) + var(--mobile-safe-margin));padding-top:calc(env(safe-area-inset-top, 0) + 8px);padding-top:calc(var(--safe-area-inset-top) + var(--mobile-safe-margin))}.safe-padding-all{padding:calc(env(safe-area-inset-top, 0) + 8px) calc(env(safe-area-inset-right, 0) + 8px) calc(env(safe-area-inset-bottom, 0) + 8px) calc(env(safe-area-inset-left, 0) + 8px);padding:calc(var(--safe-area-inset-top) + var(--mobile-safe-margin)) calc(var(--safe-area-inset-right) + var(--mobile-safe-margin)) calc(var(--safe-area-inset-bottom) + var(--mobile-safe-margin)) calc(var(--safe-area-inset-left) + var(--mobile-safe-margin))}.floating-top{position:fixed;top:calc(env(safe-area-inset-top, 0) + 16px);top:calc(var(--safe-area-inset-top) + 16px);z-index:1000}.floating-bottom{bottom:calc(env(safe-area-inset-bottom, 0) + 16px);bottom:calc(var(--safe-area-inset-bottom) + 16px);position:fixed;z-index:1000}.floating-left{left:calc(env(safe-area-inset-left, 0) + 16px);left:calc(var(--safe-area-inset-left) + 16px);position:fixed;z-index:1000}.floating-right{position:fixed;right:calc(env(safe-area-inset-right, 0) + 16px);right:calc(var(--safe-area-inset-right) + 16px);z-index:1000}.floating-center-horizontal{left:50%;max-width:calc(100vw - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0) - 32px);max-width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right) - 32px);position:fixed;transform:translateX(-50%);z-index:1000}.floating-center-vertical{max-height:calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0) - 32px);max-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 32px);position:fixed;top:50%;transform:translateY(-50%);z-index:1000}@supports (padding:env(safe-area-inset-top)){@media screen and (orientation:landscape){.fullscreen-canvas{width:calc(100vw - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0));width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))}.floating-toolbar-landscape{left:calc(env(safe-area-inset-left, 0) + 8px);left:calc(var(--safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right, 0) + 8px);right:calc(var(--safe-area-inset-right) + 8px);top:calc(env(safe-area-inset-top, 0) + 8px);top:calc(var(--safe-area-inset-top) + 8px)}}}@supports (padding:env(safe-area-inset-top)){.android-cutout-safe{padding-top:calc(env(safe-area-inset-top, 0) + 4px);padding-top:calc(var(--safe-area-inset-top) + 4px)}}@supports (height:env(keyboard-inset-height)){.keyboard-aware{transform:translateY(calc(env(keyboard-inset-height, 0)*-1/2));transform:translateY(calc(var(--keyboard-inset-height)*-1/2));transition:transform .3s ease}.floating-above-keyboard{bottom:calc(env(keyboard-inset-height, 0) + env(safe-area-inset-bottom, 0) + 16px);bottom:calc(var(--keyboard-inset-height) + var(--safe-area-inset-bottom) + 16px);transition:bottom .3s ease}}@media screen and (max-height:500px) and (orientation:landscape){.keyboard-aware-fallback{transform:translateY(-50px)}.floating-bottom-keyboard-fallback{bottom:calc(env(safe-area-inset-bottom, 0) + 60px);bottom:calc(var(--safe-area-inset-bottom) + 60px)}}.below-status-bar{min-margin-top:44px;min-margin-top:var(--status-bar-height);margin-top:env(safe-area-inset-top,0);margin-top:var(--safe-area-inset-top)}.status-bar-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;height:env(safe-area-inset-top,0);height:var(--safe-area-inset-top);left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@media screen and (max-width:375px){:root{--mobile-safe-margin:6px}.fullscreen-canvas{height:calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0));height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}}@media screen and (min-width:768px){:root{--mobile-safe-margin:12px}}@media screen and (min-width:768px) and (orientation:landscape){.tablet-landscape-safe{padding-left:calc(env(safe-area-inset-left, 0) + 24px);padding-left:calc(var(--safe-area-inset-left) + 24px);padding-right:calc(env(safe-area-inset-right, 0) + 24px);padding-right:calc(var(--safe-area-inset-right) + 24px)}}:focus-visible{outline-offset:10px;outline-offset:calc(2px + var(--mobile-safe-margin))}.safe-button{min-margin-left:env(safe-area-inset-left,0);min-margin-left:var(--safe-area-inset-left);min-margin-right:env(safe-area-inset-right,0);min-margin-right:var(--safe-area-inset-right);margin:8px;margin:var(--mobile-safe-margin)}.payment-status-page{align-items:center;background:var(--grey-950);display:flex;justify-content:center;min-height:100vh;padding:20px}.status-container{max-width:480px;width:100%}.status-card{animation:card-enter .4s ease-out;background:var(--grey-900);border:1px solid var(--grey-700);border-radius:16px;box-shadow:0 20px 60px #00000080;padding:48px;text-align:center}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.status-content h2{color:var(--white);font-size:28px;font-weight:600;margin:24px 0 12px}.status-content p{color:var(--white-70);font-size:16px;margin-bottom:32px}.status-icon{align-items:center;display:flex;height:96px;justify-content:center;margin:0 auto;position:relative;width:96px}.status-icon.checking{color:var(--primary-blue)}.spinner{animation:spin 1s linear infinite;border:3px solid var(--grey-700);border-radius:50%;border-top-color:var(--primary-blue);height:48px;width:48px}.status-icon.success{animation:success-bounce .6s ease-out;color:var(--success)}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-ring{animation:ring-expand 1s ease-out .3s;border:2px solid var(--success);border-radius:50%;inset:-8px;opacity:0;position:absolute}@keyframes ring-expand{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.status-icon.pending{color:var(--warning)}.status-icon.failed{animation:shake .5s ease-out;color:var(--error)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.payment-details{background:var(--grey-850);border:1px solid var(--grey-700);border-radius:12px;margin:24px 0;padding:20px;text-align:left}.detail-row{color:var(--white-80);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.detail-row:not(:last-child){border-bottom:1px solid var(--grey-700)}.detail-row span:first-child{color:var(--white-60)}.action-button{background:var(--grey-800);border:1px solid var(--grey-600);border-radius:10px;color:var(--white);cursor:pointer;font-size:16px;font-weight:500;padding:14px 32px;transition:all .3s ease}.action-button:hover{background:var(--grey-700);border-color:var(--grey-500);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.action-button.primary{background:var(--primary-blue);border-color:var(--primary-blue)}.action-button.primary:hover{background:var(--primary-blue-dark);box-shadow:0 4px 20px #3b82f666}.action-buttons{display:flex;gap:16px;justify-content:center}.support-info{color:var(--white-60);font-size:14px;margin-top:32px;text-align:center}.support-info a{color:var(--primary-blue);text-decoration:none;transition:color .2s ease}.support-info a:hover{color:var(--primary-blue-light);text-decoration:underline}.info-text{color:var(--white-60);font-size:14px;margin-bottom:32px;margin-top:-16px}@media (max-width:640px){.status-card{padding:32px 24px}.status-content h2{font-size:24px}.action-buttons{flex-direction:column;width:100%}.action-button{width:100%}}.App{background:var(--pure-black);min-height:100vh;text-align:center}:root{--grey-300:grey;--grey-200:#999;--grey-100:#b3b3b3;--white-3:#ffffff08;--glow-subtle:0 0 2px #fff9;--bg-black:var(--pure-black);--bg-dark:var(--near-black);--bg-darker:var(--pure-black);--background:var(--pure-black);--surface:var(--grey-950);--surface-elevated:var(--grey-900);--border:var(--grey-700);--text-primary:var(--pure-white);--text-secondary:var(--white-60);--text-muted:var(--white-40);--canvas-bg:var(--pure-black);--canvas-border:var(--grey-800);--canvas-grid:var(--grey-700);--hover-bg:var(--white-5);--active-bg:var(--white-10);--focus-ring:var(--white-20);--success:var(--white-80);--error:var(--white-80);--warning:var(--white-60);--info:var(--white-60);--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #000000b3;--shadow-lg:0 10px 15px -3px #000c;--shadow-xl:0 20px 25px -5px #000000e6;--shadow-glow:var(--glow-soft);--primary-blue:var(--pure-white);--primary-blue-hover:var(--white-90);--primary-blue-light:var(--white-10);--success-light:var(--white-10);--error-light:var(--white-10);--warning-light:var(--white-10);--info-light:var(--white-10);--surface-light:var(--grey-850);--accent-premium:var(--pure-white);--accent-premium-glow:var(--glow-premium)}body{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root,body{position:relative}#root{min-height:100vh;z-index:1}.hover-glow{transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.selected-glow:after{inset:-1px}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--pure-white);font-weight:600;line-height:1.3}a{color:#fffc;color:var(--white-80);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}a:hover{text-shadow:0 0 2px #fff9;text-shadow:var(--glow-subtle)}.btn,a:hover,button{color:#fff;color:var(--pure-white)}.btn,button{background:#0000;border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.btn:hover,button:hover{background:#ffffff0d;background:var(--white-5);border-color:#fff3;border-color:var(--white-20);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft);transform:translateY(-1px)}.btn:active,button:active{box-shadow:none;transform:translateY(0)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#222;background:var(--grey-850)}.btn-primary:hover{background:#2a2a2a;background:var(--grey-800)}.icon{color:#fff;color:var(--pure-white)}.icon,.icon-button{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.icon-button{align-items:center;display:inline-flex;justify-content:center}input,select,textarea{background:#1a1a1a;background:var(--grey-900);border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;color:#fff;color:var(--pure-white);font-family:inherit;font-size:14px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{background:#222;background:var(--grey-850);border-color:#fff6;border-color:var(--white-40);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft);outline:none}input::placeholder,textarea::placeholder{color:#fff6;color:var(--white-40)}.card,.modern-card{background:#111;background:var(--grey-950);border:1px solid #333;border:1px solid var(--grey-700);border-radius:8px;box-shadow:0 1px 2px 0 #00000080;box-shadow:var(--shadow-sm);padding:16px;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.card:hover,.modern-card:hover{border-color:#444;border-color:var(--grey-600);box-shadow:0 4px 6px -1px #000000b3;box-shadow:var(--shadow-md)}.modal-overlay{background:#000000e6}.modal{padding:24px}.tooltip{padding:6px 12px}.loading{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;border:2px solid var(--grey-700);border-top-color:var(--pure-white);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-connected .status-dot{background:#fffc;background:var(--white-80);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft)}.status-disconnected .status-dot{background:#444;background:var(--grey-600)}.badge{align-items:center;background:#222;background:var(--grey-850);border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;color:#ffffffe6;color:var(--white-90);display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:768px){body{font-size:16px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation}.icon{height:24px;width:24px}.btn,button{font-size:16px;min-height:44px;min-width:44px;padding:12px 20px;touch-action:manipulation}input,select,textarea{font-size:16px;padding:12px 16px;transform:scale(1)}.modal{margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:16px}.canvas-container{overflow:hidden;touch-action:none}.floating-toolbar{bottom:calc(20px + env(safe-area-inset-bottom))}}.bg-error,.bg-info,.bg-primary,.bg-secondary,.bg-success,.bg-warning,.error,.info,.primary,.secondary,.success,.text-error,.text-info,.text-primary,.text-secondary,.text-success,.text-warning,.warning{background-color:inherit;color:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,monospace}.font-bold{font-weight:700}.font-medium{font-weight:500}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.transition-slow{transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.border{border:1px solid #333;border:1px solid var(--grey-700)}.border-t{border-top:1px solid #333;border-top:1px solid var(--grey-700)}.border-b{border-bottom:1px solid #333;border-bottom:1px solid var(--grey-700)}.border-l{border-left:1px solid #333;border-left:1px solid var(--grey-700)}.border-r{border-right:1px solid #333;border-right:1px solid var(--grey-700)}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.canvas-grid{stroke:#333;stroke:var(--grey-700);stroke-width:1}.hover-glow,.icon-button,.tab-icon,.tool-icon,button{transition:filter .3s ease,box-shadow .3s ease}.hover-glow:hover,.icon-button:hover,.tab-icon:hover,.tool-icon:hover,button:hover{filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.hover-glow:active,.icon-button:active,.tab-icon:active,.tool-icon:active,button:active{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.sidebar-button:hover,.sidebar-tab:hover{box-shadow:0 0 3px #fff3}.sidebar-button.active,.sidebar-tab.active{box-shadow:0 0 5px #ffffff26}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--pure-black:#000;--near-black:#0a0a0a;--grey-950:#111;--grey-900:#1a1a1a;--grey-850:#222;--grey-800:#2a2a2a;--grey-700:#333;--grey-600:#444;--grey-500:#555;--grey-400:#666;--pure-white:#fff;--white-90:#ffffffe6;--white-80:#fffc;--white-60:#fff9;--white-40:#fff6;--white-20:#fff3;--white-10:#ffffff1a;--white-5:#ffffff0d;--glow-soft:0 0 3px #fffc;--glow-medium:0 0 5px #ffffffe6;--glow-strong:0 0 8px #fff;--glow-premium:0 0 10px #fff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--transition-slow:all 0.8s cubic-bezier(0.4,0,0.2,1);--transition-medium:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.3s cubic-bezier(0.4,0,0.2,1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--pure-black);color:#fff;color:var(--pure-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6;overflow:hidden}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.hover-glow{position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.hover-glow:hover{box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft)}.hover-glow-medium:hover{box-shadow:0 0 5px #ffffffe6;box-shadow:var(--glow-medium)}.hover-glow-strong:hover{box-shadow:0 0 8px #fff;box-shadow:var(--glow-strong)}.selected-glow{box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft);position:relative}.selected-glow:after{animation:glowPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);background:linear-gradient(45deg,#0000,var(--white-10),#0000);border-radius:inherit;content:"";inset:-2px;pointer-events:none;position:absolute}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.premium-glow{animation:premiumPulse 3s ease-in-out infinite;text-shadow:0 0 10px #fff;text-shadow:var(--glow-premium)}@keyframes premiumPulse{0%,to{opacity:.8}50%{opacity:1}}.btn{background:#0000;border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;color:#fff;color:var(--pure-white);cursor:pointer;font-size:14px;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.btn:hover{border-color:#fff9;border-color:var(--white-60);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft)}.btn:active{transform:scale(.98)}.btn-primary{background:#1a1a1a;background:var(--grey-900);border-color:#fff3;border-color:var(--white-20)}.btn-primary:hover{background:#222;background:var(--grey-850);border-color:#fff6;border-color:var(--white-40);box-shadow:0 0 5px #ffffffe6;box-shadow:var(--glow-medium)}.icon{fill:#fff;fill:var(--pure-white);height:20px;width:20px}.icon,.icon-button{transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.icon-button{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:8px;padding:var(--spacing-sm);position:relative}.icon-button:hover{background:#ffffff1a;background:var(--white-10)}.icon-button:hover .icon{filter:drop-shadow(0 0 3px rgba(255,255,255,.8));filter:drop-shadow(var(--glow-soft))}.tooltip{background:#1a1a1a;background:var(--grey-900);border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;color:#fff;color:var(--pure-white);font-size:12px;opacity:0;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateY(5px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);white-space:nowrap;z-index:1000}.tooltip.visible{opacity:1;transform:translateY(0)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);background:#111;background:var(--grey-950);border:1px solid #333;border:1px solid var(--grey-700);border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;padding:var(--spacing-xl);width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:#111;background:var(--grey-950);border-right:1px solid #2a2a2a;border-right:1px solid var(--grey-800);height:100vh;transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.sidebar-item{border-left:3px solid #0000;cursor:pointer;padding:16px;padding:var(--spacing-md);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.sidebar-item:hover{background:#ffffff0d;background:var(--white-5)}.sidebar-item.active{background:#ffffff1a;background:var(--white-10);border-left-color:#fff;border-left-color:var(--pure-white)}.sidebar-item.active:after{background:#fff;background:var(--pure-white);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft);content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.canvas-container{background:#0a0a0a;background:var(--near-black);border:1px solid #2a2a2a;border:1px solid var(--grey-800);border-radius:8px;overflow:hidden;position:relative}.canvas-grid{opacity:.1;transition:opacity .5s ease}.canvas-container:hover .canvas-grid{opacity:.15}.input{background:#1a1a1a;background:var(--grey-900);border:1px solid #333;border:1px solid var(--grey-700);border-radius:4px;color:#fff;color:var(--pure-white);font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.input:focus{border-color:#fff6;border-color:var(--white-40);box-shadow:0 0 3px #fffc;box-shadow:var(--glow-soft);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--grey-900)}::-webkit-scrollbar-thumb{background:#444;background:var(--grey-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555;background:var(--grey-500)}@media (max-width:768px){:root{--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px}.icon{height:28px;width:28px}.icon-button{padding:16px;padding:var(--spacing-md)}.btn{font-size:16px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.tooltip{font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}}:focus-visible{outline:2px solid #fff9;outline:2px solid var(--white-60);outline-offset:2px}.accent,.error,.info,.link,.primary,.success,.warning,a{color:#fff;color:var(--pure-white)}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.skip-links{left:0;position:absolute;top:0;z-index:1600}.skip-link{background:var(--color-surface-elevated);border:2px solid var(--color-border-focus);border-radius:6px;color:var(--color-text-primary);font-size:14px;font-weight:500;left:8px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transform:translateY(-100%);transition:transform .15s ease-out}.skip-link:focus{box-shadow:var(--shadow-lg);top:8px;transform:translateY(0)}.accessibility-high-contrast{--color-background:#000;--color-surface:#1a1a1a;--color-text-primary:#fff;--color-border:#fff;--color-border-focus:#ff0}.accessibility-high-contrast .btn{border-width:2px;font-weight:700}.accessibility-reduced-motion *,.accessibility-reduced-motion :after,.accessibility-reduced-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.accessibility-large-text{font-size:1.2em}.accessibility-keyboard-user :focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.form-field-error .input,.form-field-error .select,.form-field-error .textarea{background:var(--color-error-bg);border-color:var(--color-error)}.error-message{align-items:center;color:var(--color-error);display:flex;font-size:14px;gap:4px;margin-top:4px}.error-message:before{content:"⚠️"}.alert{align-items:flex-start;border-left:4px solid;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.alert-error{background:var(--color-error-bg);border-left-color:var(--color-error);color:var(--color-error)}.alert-success{background:var(--color-success-bg);border-left-color:var(--color-success);color:var(--color-success)}
/*# sourceMappingURL=main.9c8c1c90.css.map*/