.apple-molecule-wrapper{--molecule-text:#f5f5f7;--molecule-muted:#a1a6af;--molecule-control:#303237;box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:var(--molecule-text);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;margin:1.5rem 0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;display:flex;overflow:hidden}.apple-molecule-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.apple-molecule-title{min-width:0;color:var(--molecule-text);letter-spacing:-.02em;align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.apple-molecule-title>svg{background:0 0;border-radius:0;flex-shrink:0;padding:0;color:#71d6c9!important}.apple-molecule-title span{overflow-wrap:anywhere}.apple-molecule-formula{overflow-wrap:anywhere;max-width:100%;color:var(--molecule-muted);letter-spacing:.025em;background:0 0;border:0;border-radius:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500}.apple-molecule-canvas-box{box-sizing:border-box;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;min-height:180px;padding:0;display:flex;overflow:hidden}.apple-molecule-canvas-box canvas{box-sizing:border-box;filter:none;width:260px;min-width:0;max-width:100%;height:auto;display:block}.apple-molecule-footer{color:var(--molecule-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:8px;font-size:11px;line-height:1.5;display:flex}.apple-molecule-footer>span{color:var(--molecule-muted)!important}.apple-molecule-smiles{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,260px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.light-theme .apple-molecule-wrapper{--molecule-text:#202127;--molecule-muted:#777b85;--molecule-control:#f0f2f5}.light-theme .apple-molecule-wrapper .apple-molecule-title>svg{color:#209c8d!important}.light-theme .apple-molecule-canvas-box canvas{filter:invert()hue-rotate(180deg)}@media (max-width:640px){.apple-molecule-wrapper{margin:1.2rem 0}.apple-molecule-header{margin-bottom:6px}.apple-molecule-title{font-size:14px}}
