.arkto-root{--arkto-bg:#0f0f0f;--arkto-surface:#1a1a1a;--arkto-surface-hover:#242424;--arkto-surface-selected:#2a2518;--arkto-border:#2a2a2a;--arkto-border-selected:#e3c32c;--arkto-text:#f0f0f0;--arkto-text-muted:#888;--arkto-accent:#e3c32c;--arkto-accent-hover:#f0ce30;background:var(--arkto-bg);color:var(--arkto-text);font-family:var(--font-inter),system-ui,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden}.arkto-page{width:100%;height:calc(100vh - 48px);margin-top:48px;display:flex;overflow:auto hidden}.arkto-viewer{flex-direction:column;flex:1;min-width:200px;height:calc(100vh - 48px);padding:8px;display:flex;position:sticky;top:48px}.arkto-config{border-left:1px solid #2a2a2a;flex:0 0 380px;max-width:380px;height:calc(100vh - 48px);padding:20px 16px 100px;overflow:hidden auto}.arkto-config::-webkit-scrollbar{width:4px}.arkto-config::-webkit-scrollbar-track{background:0 0}.arkto-config::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.arkto-card{border:1px solid #0000;transition:all .2s;position:relative}.arkto-card.selected{border:2px solid #e3c32c}.arkto-canvas-wrap{min-height:400px}.arkto-mobile-bar{display:none}@media (max-width:1024px){.arkto-page{flex-direction:column;height:auto;overflow:visible}.arkto-viewer{z-index:10;border-bottom:1px solid #2a2a2a;height:56vh;min-height:360px;padding:0;position:fixed;top:48px;left:0;right:0;box-shadow:0 6px 20px #0000008c}.arkto-canvas-wrap{min-height:0;border-radius:0!important}.arkto-config{border-top:1px solid #2a2a2a;border-left:none;flex:none;width:100%;min-width:0;max-width:100%;height:auto;margin-top:max(56vh,360px);padding:20px 16px 140px;overflow-y:visible}.arkto-overlay-caption{display:none!important}.arkto-env-toggle{gap:0!important;top:8px!important;right:8px!important}.arkto-env-toggle button{border-radius:7px!important;padding:5px 11px!important;font-size:11px!important}.arkto-powered-by{font-size:10px!important;bottom:8px!important;left:10px!important}.arkto-mobile-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1af2;border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.arkto-header{padding:0 16px!important}.arkto-header-price{display:none!important}.arkto-anim-toggle button{padding:5px 14px!important;font-size:10px!important}.arkto-anim-buttons{gap:4px!important;padding:0 8px!important}.arkto-anim-buttons button{padding:5px 10px!important;font-size:10px!important}.arkto-info-modal{max-width:90vw!important;padding:16px!important}.arkto-step-section{margin-bottom:20px!important}}.arkto-env-label{display:inline}@media (max-width:768px){.arkto-viewer{height:48vh;min-height:320px;padding:0;top:42px}.arkto-config{margin-top:max(48vh,320px);padding:16px 12px 140px}.arkto-env-toggle{top:6px!important;right:6px!important}.arkto-env-toggle button{padding:4px 9px!important;font-size:10px!important}.arkto-powered-by{font-size:9px!important;bottom:6px!important;left:8px!important}.arkto-header{height:42px!important;padding:0 12px!important}.arkto-page{margin-top:42px}.arkto-header-left>span:first-child{font-size:14px!important}.arkto-header-left>span:last-child{padding-left:8px!important;font-size:10px!important}.arkto-anim-toggle button{padding:4px 12px!important;font-size:9px!important}.arkto-anim-buttons button{padding:4px 8px!important;font-size:9px!important}.arkto-step-section{margin-bottom:16px!important}.arkto-step-section h2{font-size:14px!important}.arkto-mobile-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}