:root{--petrol:#003644;--turquoise:#43c0b9;--turquoise-dim:#43c0b933;--white:#fff;--sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--petrol);color:var(--white);font-family:F37 Ginger,Segoe UI,system-ui,-apple-system,sans-serif}.hub-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--petrol);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:6px 8px 24px;display:flex}.brand-mark{flex-shrink:0;width:22px;height:22px;position:relative}.brand-mark:before{content:"";background:var(--turquoise);width:22px;height:8px;position:absolute;top:0;left:0}.brand-mark:after{content:"";background:var(--turquoise);width:8px;height:22px;position:absolute;top:0;left:0}.brand-name{letter-spacing:.02em;font-size:14px;font-weight:600}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-button{text-align:left;color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-button:hover{color:var(--white);background:#ffffff0f}.nav-button.active{background:var(--turquoise-dim);color:var(--turquoise)}.nav-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-footer{color:#ffffff59;margin-top:auto;padding:8px;font-size:11px}.main-area{background:var(--white);flex:1;position:relative}.tool-frame{border:none;width:100%;height:100%;display:block}.frame-wrap{position:absolute;inset:0}.frame-wrap.hidden{display:none}