@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";:root{--primary-main:#34e0ff;--text-primary:#000;--text-secondary:#6b7280;--divider-default:#2f343b1f;--bg-default:#f3f5f7;--bg-paper:#fff;--fz-title:1.5em;--fz-normal:1em;--fz-small:.9em;--fz-smaller:.8em}@media screen and (width<=768px){:root{--fz-title:1.2em;--fz-normal:.875em;--fz-small:.8em;--fz-smaller:.7em}.btn-group{flex-direction:column;align-items:flex-start}}body.dark-theme{--text-primary:#fff;--bg-default:#24292f;--bg-paper:#353c46;--divider-default:#ffffff24}.native-tool-content{background-color:var(--bg-default);width:100%;height:calc(100vh - 56px);overflow-y:auto}.section{width:100%;max-width:900px;margin:0 auto;padding:40px 20px}h1{font-size:var(--fz-title);text-align:center}h3{font-size:var(--fz-normal)}.subtitle{font-size:var(--fz-normal);text-align:center;color:var(--text-secondary);margin-bottom:20px}.preview-table-container{border:1px solid var(--divider-default);background-color:var(--bg-paper);border-radius:24px;position:relative;overflow:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table tr{border-bottom:1px solid var(--divider-default)}.preview-table tr:last-child{border-bottom:none}.preview-table thead{border-bottom:1px solid var(--divider-default)}.preview-table thead tr{background-color:var(--bg-default)}.preview-table th,.preview-table td{white-space:nowrap;width:1%;font-size:var(--fz-small);padding:15px 20px}.preview-table th{color:var(--text-primary);text-align:left;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.preview-table td{text-overflow:ellipsis;max-width:300px;overflow:hidden}.btn-group{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.helpTextMerge{color:#ee1930;margin-top:4px;margin-left:14px;font-size:12px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background-color:#0000!important}::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:50px}:root{--primary-main:#34e0ff;--text-primary:#000;--text-secondary:#6b7280;--divider-default:#2f343b1f;--bg-default:#f3f5f7;--bg-paper:#fff;--bg-popover:gray}*{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}html,body,#root{width:100%;min-height:100vh}body{min-height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-paper);z-index:10;flex-direction:column;justify-content:space-between;width:320px;max-width:85vw;height:100vh;min-height:100vh;padding:16px 8px;display:flex;position:relative;box-shadow:2px 0 8px #0000001a}.sidebar ::-webkit-scrollbar{width:8px}.sidebar ::-webkit-scrollbar-track{background-color:#0000!important}.sidebar ::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:24px}.sidebar-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#sidebar-links-container{flex:1;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--divider-default);flex-shrink:0;padding-top:16px}.sidebar-header{text-align:left;flex-shrink:0;margin-bottom:16px;padding:0 16px}.logo-img{object-fit:contain;max-width:40%;max-height:40px}.sidebar-toggle{background-color:var(--bg-paper);cursor:pointer;border:0;border-radius:0 50px 50px 0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:0;right:-36px;box-shadow:4px 0 8px -2px #0000001a}.sidebar-toggle-icon{width:32px;height:32px;color:var(--text-secondary);margin-right:4px;font-size:32px}.sidebar-row{margin:.5rem 0}.sidebar-link{width:100%;color:var(--text-primary);white-space:normal;word-break:break-word;cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:8px 16px;font-size:.95rem;text-decoration:none;transition:background .15s,font-weight .15s;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--bg-default)}.sidebar-link.active{font-weight:700}.content{flex:1;width:calc(100vw - 320px);height:100vh;min-height:100vh;margin-left:320px;padding:0;overflow:hidden}.tool-frame,.tool-frame-placeholder{border:none;width:100%;height:100vh;min-height:100vh;display:block}.tool-frame-placeholder{background:0 0}.blackScreen{z-index:1000;background-color:#0006;position:fixed;inset:0}.hidden{display:none!important}@media (width<=900px){.content{margin-left:0;width:100%!important}}@media (width>=900px){.blackScreen{display:none!important}}.sidebar,.content,.sidebar-header,.logo-img{transition:transform .3s ease-in-out,margin-left .3s ease-in-out,width .3s ease-in-out}.sidebar-closed .sidebar{transform:translate(-100%)}.sidebar-closed .content{width:100%;margin-left:0}.sidebar-nav{z-index:1100;height:100vh;min-height:100vh;position:fixed;top:0;left:0}.sidebar-nav-closed{pointer-events:none}.sidebar-nav-closed .sidebar .sidebar-container .sidebar-header .sidebar-toggle{pointer-events:auto!important}.theme-toggle-btn{z-index:1000;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:10px;right:10px}.theme-toggle-btn svg{width:24px;height:24px;fill:var(--text-primary)}.theme-toggle-btn .icon-dark-mode,.dark-theme .theme-toggle-btn .icon-light-mode{display:none}.dark-theme .theme-toggle-btn .icon-dark-mode{fill:#fff;display:block}body.dark-theme{--text-primary:#fff;--bg-default:#24292f;--bg-paper:#353c46;--divider-default:#ffffff24;--bg-popover:#000}.dark-theme select{background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")}.logo{object-fit:contain;max-width:180px;max-height:70px}.loading-screen{z-index:2000;background:var(--bg-default);color:var(--text-primary);justify-content:center;align-items:center;font-family:Open Sans,sans-serif;display:flex;position:fixed;inset:0}.loading-card{background:var(--bg-paper);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:min(90vw,520px);padding:32px 24px;display:flex;box-shadow:0 4px 8px #0000001a}.loading-description{color:var(--text-secondary);font-size:1rem;line-height:1.5}.auth-countdown{color:var(--text-secondary);margin-top:8px;font-size:.75rem}
