.app-shell{color:#111827;background:#f8fafc;height:100vh;display:flex;overflow:hidden}.app-main{background:#f8fafc;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:8px 20px;display:flex}.mobile-header-row{display:none}.header-main{align-items:center;gap:14px;min-width:0;display:flex}.brand{color:#111827;flex:none;align-items:center;gap:8px;font-size:18px;display:flex}.brand span,.header-tool p,.app-footer{color:#6b7280;font-size:13px}.header-tool{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.header-tool h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;line-height:1.2;overflow:hidden}.header-tool p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.header-actions .ant-btn{height:30px;padding-inline:9px;font-size:13px}.app-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex:0 0 250px;width:250px;padding:20px 19px;overflow-y:auto}.mobile-nav-drawer .ant-drawer-body{padding:0}.mobile-nav-drawer .ant-drawer-content-wrapper{width:298px!important}.sidebar-brand{height:24px;margin-bottom:42px}.tool-group h2{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:700}.tool-group nav{gap:4px;margin-bottom:20px;display:grid}.tool-group a{color:#374151;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;text-decoration:none;display:flex}.tool-group a.active,.tool-group a:hover{color:#1d4ed8;background:#eff6ff}.app-content{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-footer{background:#fff;border-top:1px solid #e5e7eb;flex:0 0 34px;justify-content:space-between;align-items:center;height:34px;padding:0 20px;display:flex}.offline-status{align-items:center;gap:6px;display:flex}@media (width<=800px){.app-shell{flex-direction:column}.app-header{flex-direction:column;align-items:stretch;gap:8px;min-height:auto;padding:8px 10px}.mobile-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-header-brand{align-items:center;gap:8px;min-width:0;font-size:16px;display:flex}.header-main{justify-content:space-between;align-items:flex-start;gap:8px}.header-tool h1{font-size:15px}.header-tool p{display:none}.header-actions{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.header-actions .ant-btn{flex:none}.desktop-sidebar{display:none}.app-sidebar{flex-basis:190px;width:190px;padding:16px 12px}.mobile-sidebar{border-right:0;width:298px;min-height:100vh;padding:20px 19px}.sidebar-brand{margin-bottom:28px}}.tool-page{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.tool-header{background:#fff;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.tool-header h1{margin:0;font-size:20px}.tool-header p{color:#6b7280;margin:4px 0 0}.tool-actions{flex-wrap:wrap;gap:8px;display:flex}.split-workspace{flex:1;width:100%;min-height:0;overflow:hidden}.split-panel{min-width:0;min-height:0;overflow:auto}.split-left{background:#fff;border-right:1px solid #e5e7eb}.split-right{background:#f8fafc}.split-left .tool-editor{resize:none;border:0;border-radius:0;width:100%;min-height:100%;padding:16px;font-family:Consolas,monospace;font-size:14px;display:block;height:100%!important}@media (width<=1000px){.split-left{border-bottom:1px solid #e5e7eb;border-right:0}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}